当前位置: 首页 > 后端技术 > Node.js

Mditor已更新!

时间:2023-04-03 23:16:55 Node.js

只求极致[M]arkdown+E[ditor]=MditorMditor是一个简洁、易集成、易扩展的编辑器,期望能舒服地写markdown,仅此而已……支持浏览器:chrome/safari/firefox/ie9+GitReop:https://github.com/Houfeng/md...在线体验在线demo在浏览器中集成Mditor第一步:导入Mditor样式文件参考mditor脚本文件当然你也可以使用CDN资源.........第二步:添加textarea元素创建Mditor实例varmditor=Mditor.fromTextarea(document.getElementById('editor'));//获取或设置编辑器的值mditor.on('ready',function(){console.log(mditor.value);mditor.value='**你好**';});所有API都要在ready事件中调用ModeControlAPI://是否开启分屏mditor.split=true;//打开mditor.split=false;//关闭//是否打开预览mditor.preivew=true;//开启mditor.preivew=false;//关闭//是否全屏mditor.fullscreen=true;//打开mditor.fullscreen=false;//关闭工具栏配置API//mditor.toolbar.items是一个数组,包含了所有按钮的信息//可以直接操作items来控制toolbar//只保留第一个按钮mditor.toolbar.items=mditor.toolbar.items.slice(0,1);//添加一个按钮mditor.toolbar.addItem({...});//移除一个按钮mditor.toolbar.removeItem(name);//替换一个按钮mditor.toolbar.replaceItem(name,{...});//获取一个按钮mditor.toolbar.getItem(name);//改变按钮行为//例子,改变“图片”按钮配置,其他按钮同方法letbtn=mditor.toolbar.getItem('image');//替换按钮动作btn.handler=function(){//自定义处理逻辑//this指向当前mditor实例};//也可以替换其他信息btn.icon='...';//设置按钮图标btn.title='...';//放置按钮标题btn.control=true;//在右侧显示为控制按钮btn.key='ctrl+d';//设置按钮快捷方式创建文本编辑API//mditor.editor对象上的编辑器相关AIP//在光标前插入文本mditor.editor.insertBeforeText('text');//在光标后插入文本mditor.editor.insertAfterText('text');//其他,说明待补充...在服务端渲染Markdown并通过npm安装npminstallmditor-save解析服务端varmditor=require("mditor");varparser=newmditor.Parser();varhtml=parser.parse("**你好mditor!**");在页面上显示解析后的内容......

-end-