开源软件名称:MDEditor
开源软件地址:https://gitee.com/jaywcjlove/MDEditor
开源软件介绍:
简易Markdownd编辑器 使用预览MDEditor - 添加
MDEditor.min.css 样式 - 添加
MDEditor.min.js 并不是 lib/MDEditor.js 哦 - 添加编辑器初始节点
- 如果预加载长篇markdown文本必须嵌套
<textarea> 标签
<link rel="stylesheet" type="text/css" href="../themes/default/css/MDEditor.min.css"><script type="text/javascript" src="../build/MDEditor.min.js"></script><div id="mdeditor"><textarea># 这里放markdown初始值- id: 节点id- minheight: 初始化编辑器高度- maxheight: 编辑器随着输入内容增多而变高,这个值是它的最大值- value: 默认编辑器中显示markdown内容</textarea></div><script type="text/javascript">var mde = new MDEditor({ id:"#mdeditor", minheight:300, maxheight:600, value:"#多多少少的"}).load().input(function(evn,opts){ console.log("evn:",evn) console.log("opts:",opts)})</script> MDEditor初始化- id: 节点id
- minheight: 初始化编辑器高度
- maxheight: 编辑器随着输入内容增多而变高,这个值是它的最大值
- value: 默认编辑器中显示markdown内容
load加载编辑器 preview默认展示预览界面 input输入事件,在编辑器里面输入内容就会执行input方法 mde.input(function(evn,opts){ console.log("evn:",evn) console.log("opts:",opts)}) getMD获取markdown的字符串 mde.getMD() //=>返回markdown字符串 setMD设置markdown的字符串 getHTML获取生成的HTML mde.getHTML() //=>返回HTML字符串 setHTML设置预览的HTML |
请发表评论