【问题标题】:How to minify HTML generated by draftjs?如何缩小由draftjs生成的HTML?
【发布时间】:2020-08-17 06:57:38
【问题描述】:

我正在使用 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 上呈现它

【问题讨论】:

    标签: reactjs react-native draftjs react-draft-wysiwyg


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2016-12-30
      • 2021-02-08
      • 1970-01-01
      • 2020-02-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-04-25
      • 1970-01-01
      相关资源
      最近更新 更多