vue 富文本_强悍！基于Vue的无渲染的富文本编辑器——tiptap！

介绍

tiptap编辑器基于Prosemirror，完全可扩展且无渲染。可以轻松地将自定义节点添加为Vue组件。

---

---

Github

https://github.com/scrumpy/tiptap

为什么使用tiptap？

市面上有不少富文本编辑器，但大多数可能并不能满足你的需求。编辑器应该易于扩展，并且不应基于旧的依赖项(例如jQuery)。对于React，已经有一个名为Slate.js的出色编辑器，其模块化给人留下深刻的印象。tiptap是基于Prosemirror进行扩展开发的没有很多公司在Prosemirror(富文本工具包)基础上进行开发。

无渲染要如何理解？

使用无渲染组件(函数式组件)，你将(几乎)完全控制标记和样式。菜单的外观或在DOM中的显示位置。这完全取决于使用者。

安装和使用

• 安装

npm install tiptap
#或者
yarn add tiptap

• 使用

Demo截图

下面是来自官方网站的一组Demo截图：

• 基本使用