Element Tiptap Editor – 免费开源的 Vue 富文本编辑器

Element Tiptap Editor – 免费开源的 Vue 富文本编辑器

一款很容易上手配置的富文本编辑器，和 Element plus 一起使用效果非常好，还能自定义功能。

关于 Element Tiptap Editor

Element Tiptap Editor 是一个在 web 开发领域“所见即所得”的富文本编辑器，基于 tiptap 编辑器和 element-ui 开发，相比很多富文本编辑器，Element Tiptap Editor 使用易上手，对开发者友好，而且可扩展性强，设计简洁。

Element Tiptap Editor 官网

Element Tiptap Editor 的技术特性

• 操作按钮等组件使用 element-ui 组件，整体样式协调美观
• 有许多开箱即用的 extension（编辑器扩展）
• 完美支持 markdown 语法
• 支持 TypeScript
• i18n 国际化支持(en, zh, pl, ru, de, ko, es, zh_tw, fr, pt_br, nl, he)
• 高度自定义，可以自定义 extension 和它对应的菜单按钮视图
• 操作灵活，可以通过直接控制编辑器的行为来定制编辑器
• 提供中文文档

为什么选择 Element Tiptap Editor

上个月在项目的管理后台，接到到类似公告发布的需求，文字需要可以加强调色、列表编辑等较为轻量的富文本编辑需求，需要增加文章编辑的功能。

在一年多前我也写过文章推荐 Tiptap，这是一个基于 vue 的开源富文本编辑器，当时还是 1.x 版本，使用简单，现在更新的 2.0 全新版本，虽然功能更强大了，但复杂程度也大幅提升，1.x 版本也不再维护了。

就在一筹莫展的时候，发现了 Element Tiptap Editor，这是一个搭配 Element UI 使用，API 简化的 Tiptap 编辑器，在使用简单的同时，还能自定义扩展，一些需要按照一定格式插入或者格式化的内容，可以通过自定义扩展来完成，在 Element UI 搭建的项目中，Element Tiptap Editor 简直是最优的选择。

Element Tiptap Editor 气泡菜单

免费开源说明

Element Tiptap Editor 是一个免费开源的项目，基于 MIT 开源协议，而 Tiptap 和 Element UI 同样也是免费开源的。因此任何个人或者公司都可以免费下载使用，不管是个人项目还是商业项目，都可以免费使用。