要整合,第一步是找到来源,直接下载到官网并依赖。
下载后,解压缩下载文件
如果要使用的依存关系基本上标记为红色,请将所需的依存关系放到项目的resources目录中
找到文本输入框的html,开始引入依赖关系。
引入//CSS样式文件
引入//js等依赖项
将文本输入框替换为Markdown编辑器
初始化标记编辑器的js
var testEditor;
$(function () )。
test editor=editor MD ' test-editor MD ',{ //test-editormd是具有先前定义的编辑器的div的id
width: '98%、
height: 300,
同步: ' single ',
path: '/lib/',//您的path路径(原始资源文件中的lib软件包位于我们项目中的位置) ) ) ) ) ) ) ) ) )。
saveHTMLToTextarea: true、
e moji :真,
任务列表: true,
tex :真,
流程图:真,
tocm: true,
序列诊断: true,
/*上传图像的配置*
image upload :假,
imageFormats: ['jpg ',' jpeg ',' gif ',' png ',' bmp ',' webp'],//上传图像支持格式
imageuploadurl : ' ./image upload '//上传图片的路径
);
);
以上集成编辑器已完成。 接下来我给你看一下取出的数据。
第一步仍然是引入必要的依赖
页面上显示的div
解析的js
editor MD.markdown to html (test-editor MD ),
htmlDecode : 'style,script,iframe ',
e moji :真,
任务列表: true,
tex : true,//默认情况下不分析
流程图: true,//默认情况下不分析
序列诊断: true//默认情况下不分析
);
这样就完成了Markdown编辑器Editor.md的简单集成。