问题标签 [react-quill]

有人可以帮我找出代码中的问题。我创建了一个自定义图像上传选项，但由于某种原因，当调用 quillImageCallback 函数时，变量“quillReact”变为空。我正在使用反应钩子。使用 API 时图像已正确上传，并且后端也返回了正确的响应。

谢谢你。

我可以单击一个存在的链接，它会弹出一个提示，但我找不到关于它是如何实现的源代码， 请参阅图像显示

它不在https://github.com/quilljs/quill/blob/develop/formats/link.js

版本：1.3.7

我有一个表单，我根据本教程 ( https://www.youtube.com/watch?v=DjEANvaZFv0&feature=youtu.be ) 用 ReactQuill 替换了 textarea 以获得富文本。但是，一旦我这样做了，我就会收到一条错误消息“错误：React.Children.only 预计会收到一个 React 元素子项”（请参见下面的屏幕截图）。

这只是在我用 ReactQuill 替换了 textarea 之后才出现的，但是在错误页面上，它向我显示了 App.js 中的代码，我在其中使用 firebase 实现了 google 身份验证，但我不确定两者是如何连接的。我该如何解决？

这是我的AddArticle.js表单所在的位置：

这是我的App.js以防万一：

我在 HOC 中有一个组件包装器antd Form.create()，我想在其中为我的react-quill编辑器实现验证。

如果我开始在我的quill编辑器文本字段中输入内容，它会触发该onChangeText函数，该函数又会更改本地状态并启动组件的重新渲染

每次组件重新呈现时，我的文本字段都会失去焦点，因此我必须在字段内单击以键入另一个字母。我注意到只有当<ReactQuill>组件被包裹时才会发生这种情况antd <Form.Item>

如果我放入函数并尝试检查文本字段中的内容，它也会显示一些奇怪console.log的onChangeText行为：

假设我的文本字段最初是空的。我输入字母“a”，它会调用该函数 3 次。首先，它显示文本字段包含字母“a”，然后再次调用该函数显示该字段为空，然后第三次出现字母“a”。当我继续打字时，这种行为仍然存在。另外，有一个警告说addRange(): The given range isn't in document.我不知道​​它是什么意思。

几天来我一直在努力解决这个问题，任何帮助将不胜感激。谢谢

我有一个带有 React Quill 文本编辑器的表单。在提交时，我从中读取了值。我写了一个单元测试，写一些东西并检查是否发送了正确的值。它是这样的。

我正在监视 put 方法并使用 fireEvent.change。当我看到已发布的内容时，它仍然是旧值。有没有正确的方法来改变它？

我们将 react-quill 用于富文本编辑器，我们需要添加 rtl 支持。知道怎么做吗？

我们正在使用打字稿进行构建。

我们如何使用 quill-better-table 将表格添加到 React-Quill 文本编辑器。如果可用的话，有人可以提供现有的 codepen 吗？或者 react-Quill 中需要更改以允许我们添加 table 。

当实现为 Contentful SDK 的字段修改时，我正在尝试更改 react-quill 的撤消/重做行为。该实现由https://github.com/contentful/create-contentful-app/tree/master/template上的模板描述。

天真的实现时，Ctrl-Z 键盘快捷键会完全清除 react-quill 编辑器。在历史模块中实现userOnly: true解决了这个问题，但我想使用工具栏中的按钮通过直接访问 react-quill 的增量和历史功能来控制撤消/重做行为。

我已修改https://github.com/contentful/create-contentful-app/blob/master/template/src/components/Field.tsx如下：

上面定义的撤消和重做处理程序将成功触发 - 在单击撤消或重做图标时，我将根据我创建的参考获得 ReactQuill 实例当前状态的控制台输出：

控制台输出

我想访问定义在https://quilljs.com/docs/modules/history/的历史模块控件，这样我就可以有效地调用 mainRef.current.history.undo() 和 redo() 之类的东西。但是如果我尝试在我的模块 const 声明中调用它们，我会遇到 ReactQuill 实例的状态问题：

试图强迫这个问题没有帮助：

但是根据上面的屏幕截图，打印当前实例表明历史属性可用，我假设不是在声明模块 const 的时候。将声明移到模块 const 之外没有帮助 - 遇到相同的 TS 错误。

根据这个答案，这感觉应该是可能的：如何在 Quill JS (react-quill) 中创建撤消/重做按钮？，但我觉得好像受限于功能组件、打字稿和钩子的组合，都在密谋阻止我以我需要的方式使用 react-quill。

谁能建议我如何访问 ReactQuill 实例，以便我可以根据需要调用 undo() 和 redo() 函数，或者，如何在这些限制下实现 react-quill 以便撤消功能按预期工作？

我需要这样的编辑器来响应https://cloverhearts.github.io/quilljs-markdown/，正如您在其中看到的，您可以将降价字符直接放入文本中。

当我这样做时

我收到错误 TypeError: Cannot read property 'on' of undefined

据我了解，我需要 jQuery 来工作，但我使用 react，我发现https://www.npmjs.com/package/react-quill这个 quilljs 用于反应，但我不知道如何将它与 markdown https 结合起来： //www.npmjs.com/package/quilljs-markdown 谁能帮忙？

给定Quill 1.3.6和自定义格式化程序，有没有办法以编程方式从整个编辑器中删除所有自定义格式？换句话说，有没有办法bold从文档中出现的每个地方删除例如格式？

quill.removeFormat()似乎不是选项，因为它没有按格式为您提供过滤器。

任何想法？