例子:https://pandao.github.io/editor.md/examples/index.html
所有的参数:https://github.com/pandao/editor.md
{
mode: "gfm", // gfm or markdown
name: "", // Form element name for post
value: "", // value for CodeMirror, if mode not gfm/markdown
/**设置主题颜色,与函数共同作用:setTheme(theme),setCodeMirrorTheme(theme)||setEditorTheme(theme),setPreviewTheme(theme)*/
theme: "", // 工具栏的主题(default,dark)。Editor.md self themes, before v1.5.0 is CodeMirror theme, default empty
editorTheme: "default", // 编辑栏的主题(default,dark等很多中)。 Editor area, this is CodeMirror theme at v1.5.0
previewTheme: "", // 预览栏的主题(default,dark)。 Preview area theme, default empty
markdown: "", // 编辑栏默认内容。也可以直接放在textarea内。Markdown source code
appendMarkdown: "", // 在markdown后面追加的内容。 if in init textarea value not empty, append markdown to textarea
width: "100%", // w可以为数值也可以为百分比
height: "100%", // h可以为数值也可以为百分比
autoHeight: false, // 自适应h
path: "./lib/", // Dependents module file directory
pluginPath: "", // If this empty, default use settings.path + "../plugins/"
delay: 300, // 延迟即时预览效果。Delay parse markdown to html, Uint : ms
autoLoadModules: true, // Automatic load dependent module files
watch: true,
placeholder: "Enjoy Markdown! coding now...",
gotoLine: true, // Enable / disable goto a line
codeFold: false, // 编辑栏有折叠按钮(true)。
autoFocus: true, // Enable / disable auto focus editor left input area
autoCloseTags: true,
searchReplace: true, // 是否启动搜索功能;ctrl+f;Enable / disable (CodeMirror) search and replace function
syncScrolling: true, // 是否一起滚动(false的时候互不影响;single的时候,左影响右,右不影响左;true的时候,互相影响;) options: true | false | "single", default true
readOnly: false, // 还是左右两部分,只是左部分不能编辑了。 Enable / disable readonly mode
tabSize: 4,
indentUnit: 4,
lineNumbers: true, // 左侧编辑部分,是否显示行数。 Display editor line numbers
lineWrapping: true,
autoCloseBrackets: true,
showTrailingSpace: true,
matchBrackets: true,
indentWithTabs: true,
styleSelectedText: true,
matchWordHighlight: true, // options: true, false, "onselected"
styleActiveLine: true, // 左边编辑部分,当前行高亮。Highlight the current line
dialogLockScreen: true, //设置弹出层对话框不锁屏,全局通用,默认为true
dialogShowMask: true, //设置弹出层对话框显示透明遮罩层,全局通用,默认为true
dialogDraggable: true, //设置弹出层对话框不可拖动,全局通用,默认为true
dialogMaskBgColor: "#fff", //设置透明遮罩层的背景颜色,全局通用,默认为#fff
dialogMaskOpacity: 0.1, //设置透明遮罩层的透明度,全局通用,默认值为0.1
fontSize: "13px",
saveHTMLToTextarea: false, // ????。 If enable, Editor will create a
watch:左右两侧都有。
unwatch:只有左侧编辑部分。
与属性watch一起作用:watch:false
,那么只有左边编辑部分,没有预览部分。
gotoLine:跳转到某一行。参数:
testEditor.gotoLine(300);
testEditor.gotoLine("first");
// or
//testEditor.gotoLine(1);
testEditor.gotoLine("last");
// or
//testEditor.gotoLine(testEditor.cm.lineCount());
show:显示。
hide:隐藏。
getMarkdown:编辑的内容。
getHTML:转换成html的内容。
showToolbar:显示工具栏。
hideToolbar:隐藏工具栏。
fullScreen:全屏
previewing:预览
setToolbarAutoFixed(boolean):设置是否工具栏固定。
配置属性的方法:eg:
testEditor.config("syncScrolling", true);
配置事件:eg:
// resize的时候,执行的事件
this.config("onresize", function() {
console.log("onresize =>", this);
});
https://pandao.github.io/editor.md/examples/html-tags-decode.html
包含:标签和属性。eg:
/*所有的**/
htmlDecode : true, // Decode all html tags & attributes
/*部分自定义*/
htmlDecode : "style,script,iframe,sub,sup|on*", // Filter tags, and all on* attributes
htmlDecode : "style,script,iframe,sub,sup|*" // Filter tags, and all attributes
htmlDecode : "style,script,iframe,sub,sup,embed|onclick,title,onmouseover,onmouseout,style" // Filter tags, and your custom attributes