具有自定义编辑器结构的最佳富文本编辑器解决方案

问题描述 投票:0回答:0

我正在为我们的用例调查最佳富文本编辑器 (RTE) 组件。 要求是:

  • 在react中实现,不需要RWD
  • 工具栏中的粗体、斜体、对齐、标题、项目符号列表等基本功能
  • store text content 是数据库中一些可读的数据格式,如json
  • 添加附件的按钮和附件列表将显示在富文本内容下方

关于第三个要求——富文本内容和附件列表应该有一个滚动条,如果会溢出的话(例如,当你用大文本和一些附件撰写电子邮件时,你必须向下滚动富文本才能看到附件)。令我惊讶的是,在大多数流行的 RTE 中似乎很难实现这一点。我考虑两种方法。在编辑器区域中注入自定义 div 并防止使用工具栏操作等更改此 div 的内容,或者在编辑器下方和外部创建 div 并以某种方式使一个滚动条为两个容器共享。

第一个解决方案似乎更好(如果我错了请改变主意)

我首先选择了 quill,阅读文档并尝试了解定制的可能性。我发现 blot 可能是一种解决方案,但当我面对它时,我强迫了一些与此类似的错误:

https://github.com/quilljs/quill/issues/1577

我看到还有一些其他开源库,如 slate、draft 等,但经过初步调查后,我也没有找到满足附件要求的简单方法。我应该选择什么解决方案?

reactjs richtextbox quill rich-text-editor draftjs
© www.soinside.com 2019 - 2024. All rights reserved.