在前端开发中，文本编辑器是必不可少的工具之一。而在 React 中，最常用的文本编辑器之一就是 Draft.js。Draft.js 是 Facebook 推出的一款强大的富文本编辑器库，它提供了丰富的功能和灵活的扩展性，因此得到了广泛的应用。
但是，在使用 Draft.js 编辑文本后，你可能需要将其转换成 HTML 格式，以便在浏览器中显示和保存。此时，可以使用 @denich/draft-js-export-html 这个 npm 包来帮助你实现这个功能。
安装
首先需要安装 @denich/draft-js-export-html 这个包，可以在命令行中使用以下命令进行安装：
npm install @denich/draft-js-export-html --save
使用方法
在安装完成后，可以按照以下步骤来使用 @denich/draft-js-export-html：
首先，需要将 Draft.js 编辑器中的内容转换成 HTML 格式的字符串。
import { convertToRaw } from 'draft-js'; import draftToHtml from '@denich/draft-js-export-html'; const rawContentState = convertToRaw(editorState.getCurrentContent()); const markup = draftToHtml(rawContentState);接着，可以将 HTML 字符串插入到页面中。
document.getElementById('myHtmlContainer').innerHTML = markup;这里需要注意的是，@denich/draft-js-export-html 并不是将 Draft.js 内部格式转换为 HTML 格式的唯一选择。实际上，可以选择使用其他的转换包，或者使用自己的转换方法。不过，@denich/draft-js-export-html 包提供了一种简便的方式，可以满足大多数应用场景的需求。
示例代码
下面是一个完整的示例代码，可以直接复制到项目中使用：
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ - ------- ------------ ------------ - ---- -----------
------ ----------- ---- -------------------------------
----- -------- - -- -- -
----- ------------- --------------- - ------------------------------------
----- ---------- - -- -- -
----- --------------- - ----------------------------------------------
----- ------ - -----------------------------
-- - ---- -------------
-
------ -
--
-------
-------------------------
-------------------------
--
------- --------------------------------
---
--
-以上就是 @denich/draft-js-export-html 的使用方法和示例代码。希望读者们可以在实际开发中运用到这个工具，方便地将 Draft.js 内容转换为 HTML 格式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562dd81e8991b448e0520