markdown js插件,前端markdown编辑器

　　减价的Editor.md插件官方网站：https://盘岛。github。io/编辑。MD/

　　一：下载Editor.md

　　1:进入官网直接进行下载

　　开源代码库下载地址：https://github。com/pandao/editor。医学博士

　　2:使用新公共管理进行下载

　　新公共管理安装编辑器。钔下载下来的文件结构如下：

　　二：Editor.md的简单使用

　　1：前提：

　　引入钢性铸铁

　　link rel=样式表 href= editor MD/CSS/editor MD . CSS /引入射流研究…

　　脚本src= js/jquery。量滴js /script script src= editor MD/editor MD . min。js /script2：html+js实现markdown效果

　　link rel=样式表 href= editor MD/CSS/editor MD . CSS /div id= test-editor textarea style= display:none；class= content-markdown name= content-markdown /textarea/div script src= js/jquery。量滴js /script script src= editor MD/editor MD . min。js /script script type= text/JavaScript $(function(){ var editor=editor MD( test-editor ，{ width : 100% ，//宽度，不填为100%高度："500像素",//高度，不填为100%主题："黑暗",//主题，不填为默认主题路径： editormd/lib/，//editor.md插件的解放运动目录地址saveHTMLToTextarea : true，//保存超文本标记语言到Textarea toolbarAutoFixed:true，//工具栏自动固定定位的开启与禁用});});/脚本根据如上代码就可以实现减价编辑器效果

　　但是如上代码没有本地上传图片功能，如果你需要本地上传图片功能，js代码修改如下：

　　$(function(){ var editor=editor MD( test-editor ，{ width : 100% ，//宽度，不填为100%高度："500像素",//高度，不填为100%主题："黑暗",//主题，不填为默认主题路径： editormd/lib/，//editor.md插件的解放运动目录地址saveHTMLToTextarea : true，//保存超文本标记语言到Textarea toolbarAutoFixed:true，//工具栏自动固定定位的开启与禁用imageUpload : true，//运行本地上传图像格式：[jpg ， jpeg ， gif ， png ， bmp ， webp]，//允许上传的文件格式imageUploadURL:"/index。PHP？r=降价/上传//上传的后台服务器路径});});后端上传的简单实现如下（这里上传我使用了Yii框架的干预/图像插件)

　　yii:$ app-Response-FORMAT=Response:FORMAT _ JSON；$ upload=\ Intervention \ Image \ imagemanager static:make($ _ FILES[ editor MD-Image-file ][ tmp _ name ])-save( upload/upload。jpg’)；//文件为上传表单的名字名if ($upload) { return [ success=1， message=上传成功， URL =上传/上传。jpg ]；} else { return [ success=0， message=上传失败, ];}根据如上代码就可以实现在减价编辑器中上传本地图片

　　以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。