时间戳

首页 > 解决方案 > 如何在您的应用程序中真正使用 RTE（富文本编辑器）？

ckeditor - 如何在您的应用程序中真正使用 RTE（富文本编辑器）？

问题描述

介绍：

我正在一个包含很多表单的项目中工作，我想为某些领域集成富文本编辑器。

关于流程，您的编辑器中的文本似乎在幕后采用特定格式（例如 HTML）。

问题：

当我想将该信息保存在数据库中时，最好的方法是什么？为每个 RTE 属性存储 2 个值：纯文本 + 格式化？

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

我使用猫鼬进行数据存储，基本上我想将我当前的模式应用于明文，但将来我想将格式化的字段提供给客户端。

你的意见

我发现了一些提供社区版的在线工具或库：react-rte、TinyMCE、Draft.js、CKEditor。关于如何在它们之间进行选择的任何建议或建议？

标签： ckeditortinymcerichtextboxdraftjsrte

解决方案

您可以将 TinyMCE 内容检索为 HTML 和纯文本。

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

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

或者，您可以访问活动编辑器，而不是通过 id 访问编辑器。

var myContent = tinymce.activeEditor.getContent();

这些都将返回标记为 HTML 的编辑器内容。

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

资源：

推荐阅读