html+js实现markdown编辑器效果
时间：2023-03-30 05:00:35
PHP
Markdown的Editor.md插件官网：https://pandao.github.io/edit...1：下载Editor.md1：进入官网直接下载GitHub下载地址：https://github.com/pandao/edi...2：使用npm下载npminstalleditor.md下载的文件结构如下：2：Editor.md的简单使用1：前提：导入css引入js2:html+js实现markdown效果
根据上面的代码可以实现markdown编辑器效果，但是上面的代码没有本地上传图片的功能。如果需要本地上传图片的功能，修改js代码如下：$(function(){vareditor=editormd("test-editor",{width:"100%",//width,100%ifnotfilledheight:"500px",//高度，不填充100%theme:"dark",//主题，不填充默认主题path:"editormd/lib/",//editor.md插件的lib目录地址saveHTMLToTextarea:true,//将HTML保存到TextareatoolbarAutoFixed:true,//启用和禁用工具栏自动固定定位imageUpload:true,//运行本地上传imageFormats:["jpg","jpeg","gif","png","bmp","webp"],//允许上传的文件格式imageUploadURL:"/index.php?r=markdown/upload"//上传后台服务器路径});});后台上传的简单实现如下（我这里上传使用的是Yii框架的intervention/image插件）Yii::$app->response->format=Response::FORMAT_JSON;$upload=\Intervention\Image\ImageManagerStatic::make($_FILES['editormd-image-file']['tmp_name'])->save('upload/upload.jpg');//file为上传的名称formif($upload){return['success'=>1,'message'=>'上传成功','url'=>'upload/upload.jpg'];}else{return['success'=>0,'message'=>'上传失败',];}根据上面的代码，可以在markdown编辑器中上传本地图片
