问题标签 [react-quill]

I just started using react-quill in one of my project it shows me this error and the page crashes.

Error:

I am using just a simple code right now

I have searched all the issues related to this but couldn't find any solution for it.

Note: I tried to use this in my other project It was working perfectly fine in it.

I appreciate your help so much. Thanks in advance.

当您设置包含特殊字符（包括空格）的链接的值，然后将链接拖动到编辑器中的不同位置时，大部分特殊字符都将转换为 URL 编码（https://www.w3schools.com/tags /ref_urlencode.ASP）。有没有办法保留字符并防止这种情况发生，或者这是预期的行为？

重现步骤：

使用 quillJS 编辑器，例如 quilljs.com 上的演示

将链接值设置为包含特殊字符

选择/突出显示文本并将其拖动到不同的位置。再次点击链接可以看到值变了

例子：

输入：link |"

结果：link%20%7C%22

编辑：

使用decodeURIComponent(htmlStr)和删除使用正则表达式附加到值的自动生成的完整 URI 的解决方法，但如果任何开发人员看到这一点，我认为这是一个错误/意外行为。

我使用 react-quill 作为文本编辑器，然后将其delta.ops对象发送到我的后端。现在我想delta.ops在前端生成 HTML，而不使用任何外部包/库。我从一种可用的解决方案中尝试了一些 PHP 方法，但问题是这样做我无法将我的自定义样式添加到这些元素中。

假设我<strong>hello</strong>现在想更改它的字体大小和颜色，但无法这样做。

任何帮助，将不胜感激。

在这段代码中，我试图使用react-quilljs插入一个代码块

使用上面的代码，我得到了编辑器内容的以下预览

这有两个问题：

1. 没有代码语法突出显示，因为我想highlihgt.js在编辑器内的代码块内使用包来实现这一点，并且

2. 代码块在编辑器外的预览 div 中不显示（在工作时具有黑色背景和突出显示的语法）。

我该如何解决这两个问题？

我需要做什么才能将 Quill 的内容或输出设置为 JSON/delta 而不是 HTML？

我不敢相信我会问这么简单的问题，但我在任何地方都找不到答案。

在QuillJS doc或react- quill doc中没有关于如何设置格式的内容。

我们需要为我们在新行上创建的每个 div 保留 ID 属性。我们尝试将 quill delta 保存在本地存储中，当尝试使用 setContents() 进行设置时，ID 会发生变化。当我们尝试插入新的 Delta 或文本时，它会创建新的随机 ID。

这是添加自定义属性并将它们保留在羽毛笔中的正确方法吗？

框架：React 17 react-quill：1.3.5

我正在设置一个管理员门户，管理员门户可以输入无限数量的步骤。每个步骤都包含一个标题和一段 HTML 字符串形式的富文本。目前我的代码有效，但是当我使用箭头增加步数或在输入字段中输入 10 个或更多步时出现此错误。

未捕获的错误：您将事件中的delta对象onChange作为value. 你很可能想要editor.getContents()

看起来像一个 React-Quill 特定的错误，但有些东西让我认为这个错误是我某处代码错误的副作用。

这是我的代码：

我知道使用 any 类型是不好的，但我的首要任务是让它工作，然后我可以添加正确的类型。

React-Quill（最新版​​本，即 2.0.0-beta.2）目前不能很好地与 React 17 配合使用。这个包仍然使用 React 16，如果安装了版本 17，就会抛出一大堆错误，如这里所述.

我想知道是否有人对此进行了修复或知道 react-quill 何时会更新以与 React 17 一起使用。从 npm 和 github 看来，该软件包是一年前最后一次更新的，并且可能已经完全放弃了维护（很遗憾，npmjs.com 上的每周下载量略低于 20 万，而且势头强劲）。

或者，如果您知道（或几乎知道）如何手动更新包以使用 React 17，请在下面发表您的想法。

这里我无法阻止输入键。

我在羽毛笔中有两个工具栏。

1. 羽毛笔工具栏
2. 自定义工具栏

我需要将图像工具放在自定义工具栏中，但问题是 quill 只允许 addHandler 用于它自己的工具栏，因此当用户单击我的图像时，我需要以编程方式打开 quill 图像上传器。

有什么办法吗？

谢谢