一款易于使用和配置的富文本编辑器,与Elementplus配合得很好,还可以自定义功能。关于ElementTiptapEditorElementTiptapEditor是Web开发领域“所见即所得”的富文本编辑器。它是基于tiptap编辑器和element-ui开发的。与很多富文本编辑器相比,ElementTiptapEditor简单易用。它对开发人员友好,高度可扩展,并且设计简洁。ElementTiptapEditor技术特点操作按钮等组件采用Element-ui组件,整体风格协调美观有很多开箱即用的扩展(编辑器扩展),完美支持markdown语法支持TypeScripti18n国际化支持(en,zh,pl,ru,de,ko,es,zh_tw,fr,pt_br,nl,he)高度可定制,可以自定义扩展及其对应的菜单按钮视图操作灵活,直接控制即可自定义编辑器编辑器提供中文文档的行为为什么选择ElementTiptapEditor上个月,在项目的管理后台,接到类似公告的需求。文字需要能够加强配色、列表编辑等相对较轻的富文本编辑需求,需要增加文章编辑功能。一年多前我也写过一篇推荐Tiptap的文章,Tiptap是一款基于vue的开源富文本编辑器。级别也有了很大的提升,1.x版本不再维护。正在一头雾水的时候,我找到了ElementTiptapEditor,这是一款带有ElementUI和简化API的Tiptap编辑器。它易于使用,还可以自定义扩展。有些内容需要按照一定的格式插入或格式化。,可以通过自定义扩展来完成。在ElementUI构建的项目中,ElementTiptapEditor简直是最佳选择。入门ElementTiptapEditor官网非常简洁,风格继承自Tiptap1.x版本,功能演示即代码,非常简单易懂。当然还有很多可以部分引入富文本的操作菜单。最简单的使用方法是配置需要使用的功能按钮,使菜单保持简洁。只需要按顺序列出需要使用的函数,然后传入组件即可。编辑器搭建完成:完成一个简单的带编辑功能的富文本编辑器。当然,这些内置功能都是基本的文字排版。如果要实现更复杂的功能,比如插入特定结构或格式的内容(插入文章的封面和摘要),原理是根据Tiptap提供的事件,后处理插入的内容文章进入文章选中位置,官网有详细文档,代码量小,通俗易懂。免费开源说明ElementTiptapEditor是一个基于MIT开源协议的免费开源项目,Tiptap和ElementUI也是免费开源的。因此,任何个人或公司都可以免费下载使用,无论是个人项目还是商业项目,都可以免费使用。ElementTiptapEditor官网不是很稳定,经常打不开。我们也可以直接访问它的Github主页:Leecason/element-tiptap。相关网址:https://www.thosefree.com/ele...
