React Editor.js非官方组件Memo版
React 的编辑器组件里,react-editor-js算是个挺灵活的选项。它是基于editor-js
的非官方实现,支持一堆官方插件,比如段落、列表、代码块、图片这些,基本上常用的格式它都能搞定。
安装也简单,直接npm install
就行,顺带把@editorjs
系列插件装一下。用的时候导入EditorJs
组件,像普通 React 组件一样用,响应也快,配置也清晰。
你要是项目里用到了富文本编辑,又想要更可控的结构化数据输出,那这个还蛮合适的。适合后台系统、博客编辑器这种场景。它不是那种一上来就重的富文本,走的是轻量路线。
哦对了,它支持enableReInitialize
属性,可以在componentDidUpdate
时刷新内容数据,用起来比较灵活。如果你对数据可控性有要求,这点挺加分的。
想对比一下编辑器的话,也可以看看下面这些:
如果你正在找一个结构化输出、插件丰富、上手快的编辑器组件,react-editor-js还是值得一试的。用着轻巧,扩展也方便。
307.22KB
文件大小:
评论区