正在发生的事情:我使用react作为文本编辑器的,它运行良好,除非我通过后端上传图像,它在我的前端呈现模糊/像素化。
Expected:从后端到前端以相同的质量呈现。
以下是我的结果:


Firebase将图像保存为一个huuuuuge基数64 -超过70k字符。
有人知道怎么处理这件事吗?
编辑:我想到的可能是一个定制的上传按钮,它首先将图像保存到firebase存储中,然后将base64字符串替换为指向防火墙存储中的图像的路径?
Edit2:,我正在保存编辑器的状态,以便通过content: this.state.editorHtml的后端提供给firebase,并做一个database.ref().child('articles').set(data)。然后我用data.get('content)在前端渲染它。
Edit3: --我在标记<HTMLView value: {data.get('content')} />中用import HTMLView from 'react-native-htmlview'将图像呈现到前端
发布于 2019-03-12 20:53:47
经过大量的研究和无目的的调试,它不是react-quill通过将映像保存为一个巨大的base64字符串而给我带来的问题。实际上,如果道具没有提前在react-native-htmlview文件中设置,那么首先使用height=10和width=10设置映像道具的实际上是htmlToElement.js包。通过在渲染前给图像一个宽度和高度,它解决了我的模糊!希望这能帮到别人!
https://stackoverflow.com/questions/55128131
复制相似问题