如何缩小 draftjs 生成的 HTML？

Question

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

我的计划是将 draftjs 内容转换为 HTML 以便我可以将其直接存储在数据库中并使用 react-native-webview 显示它。我正在使用 draftjs-to-html 包进行转换。

draftToHtml(convertToRaw(editorState.getCurrentContent()))

我注意到生成的输出没有缩小，我担心数据库大小。是否可以缩小输出以便我可以保存 space ？如果是怎么办？

I am aware that the RawDraftContentState format is very well suited to save data in DB. However I am concerned about packages which render them on React Native as most of the repos are updated more than a year ago.

Please enlighten me if there are alternative approaches/packages on how this can be done. The objective is to create a WYSIWYG editor on the React web app and it should render it on React Native

Answer 1

将 replace 字符串函数与 regex 一起使用可得到缩小的 HTML.

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