reactjs - 如何缩小由draftjs生成的HTML？

Question

我正在使用react-draft-wysiwyg在 React Web 应用程序上创建内容并react-native-webview在 React Native 上显示内容。

我的计划是将 Draftjs 内容转换为 HTML，这样我就可以将其直接存储在数据库中并使用react-native-webview. 我正在使用该draftjs-to-html包进行转换。

draftToHtml(convertToRaw(editorState.getCurrentContent()))

我注意到生成的输出没有被缩小，我担心数据库大小。是否可以缩小输出以节省空间？如果有怎么办？

我知道该RawDraftContentState格式非常适合将数据保存在数据库中。然而，我担心在 React Native 上渲染它们的包，因为大多数 repos 都是一年多前更新的。

如果有关于如何做到这一点的替代方法/包，请赐教。目标是在 React Web 应用程序上创建一个所见即所得的编辑器，它应该在 React Native 上呈现它

score 0 · Accepted Answer

使用replacestring 函数regex给出一个缩小的 HTML。

const nonMinifiedHTML  = draftToHtml(convertToRaw(editorState.getCurrentContent()));
const minifiedHTML = nonMinifiedHTML.replace( /[\r\n]+/gm, "" );

1 回答 1