问题标签 [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.

0 投票
1 回答
225 浏览

reactjs - 如何访问 ReactQuill api?

我需要<ReactQuill/>使用按钮访问。例如,我单击按钮并删除或保存ReactQuill. 但我无法理解如何正确访问ReactQuillReact 中的功能。例如,他们建议使用quill变量来访问该组件的功能。例如删除组件的内容quill.setContents([{ insert: '\n' }]) 但问题是如何正确定义它?

我试着像在一些例子中那样做,但没有奏效。

也许有人知道如何正确定义他们的 quill 变量?我正在浏览他们的文档,但是没有帮助。

0 投票
0 回答
44 浏览

quill - 羽毛笔 JS | 实现多页面功能

我正在尝试用 quill 实现多页功能。我想修复每个页面的高度,当用户到达页面末尾时,我希望光标转到下一页(编辑器)而不是编辑器高度增加或出现滚动条,类似于在 Google Docs 中观察到的行为或微软word文档。我已经在视图中添加了 2 个编辑器,但不知道如何在光标到达第一页末尾时切换到新页面。

0 投票
0 回答
80 浏览

reactjs - 由输入字段上的 onChange / React Quill 引起的 React 无限循环

我是新手,只需更新 onChange 中的值即可过滤一些标签。但是当我这样做时,它会导致无限循环。我怎样才能防止这种情况?

0 投票
0 回答
115 浏览

reactjs - WYS 不是 React Quill 中的 WYG

我开始使用 React Quill 将 WYSIWYG 集成到我的博客项目中,之前我没有使用它的经验,并试图在互联网的帮助下做到最大。实际上,从加载图像(使用图像处理程序)到将其保存到数据库(Rails 中的 PostgreSQL),一切都运行良好。我将内容保存为 HTML 而不是 Delta 格式,但每当我尝试通过从数据库加载它来查看它时,所有格式、对齐和缩进都消失了,但(标题、斜体、下划线、粗体、文本颜色)存在,并且所有内容都左对齐

任何帮助,将不胜感激。

我阅读了 Quill 文档并试图了解如何处理此问题,但我不知道如何使其工作。

我正在使用 React + Rails

这是我的代码(我将只显示相关代码):

CreateBlog.jsx文件

CreateForm.jsx文件

当我编辑此图像中的内容时,一切正常 While editing 在此处输入图像描述

但是在保存帖子并再次查看它之后,它的类似内容(但粗体、斜体、下划线)显示为所需但有序列表和无序列表、对齐、引号......等未按预期显示。
View after saving

在此处输入图像描述

查看内容的代码是 ShowBlog.jsx

Inspect 在此处输入图像描述

0 投票
0 回答
126 浏览

typescript - 如何在 React-Quill 内容中上传图片?

我正在用 React-Quill 制作一个公告板。但是,当我上传图像时,图像不会从内容内部出来。使用 console.log 检查时,图像 url 为空。哪部分错了?

我尝试了几种方法,但都失败了。解决方法是什么??

0 投票
0 回答
56 浏览

reactjs - 在 React-Quill 中上传图片时图片不可见的问题如何解决?

我正在使用 React-Quill 制作一个简单的公告板。我正在实现通信并将内容值保存到服务器,但是在上传图像时,出现图像未显示在内容中的错误,因此无法解决。

我该如何解决这个问题?

如果您使用 Console.log 检查 FormData,它会显示为一个空对象。

0 投票
0 回答
69 浏览

html - 如何使用 React Quill 调整图像大小?

我正在用 React Quill 实现一个公告板。上传图片时,得到了返回的url,放到img标签中输出,但是图片大小无法调整。有没有办法在 Content 中动态调整它?

另外,当滚动图片时,如何让它只在内容内滚动?

0 投票
0 回答
55 浏览

react-quill - ReactQuill 默认字体(无衬线、衬线和等宽)不起作用

我有这个反应组件,我尝试更改文本的字体,但没有效果。

这是我的组件:

这是我的模块 JSON:

这是组件的外观:

在此处输入图像描述

0 投票
0 回答
22 浏览

reactjs - 我可以导出 ReactQuill 值吗?

我尝试使用 jsPDF 导出编辑器的值,但它看起来并不漂亮。如何将值导出为 PDF?

这是我使用 jsPDF 的导出方法,其中 val 是 ReactQuill onChange 事件返回的 html 字符串:

这是导出的pdf:

在此处输入图像描述

0 投票
0 回答
165 浏览

typescript - 有没有办法修复 React Quill 图像大小调整错误?

我正在使用 React Quill 实现图像大小调整。当使用 npm install quill-image-resize-moudule 实现时,发现了一个未定义的错误并搜索了@loop/quill-image-resize-module-react 我找到了该模块并解决了它。

它在本地服务器上运行良好,但是如果您在通过 Github 上的部署自动化将其部署到 aws 服务器后运行它,它不会运行并出现以下错误。

找不到模块:无法解析“/home/ubuntu/client/MR/src/Components”中的“@loop/quill-image-resize-module-react”

有什么办法可以解决吗?