别用Quill了,打造自己的Tiptap富文本编辑器

前言

说起富文本编辑器,大多数都能想到Quill。但是他丑是真的丑,卡是真的卡。上次就想接入一个表格,不是报错就是样式太丑了。

后来我就找到了Tiptap,也有现成的npm包可以使用www.npmjs.com/package/rea... ,但是reactjs-tiptap-editor-playground.vercel.app/ 。在他的演示网址上的输入不知道为什么一卡一卡的。

最近小试了一下,打造自己的Tiptap富文本编辑器。

仓库地址:github.com/lzt-T/zt-re...

npm包地址:www.npmjs.com/package/zt-...

欢迎使用,bug随便提

正文

接下来看看有哪些东西

两种模式

传统的富文本形式

使用命令菜单

主题的切换和国际化

行内公式和块级公式

编辑弹窗

表格

编辑表格

附件上传

上传弹窗

图片上传

上传弹窗

代码块

结语

感兴趣可以安装一下试试

相关推荐
陈广亮1 小时前
React 图表库选型指南:Recharts、ECharts、Nivo、Lightweight Charts 深度对比
前端
zs宝来了1 小时前
微前端架构:qiankun 沙箱隔离与样式冲突
前端·javascript·框架
M ? A2 小时前
Vue 的 scoped 样式穿透 React 不支持?用 VuReact 编译就行
前端·javascript·vue.js·react.js·面试·开源·vureact
zs宝来了2 小时前
Vue 3 Composition API:响应式系统与依赖追踪
前端·javascript·框架
李伟_Li慢慢2 小时前
wolfram详解山峦算法
前端·算法
村上小树2 小时前
非常简单地学习一下slate.js的原理
前端·javascript
web打印社区2 小时前
[特殊字符] 开源好物:web-print-pdf,让 Web 打印像调用接口一样简单!
前端·javascript·vue.js·electron
嗷o嗷o2 小时前
Android BLE 收到字节流以后,为什么业务状态还是不对
前端
莪_幻尘2 小时前
Prompt 工程化落地:从"手工咒语"到工业级软件系统
前端