0

发生了什么：我正在使用 react-quill 作为文本编辑器，它运行良好，但当我通过后端上传图像时，它会在我的前端呈现模糊/像素化。

预期：从后端到前端的渲染质量相同。

以下是我的结果：

后端

前端

Firebase 将图像保存为 huuuuuge base 64 数字——超过 70k 个字符。

有谁知道如何处理这个？

编辑：我想到的可能是一个自定义上传按钮，它首先将图像保存到firebase存储，然后用firebase存储中该图像的路径替换那个base64字符串？

Edit2：我正在保存编辑器的状态以通过后端提供给 firebasecontent: this.state.editorHtml并执行database.ref().child('articles').set(data). 然后我在前端渲染它data.get('content)

Edit3：我正在import HTMLView from 'react-native-htmlview'使用标签将图像渲染到前端<HTMLView value: {data.get('content')} />

4

1 回答 1

1

经过大量研究和漫无目的的调试，将图像保存为巨大的 base64 字符串并不是给我带来的问题。react-quill实际上，如果没有在 htmlToElement.js 文件中提前设置道具，则默认情况下，它是react-native-htmlview首先使用 a 设置图像道具的包。通过在渲染之前给图像一个宽度和高度，它解决了我的模糊！希望这对其他人有帮助！height=10width=10

于 2019-03-12T20:53:47.990 回答