当前位置: 首页 > 面试题库 >

草稿js。坚持编辑器内容到数据库

汪修诚
2023-03-14
问题内容

我试图将draft- js的保存EditorContent到数据库,然后再次读取并重新创建EditorContent对象。但是EditorContent.getPlainText()剥去富文本内容。我不知道该怎么办。

我如何正确坚持EditorContent


问题答案:

getPlainText()顾名思义,该方法仅返回纯文本,没有任何格式丰富的格式。您应该使用convertToRaw()和convertFromRaw()函数来序列化和反序列化编辑器的内容。

如有必要,可以通过以下方式导入它们:(假设您正在使用ES6)

import {convertFromRaw, convertToRaw} from 'draft-js';

如果您需要导出HTML,请参见https://medium.com/@rajaraodv/how-draft-js-represents-rich-
text-data-eeabb5f25cf2#9260
(尽管您不确定可以从HTML导入内容,但是)



 类似资料:
  • 我正在使用制作一个文本编辑器,我有两个组件:从后端获取post字段,并使用用户输入和包含一个文本编辑器,我正在。文本编辑器应在onChange。 我的问题是如何让文本编辑器填充其他组件中的状态?我需要使用道具吗? 之前,我在CreatePost.js中有一个文本区域,它填充了主体。我希望另一个组件中的文本编辑器来填充它。我尝试使用

  • 问题内容: 使用什么是能够编辑内容的最佳方法? 在我理想的情况下, 添加的 生日将是一个超链接,点击该链接将显示一个编辑表单-与带有更新按钮的当前添加表单相同。 实时预览(插播) HTML: App.js: 问题答案: 您应该将表单放在每个节点内,分别使用和启用和禁用编辑。像这样: 这里的关键点是: 我已将控件更改为本地范围 已添加到,因此我们可以在编辑时显示它 添加了带有的,以便在编辑时隐藏内容

  • 草稿是没有日期的文章。它们是你还在创作中而暂时不想发表的文章。想要开始使用草稿,你需要在网站根目录下创建一个名为 _drafts 的文件夹(如在目录结构章节里描述的),并新建你的第一份草稿: |-- _drafts/ | |-- a-draft-post.md 为了预览你拥有草稿的网站,运行带有 --drafts 配置选项的 jekyll serve 或者 jekyll build。此两种方法

  • 问题内容: 我对Java脚本很陌生,因此如果这很基本,我必须道歉。 如何使用Angularjs在Smart-Table中编辑行表?新的Smart- Table似乎没有教程。我想为用户创建一个简单的表格,以输入特定地点的开放时间。 我创建了可以在表上添加和删除行的按钮,但是当我添加contenteditable =“ true”时,更新对象时所有更改都不会保留。我知道contenteditable是

  • 问题内容: 偶然发现了这个很棒的文本编辑器,facebook的draft.js。我尝试遵循github中的示例,但我想创建一个具有内容的编辑器,而不是一个空的编辑器。 运行它,但出现错误,提示“未捕获的TypeError:contentState.getBlockMap不是函数” 问题答案: EditorState.createWithContent的第一个参数是,而不是字符串。您需要导入Cont

  • 问题内容: 如何限制草稿js中的最大字符数? 我可以得到类似状态的长度,但是如何停止更新组件呢? 问题答案: 您应该定义和支持。在处理程序函数中,您检查当前内容的长度+粘贴文本的长度,如果达到最大值,则应返回字符串。 UPD 21.03.2018:升级到最新版本的react / react-dom(16.2.0)和Draft.js(0.10.5)。 工作示例-https://jsfiddle.ne