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

Ckeditor 如何在应用程序中真正使用RTE(富文本编辑器)?,ckeditor,tinymce,richtextbox,draftjs,rte,Ckeditor,Tinymce,Richtextbox,Draftjs,Rte,简介: 我在一个包含很多表单的项目中工作,我想为一些字段集成富文本编辑器 关于流程,似乎在幕后,编辑器中的文本是一种特定格式(如HTML) 问题: 由于我想将这些信息保存在数据库中,最好的方法是什么?为每个RTE属性存储2个值:纯文本+格式化 另一个问题是如何验证格式化字段 我使用mongoose进行数据存储,基本上我想在明文上应用我当前的模式,但将来我想为客户机提供格式化字段 你的意见 我发现一些在线工具或库也提供了社区版:react rte、TinyMCE、Draft.js、CKEditor

简介:

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

关于流程,似乎在幕后,编辑器中的文本是一种特定格式(如HTML)

问题:

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

另一个问题是如何验证格式化字段

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

你的意见


我发现一些在线工具或库也提供了社区版:react rte、TinyMCE、Draft.js、CKEditor。有任何建议或关于如何选择它们的建议吗?

您可以检索HTML和纯文本形式的TinyMCE内容

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

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

它们都将返回标记为HTML的编辑器内容

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

资源:

  • TinyMCE文档:
  • TinyMCE文章:
var myContent = tinymce.get("#myTextarea").getContent();
var myContent = tinymce.activeEditor.getContent();