强悍的编辑器tuieditor 丰富的Web元件家族TOAST UI
强悍的编辑器tui.editor 丰富的Web元件家族TOAST UI https://github.com/nhn/tui.editor 官网: https://ui.toast.com/tui-editor/ API/Demo https://nhn.github.io/tui.editor/api/latest/ Color picker: 视觉化的颜色选择器Chart code block:图表的程式码块UML code block: 标记为“UML”的程式码块将呈现UML图Table merge: 可以合并表中的列和列等等等介绍
TOAST UI Editor是一个所见即所得的开源编辑器,GFM标准+图表和UML可扩充套件。它是我目前见过的功能最强大的开源MarkDown编辑器,具备强悍的生产力能力以及丰富的扩充套件性功能,总之就是一个字——强!相关地址
Github:浏览器相容性
支援主流的浏览器CommonMark+GFM规范
CommonMark是当今的Markdown标准,GWF则是由github风味的另一个标准。强大的扩充套件
CommonMark+GFM虽然已经很不错,但我们经常需要更多的抽象。TUSUI编辑器具有强大的扩充套件,符合Markdown语法。还可以灵活地使用简单的api开发自己的扩充套件。
特性
TUSUI编辑器提供MarkDown模式和所见即所得模式。取决于你想要的使用型别,TUSUI编辑器可能对这两种用法都有帮助。它提供了Markdown模式和WYSIWYG模式,可以在任何时候切换。即时预览模式
实时预览:编辑标记,同时监视呈现的HTML,编辑将立即生效;滚动同步:在Markdown和Preview之间同步滚动;自动缩排:游标将始终在你希望的位置语法突出:你可以立即检查已损坏的Markdown语法简易WYSIWYG模式
复制和贴上:贴上任何东西从浏览器,屏幕截图,Excel,PowerPoint等。程式码块:高亮170+语言与全尺寸的程式码编辑器表:讨用鼠标做任何事你想做的更多特性I18n:
英语,荷兰语,韩语,日语,汉语,西班牙语,德语,俄语,法语,乌克兰语,土耳其语,芬兰语,捷克语,阿拉伯语,波兰语,加利西亚语,瑞典语+你自己扩充套件的语言。
Viewer:
使用扩充套件呈现Markdown内容
安装
包管理npm install --save tui-editor或者bower install --save tui-editor
cdn
由于用法很丰富,具体的请看官网文件API
基本编辑器
基本预览
UML外挂
图表的扩充套件
关于TOAST UI
既然介绍了TOAST UI Editor,那么也顺带了解下TOAST UI,TOAST UI Editor只是TOAST UI的一部分,对TOAST UI 感兴趣的可以看看,下面简单看下截图Chart
Editor
表格
日历
图片编辑
的元件
总结
本文主要介绍的是TOAST UI Editor,但是TOAST UI也是非常值得试一试的,元件丰富,功能完善,相容性好,我相信,当你使用了它,你会喜欢的!希望对你有所帮助!![](/static-img/tdPJmE51POJt5l-ui0uP23fWq_12iDtor0yvei5eq2T3tsIgqa2cjBtMo0gLQWcH.jpg)