问题标签 [react-quill]

发生了什么：我正在使用 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')} />

我正在使用Formik并React-Quill以我的形式，

当我使用时该值似乎正在更新，<input>但当我插入时<ReactQuill />它不是。

设置有问题吗？

我正在 Project 中创建一个 reactjs 应用程序，其内容是用 React Quill 编辑的。我的应用程序允许你添加getEditor()。我的问题是它不起作用

帮帮我，我是聋子……我不知道，我会解释……“Ref”和“getEditor()”不起作用。TypeError：无法读取 null 的属性“getEditor”

如何在 react-quill 中设置字符长度。在 Docs 中，getLength() 将返回编辑器中字符的长度。

但我无法弄清楚如何实现它。

我的 JSX

我在 GitHub 上找到的上述解决方案。但它不起作用...

我无法在 Safari 上的 React-Quill 编辑器上粘贴文本（仅限），而我可以使用快捷键 COPY、CUT、REDO 和 UNDO 文本。

我不能让我的道具呈现在 HTML 中。我正在为基督教事工制作一个应用程序，我希望能够像博客一样发布，我得到了羽毛笔工作，但我无法显示呈现的结果，显示的是纯 HTML。

我一直在尝试遵循 react-render-html 的规则，但我的经验很少，所以我真的不知道我错过了什么。我尝试使用“renderHTML”，但它不起作用。

下面是我的代码，如果你看到截图，你会看到第一张卡片显示了 HTML 标签。

现在的样子截图

我想看看这些卡的行为像

正文等

我想将自定义大小和各自的名称添加到 react-quill 库中提供的字体大小下拉列表中。

我可以用 Quilljs 做到这一点，但是在从“react-quill”导入 Quill 之后，无法弄清楚在哪里添加注册的 SizeStyle。

我已经用 jquery 版本的痛苦 quilljs 完成了它，它正在工作。但是当我在 React-quill 中尝试同样的方法时，它不起作用。

在渲染方法中：

该怎么办？

预期的：

带有上述尺寸选择的自定义下拉菜单

ReactQuill 类型文件供参考：https ://github.com/zenomaro/react-quill/blob/v1.3.3/types.d.ts

以下代码不使用 ReactQuill，它按预期工作。表单有标题和正文。数据被存储并提交。

以下代码将 textarea 元素替换为 ReactQuill。添加了 ReactQuill 的自定义处理程序。除了ReactQuill 的主体没有归零之外，一切都按预期工作。我不知道为什么，我想知道如何解决它。

谢谢你。

我已经建模了一个自定义工具栏，它使用以下代码笔在光标位置插入文本：

https://codepen.io/alexkrolick/pen/gmroPj?editors=0010

但是，我需要能够将道具值传递给insertText函数。我已经尝试过重构，所以不能完全理解它。我将如何重构这个组件，以便我可以将 proptext值传递给insertText函数？这是我现在的代码：