如何在您的应用程序中真正使用 RTE(富文本编辑器)?

How to really use RTE (Rich Text Editors) in your application?

简介:

我在一个包含大量表单的项目中工作,我想为某些字段集成 富文本编辑器

关于流程,似乎在幕后您来自编辑器的文本是特定格式(例如HTML)。

问题:

因为我想将该信息保存在数据库中,最好的方法是什么?对于每个 RTE 属性 存储 2 个值:纯文本 + 格式化?

另一个问题是我应该如何验证我的格式化字段?

我使用 mongoose 进行数据存储,基本上我想在明文上应用我当前的模式,但将来我想为客户端提供格式化字段。

您的意见

我发现一些在线工具或库也提供社区版:react-rte、TinyMCE、Draft.js、CKEditor。关于如何在它们之间进行选择,有什么建议或建议吗?

您可以 HTML 和明文检索 TinyMCE 内容。

假设您已经在 id=”myTextarea” 的文本区域上初始化了编辑器。首先使用相同的 ID 访问编辑器,然后调用 getContent()。

var myContent = tinymce.get("#myTextarea").getContent();

或者,您可以访问活动编辑器

,而不是通过 id 访问编辑器
var myContent = tinymce.activeEditor.getContent();

这些都将 return 编辑器内容标记为 HTML。

要以纯文本形式检索内容,请使用 getContent({format: 'text'})

资源: