mui-rte Material-UI富文本编辑器

富文本编辑器里的 Material-UI 风味,mui-rte还挺能打的。它是基于draft-js做的,配合TypeScript写得挺规范,适合你追求组件质量又喜欢自己折腾点功能的时候用。

自动完成自定义块异步插入内容,这些它都支持。要加个图片上传?想定制个专属样式块?都能整。你甚至还能自己定义工具栏,爱怎么排就怎么排,比较灵活。

安装也不麻烦,npm install mui-rte --save走起,再装一下@material-ui/core@material-ui/icons这些对等依赖就行。用法也直接:

import MUIRichTextEditor from 'mui-rte';

ReactDOM.render( , document.getElementById('root') );

如果你项目里本来就在用Material-UI,那用它真挺顺手的,样式风格一体化,不用来回调样式。想试试效果,可以戳这个富文本编辑器演示看看。

不过注意哦,它基于draft-js,所以对 draft 有点了解的话,上手会更快。如果你对富文本交互要求不高,可以选个更轻的;但如果你多点自定义、体验好点,那它还蛮值得一试的。

zip 文件大小:143.22KB