首页 > 编程知识 正文

markdown的笔记软件,所见即所得编辑器

时间:2023-05-03 17:52:42 阅读:172998 作者:1777

要整合,第一步是找到来源,直接下载到官网并依赖。

下载后,解压缩下载文件

如果要使用的依存关系基本上标记为红色,请将所需的依存关系放到项目的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的简单集成。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。