MediumEditor是一款开源的行内工具栏编辑器,基于JavaScript编写,模仿Medium,具有常用的编辑功能,并且可以将div、span、li、table或者p等元素设置为可写状态,软件不依赖任何第三方开源库,兼容各大主流浏览器。
软件功能
1、使用contenteditable API来实现富文本解决方案。
2、纯javascript。没有库
3、轻量级28kB gzipped
4、支持Chrome、Firefox、Safari、IE和Edge。
5、在Mani, Roman, Flat, Bootstrap, Tim & Beagle主题中选择。
6、为工具栏中的活动按钮添加CSS类。
MediumEditor安装方法
下载及初始化
下载完成后把文件放到项目任意位置,在页面中引入js、css文件即可;第三个文件是主题可根据你的需求来定。
然后在body元素中创建一个DOM容器,用于实例化MediumEditor,如如<div class='editable'></div>
最后输入如下代码,运行脚本,一个MediumEditor简单初始化就完成了。刷新页面后就能看到效果。
npm安装命令:npm install medium-editor
bower安装命令:bower install medium-editor
∨ 展开