如何在您的应用程序中真正使用 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'})
。
资源:
- TinyMCE 文档:getContent
- TinyMCE 文章:How to get content in TinyMCE
简介:
我在一个包含大量表单的项目中工作,我想为某些字段集成 富文本编辑器。
关于流程,似乎在幕后您来自编辑器的文本是特定格式(例如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'})
。
资源:
- TinyMCE 文档:getContent
- TinyMCE 文章:How to get content in TinyMCE