问题标签 [react-quill]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
wysiwyg - 如何在 react-quill Hooks 中添加 className="" 和自定义标签？
如何使用 react-hooks 在 react-quill 中添加自定义类名和自定义标签？
从 'react' 导入 React 导入 ReactQuill,{Quill} 从 'react-quill' 导入 'quill/dist/quill.snow.css'
功能我的编辑器（）{
}
导出默认 MyEditor
javascript - 如何在反应羽毛笔图像处理程序中访问道具
我正在为我的项目使用 react quill 编辑器并使用我的后端服务器进行图像上传，但我需要访问 react quill 的图像处理程序中的道具，我无法这样做，因为无法访问图像处理程序中的这个对象。这是我的编辑器代码。
有人可以帮我解决这个问题，因为我在这个问题上停留了很长时间。任何帮助和建议将不胜感激。
javascript - 如何在没有 html 标记的情况下呈现 React Quill 的内容？
我设法让我的 Quill 工作，但现在我想显示编辑器中的内容，而不需要 html 标记。我尝试使用react-render-html npm 包，它之前工作正常但现在不再维护并给我一个错误
它也显示为 html 标记。所以我尝试使用react-html-parser、htmr、html-to-react npm 包，它适用于单个元素，但不适用于多个元素。所以我尝试使用 console.log 来查看我从后端收到了什么，这给了我这个
现在我想在没有 html 标记的情况下渲染它，所以我再次执行了 console.log 以查看它是否通过执行正确转换
最终它给了我这个
我也尝试过，dangerouslysetinnerhtml
但它不再工作了
javascript - React-Quill 自动专注于编辑器其他输入其他输入元素？
我正在使用 react-quill 作为我的编辑器，最近我配置了我的图像处理程序函数以将道具传递给处理程序，并且在进行更改后，我的编辑器的行为很奇怪，每当我在其他输入字段上键入内容时，我的编辑器就会自动对焦下面输入的文字是我的编辑器的代码，任何帮助或建议将不胜感激。
reactjs - 如何在 react-quill 中注册对齐样式
我正在使用react- quill npm 包并在 nextjs 中动态导入它，并且我也在使用 create-next-app 样板。我能够让 react-quill 编辑器工作，但我无法获得使用工具栏上的对齐按钮设置的图像样式/段落样式并重新显示内容 - 图像/段落。
用例：
- 从编辑器的工具栏中添加图像/段落并添加对齐方式。
- 将编辑器内容保存在数据库中
- 使用 npm 包htmr从数据库重新显示 react-quill 编辑器的内容
预期：图像/段落内容仍应右对齐/居中/对齐。
实际：图像/段落内容已删除所有样式属性。
下面是我的代码，如何在 nextjs 中注册 react-quill 的图像/段落的样式是我的问题
css - 我在哪里可以找到 react-quill 中不同样式的 css
我是 UI 新手，所以请多多包涵。我正在尝试使用 react-quill，在其中我可以看到，当我们制作自定义工具栏时，我们必须为不同的按钮使用不同的样式。例如，其中一种样式是“ql-bold”。
一个示例代码笔：https ://codepen.io/alexkrolick/pen/xgyOXQ?editors=0010
我想在我的项目中导入这种样式而不使用 react-quill 组件。我目前的一个选择是检查这些样式并在我的项目中复制这些样式，但由于除了“ql-bold”之外还有许多不同的样式，我不想走这条路。
我该怎么走？
reactjs - React-Quill - addRange()：给定的范围不在文档中
我正在尝试使用 React-Quill 文本编辑器制作一个简单的博客。我想获取 ReactQuill Editor 的值并在不同的路线上预览它。很长一段时间以来，我一直在努力实现这一目标，每次我遇到同样的问题时，羽毛笔编辑器在每次按键后都会失去焦点，并在控制台中抛出警告说addRange(): The given range is not in文档。
我观察到一件事。当我只是将道具传递给< CreateBlog />而不应用路由时，它工作得非常好。但是，一旦我将路由应用到< CreateBlog />组件以便我可以从编辑器中获取值并在不同的路由上预览它，我就开始面临这个问题。我认为 react-router 可能是造成这种行为的原因，但我无法弄清楚确切的原因及其解决方法。请帮我。我在下面附上了我的代码以供参考。
应用程序.js：
创建博客.js：
文本编辑器.js：
javascript - Quill - 提及未在 Quill JS 编辑器内容中插入提及值（使用 React Quill）
我正在使用React Quill在Quill JS中实现Quill-Mention ，但在单击列表中的项目时我无法更新编辑器内容。
单击正确的符号时，我可以正确呈现列表，并相应地显示数据。但是，当我单击它时，它会消失，并且项目值不会添加到编辑器内容中。
这是我测试它的方式：
谢谢！
reactjs - 重新加载内容时如何防止react-quill在列表之前插入新行？
使用 react-quill，我在文本中编写了一个列表，将内容存储到外部存储中，将内容重新加载到 quill：在列表之前插入一个新的 <br>，并且在每次重新加载时都会发生。
知道发生了什么，以及如何预防吗？
我准备了一个最小的沙箱来显示问题：https
://codesandbox.io/s/reverent-cookies-m5h3x
重现的步骤：
- 写一行，然后是一个项目符号列表
- 单击保存将内容存储到外部存储
- 单击清除以从编辑器中删除所有内容
- 单击加载将内容从外部存储放入编辑器
- 繁荣！在每个 save-clear-load 循环中插入一个新的 <br>
reactjs - react-quill 将最初传递的包装元素分解为单独的元素
我将初始状态传递给羽毛笔编辑器是这样的
但是当调用onChange处理程序时，它会破坏上面传递的 html 到
有什么办法可以阻止最初通过 html 的羽毛笔分解？