当前位置:网站首页>Markdown编辑器Editor.md插件的使用
Markdown编辑器Editor.md插件的使用
2022-07-07 06:11:00 【HHYZBC】
官网:
Editor.md - 开源在线 Markdown 编辑器 (pandao.github.io)https://pandao.github.io/editor.md/index.html配置项:
var testEditor;
testEditor = editormd("test-editormd", {
placeholder:'本编辑器支持Markdown编辑,左边编写,右边预览', //默认显示的文字,这里就不解释了
width: "90%",
height: 640,
syncScrolling: "single",
path: "lib/js/editor.md-master/lib/", //你的path路径(原资源文件中lib包在我们项目中所放的位置)
theme: "dark",//工具栏主题
previewTheme: "dark",//预览主题
editorTheme: "pastel-on-dark",//编辑主题
saveHTMLToTextarea: true,
emoji: false,
taskList: true,
tocm: true, // Using [TOCM]
tex: true, // 开启科学公式TeX语言支持,默认关闭
flowChart: true, // 开启流程图支持,默认关闭
sequenceDiagram: true, // 开启时序/序列图支持,默认关闭,
toolbarIcons : function() { //自定义工具栏,后面有详细介绍
return editormd.toolbarModes['simple']; // full, simple, mini
},
});
//上面的挑有用的写上去就行
获取Markdown格式的文本
document.querySelector('.editormd-markdown-textarea').value
获取markdown渲染过的文章
document.querySelector('.markdown-body').textContent,
自定义工具栏
工具栏分为三组,full, simple, mini这三个,可以选择,也可以自由的设置工具栏,自由的设置工具栏在官网中有写,在这里就只介绍3组。
t.toolbarModes={
full:["undo","redo","|","bold","del","italic","quote","ucwords","uppercase","lowercase","|","h1","h2","h3","h4","h5","h6","|","list-ul","list-ol","hr","|","link","reference-link","image","code","preformatted-text","code-block","table","datetime","emoji","html-entities","pagebreak","|","goto-line","watch","preview","fullscreen","clear","search","|","help","info"],
simple:["undo","redo","|","bold","del","italic","quote","uppercase","lowercase","|","h1","h2","h3","h4","h5","h6","|","list-ul","list-ol","hr","|","watch","preview","fullscreen","|","help","info"],
mini:["undo","redo","|","watch","preview","|","help","info"]
}
每一个标签表示一个工具,也可以随意使用上面的标签自定义工具栏,每个标签具体表示的工具官网上没有,所以只能与工具栏对照一下才行了
边栏推荐
- NCS Chengdu New Electric interview Experience
- 调用华为游戏多媒体服务的创建引擎接口返回错误码1002,错误信息:the params is error
- AVL balanced binary search tree
- 基本数据类型和string类型互相转化
- Input of mathematical formula of obsidan
- leetcode135. Distribute candy
- JS operation
- Componentspace2022, assertions, protocols, bindings, and configuration files
- Novice entry SCM must understand those things
- [Chongqing Guangdong education] audio visual language reference materials of Xinyang Normal University
猜你喜欢
Golang compilation constraint / conditional compilation (/ / +build < tags>)
Category of IP address
21 general principles of wiring in circuit board design_ Provided by Chengdu circuit board design
2-3查找树
Calling the creation engine interface of Huawei game multimedia service returns error code 1002, error message: the params is error
2 - 3 arbre de recherche
Greenplum 6.x version change record common manual
AVL balanced binary search tree
Data analysis methodology and previous experience summary 2 [notes dry goods]
NCS Chengdu Xindian interview experience
随机推荐
Data analysis methodology and previous experience summary 2 [notes dry goods]
Data type - integer (C language)
Input and output of floating point data (C language)
Golan idea IntelliJ cannot input Chinese characters
Composer change domestic image
联想混合云Lenovo xCloud:4大产品线+IT服务门户
redis故障处理 “Can‘t save in background: fork: Cannot allocate memory“
Rapid integration of authentication services - harmonyos platform
Implementation method of data platform landing
2-3查找树
Compilation and linking of programs
Greenplum 6.x monitoring software setup
NCS Chengdu New Electric interview Experience
Tips for using jeditabletable
关于基于kangle和EP面板使用CDN
A method for quickly viewing pod logs under frequent tests (grep awk xargs kuberctl)
[wechat applet: cache operation]
Calling the creation engine interface of Huawei game multimedia service returns error code 1002, error message: the params is error
leetcode134. gas station
Componentspace2022, assertions, protocols, bindings, and configuration files