tiptap - 基于 vue 的优雅流畅的开源富文本编辑器

一款专为 vue.js 打造，设计优雅，体验流畅舒服的现代富文本编辑器。

关于 Tiptap

Tiptap 是一款专为 vue 打造的简洁明快的富文本编辑器，通过简单的设置能为用户提供多种优秀的文字编辑体验。

基于 vue.js 的富文本编辑器

Tiptap 最大的特点是预置的渲染，没有任何 CSS，用户可以更全面地控制段落标记和样式
视觉设计以及交互动效简洁明快，能够提供非常流畅的码字体验
支持获取 HTML 字符串，开发者可以将数据储存为原始 HTML 字符串
支持获取 JSON 文档的 -serializable 格式

开发上手体验

富文本编辑器用途很广泛，无论是文章发布系统(cms)、电商系统的商品详情页编辑、还是社区评论，都可以看到各种简洁富文本编辑器。

众所周知，富文本编辑器是一款对效率要求较高的组件，如果有优秀的体验，能够大幅提高码字效率。Tiptap 码字体验非常舒服，支持多种打字习惯。比如支持现在流行的浮动菜单，对设置为标题级数、列表等频繁的操作很友好。

Tiptap 的官网文档详细，API 简单，代码例子充足，如果熟悉 vue 开发，几乎不需要学习直接使用。作为国外网站，打开速度很快，但只有英文，需要借助翻译软件来进行文档查阅。

免费开源说明

Tiptap 是一款基于 vue.js 的富文本编辑器，目前基于 MIT 开源协议托管在Github 上，任何个人和组织都可以免费下载使用，包括商业用途。

原文链接：https://www.thosefree.com/tiptap

tiptap - 基于 vue 的优雅流畅的开源富文本编辑器相关推荐

html 组件化编辑器,vue.js组件化使用百度富文本编辑器（一）
注意: 本文采用的编辑器为:idea 1.下载百度富文本编辑器,地址:https://ueditor.baidu.com/website/download.html#ueditor 2.加入到stat ...
几款开源富文本编辑器优缺点比较
1.百度UEditor 优点:插件多,基本满足各种需求,类似贴吧中的回复界面. 缺点:不再维护,文档极少,使用并不普遍,图片只能上传到本地服务器,如果需要上传到其他服务器需要改动源码,较为难办,加载速 ...
前端学习（3098）：vue+element今日头条管理-关于富文本编辑器
asp.net中使用开源富文本编辑器xhEditor
1.首先下载xhEditor源代码文件,这里附上两个不同版本的源代码文件.本教程使用1.1.14版本自行下载版本 2.在VS中新建解决方案,创建一个Web页面(MVC页面也可),新建两个文件夹.一个 ...
Element Tiptap Editor - 免费开源的 Vue 富文本编辑器，专门为搭配 Element UI 使用优化，使用很简单
一款很容易上手配置的富文本编辑器,和 Element plus 一起使用效果非常好,还能自定义功能. 关于 Element Tiptap Editor Element Tiptap Editor 是一 ...
vue富文本编辑器 Vue-Quill-Editor
主流富文本编辑器对比前言:vue中很多项目都需要用到富文本编辑器,在使用了ueditor和tinymce后,发现并不理想.所以果断使用vue-quill-editor来实现. wangEditor( ...
安卓文本编辑器php cpp,开源的Android富文本编辑器
RichEditor 基于原生EditText+span实现的Android富文本编辑器 github地址:https://github.com/yuruiyin/RichEditor 组件描述该组 ...
强悍！基于Vue的无渲染的富文本编辑器——tiptap！
介绍 tiptap编辑器基于Prosemirror,完全可扩展且无渲染.可以轻松地将自定义节点添加为Vue组件. Github https://github.com/scrumpy/tiptap 为什 ...
控制富文本table不能超过div宽度_强悍！基于Vue的无渲染的富文本编辑器——tiptap！...
介绍 tiptap编辑器基于Prosemirror,完全可扩展且无渲染.可以轻松地将自定义节点添加为Vue组件. Github https://github.com/scrumpy/tiptap 为什 ...