如何缩小draftjs生成的HTML?

问题描述

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

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

draftToHtml(convertToRaw(editorState.getCurrentContent()))

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

我知道RawDraftContentState格式非常适合在DB中保存数据。但是,由于大多数回购协议都是在一年多以前更新的,因此我担心会在React Native上呈现它们的软件包。

如果有其他方法/软件包可以解决此问题,请启迪。目的是在React Web应用程序上创建一个WYSIWYG编辑器,并将其呈现在React Native上

解决方法

replace字符串函数与regex一起使用会产生较小的HTML。

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