上传的 React Quill 图片像素化
React Quill images uploaded are pixelated
发生了什么： 我正在使用 react-quill 作为文本编辑器，它运行良好，除了当我通过后端上传图像时，它呈现 blurry/pixelated 在我的前端。
预期： 从后端到前端以相同质量呈现。
以下是我的结果：
Firebase 将图像保存为 huuuuuge base 64 数字 -- 超过 70k 个字符。
有人知道怎么处理吗？
编辑：我想到的可能是一个自定义上传按钮，它首先将图像保存到 firebase 存储，然后将 base64 字符串替换为 firebase 存储中该图像的路径？
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' 将图像渲染到前端
经过大量研究和漫无目的的调试，不是 react-quill 将图像保存为巨大的 base64 字符串给我带来了问题。如果道具没有提前在 htmlToElement.js 文件中设置，实际上是 react-native-htmlview 包首先使用 height=10 和 width=10 设置图像道具。通过在渲染前给图像一个宽度和高度，它解决了我的模糊问题！希望这对其他人有帮助！
发生了什么： 我正在使用 react-quill 作为文本编辑器，它运行良好，除了当我通过后端上传图像时，它呈现 blurry/pixelated 在我的前端。
预期： 从后端到前端以相同质量呈现。
以下是我的结果：
Firebase 将图像保存为 huuuuuge base 64 数字 -- 超过 70k 个字符。
有人知道怎么处理吗？
编辑：我想到的可能是一个自定义上传按钮，它首先将图像保存到 firebase 存储，然后将 base64 字符串替换为 firebase 存储中该图像的路径？
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' 将图像渲染到前端
经过大量研究和漫无目的的调试，不是 react-quill 将图像保存为巨大的 base64 字符串给我带来了问题。如果道具没有提前在 htmlToElement.js 文件中设置，实际上是 react-native-htmlview 包首先使用 height=10 和 width=10 设置图像道具。通过在渲染前给图像一个宽度和高度，它解决了我的模糊问题！希望这对其他人有帮助！