别用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随便提

正文

接下来看看有哪些东西

两种模式

传统的富文本形式

使用命令菜单

主题的切换和国际化

行内公式和块级公式

编辑弹窗

表格

编辑表格

附件上传

上传弹窗

图片上传

上传弹窗

代码块

结语

感兴趣可以安装一下试试

相关推荐
江米小枣tonylua4 分钟前
TypeScript 全面の拥抱 !Prisma 8 + Electron 升级实战
前端
闪耀之光M7819 分钟前
npm命令解析
前端
咸鱼老弟26 分钟前
AI Agent 的"自主性悖论"——为什么给它的自由度越大,越要配一套更硬的护栏
前端·人工智能
默_笙1 小时前
💫 闭包是个背包:拆解小米前端面试题里的三道"闭包陷阱"
前端·javascript·面试
天若有情6731 小时前
粒子星空背景单页HTML模板|炫酷动态星空特效网页(纯前端)
前端·html·css动画·网页特效·粒子星空·静态网页模版
工业涂料百问1 小时前
【趋势前沿】系列(三)工业涂料国产替代的三个台阶:航空、海工、电子的突破路径与认证壁垒
前端
前端snow1 小时前
ai agent --- agentic RAG
前端
gyratesky2 小时前
记录一种很新的大屏开发方式
前端·数据可视化
xy34533 小时前
Axure 9.0 中继器核心结构
前端·ui·html·axure·原型·产品设计