Draft-js保存并显示HTML

时间:2018-05-08 01:14:15

标签: javascript html css reactjs

我想知道是否有人想出任何教程/浏览Draft-js来简单地保存编辑器状态并将其显示为html给用户。我一直在搜索和尝试,仍然无法显示HTML。似乎大多数只是保存编辑器状态并将其重新加载到编辑器中而不是将其显示为html。

似乎大多数都使用convertFromRaw和convertToRaw,但其中包含的步骤似乎有很多应该简化的步骤,这里的示例:https://draftjs.org/docs/api-reference-data-conversion.html#content似乎就是这样的' s仅用于稍后将内容放回编辑器中。

也许我甚至没有找到合适的工具 - 我只是想要一个编辑器来保存格式化文本并显示它。我不确定为什么资源很难找到,或者我只是在寻找错误的位置(似乎有太多的Draft-js软件包没有太多的文档和示例IMO)。但是,我确信这一定不难实现。

1 个答案:

答案 0 :(得分:2)

Draftjs专注于在编辑器中显示富文本。但是,如果要显示相应的HTML,则必须使用名为draftjs-export-html的外部包。 import {stateToHTML} from 'draft-js-export-html';

您可以使用let html = stateToHTML(editorState.getCurrentContent(), options);获取html,这将执行粗体,斜体等样式的基本格式设置。您还可以使用option参数传递自己的draftjs entites样式首选项。

https://www.npmjs.com/package/draft-js-export-html