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

一款专为 vue.js 打造,设计优雅,体验流畅舒服的现代富文本编辑器。
tiptap - 基于 vue 的优雅流畅的开源富文本编辑器

关于 Tiptap

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

Tiptap 官网
Tiptap 官网

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

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

开发上手体验

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

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

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

Tiptap 例子
Tiptap 例子

免费开源说明

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

访问官网

实用工具

Rijksstudio - 荷兰国立博物馆的网上画廊,提供超过70万份免费商用的高清艺术画作藏品下载

2022-6-10 11:30:31

实用工具

Gratisography - 一个提供脑洞清奇、有趣搞怪的高清摄影图片的网站,所有图片免费授权商用

2022-6-12 11:23:18

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧