问题标签 [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.
reactjs - 如何访问 ReactQuill api?
我需要<ReactQuill/>
使用按钮访问。例如,我单击按钮并删除或保存ReactQuill
. 但我无法理解如何正确访问ReactQuill
React 中的功能。例如,他们建议使用quill
变量来访问该组件的功能。例如删除组件的内容quill.setContents([{ insert: '\n' }])
但问题是如何正确定义它?
我试着像在一些例子中那样做,但没有奏效。
也许有人知道如何正确定义他们的 quill 变量?我正在浏览他们的文档,但是没有帮助。
quill - 羽毛笔 JS | 实现多页面功能
我正在尝试用 quill 实现多页功能。我想修复每个页面的高度,当用户到达页面末尾时,我希望光标转到下一页(编辑器)而不是编辑器高度增加或出现滚动条,类似于在 Google Docs 中观察到的行为或微软word文档。我已经在视图中添加了 2 个编辑器,但不知道如何在光标到达第一页末尾时切换到新页面。
reactjs - 由输入字段上的 onChange / React Quill 引起的 React 无限循环
我是新手,只需更新 onChange 中的值即可过滤一些标签。但是当我这样做时,它会导致无限循环。我怎样才能防止这种情况?
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
typescript - 如何在 React-Quill 内容中上传图片?
我正在用 React-Quill 制作一个公告板。但是,当我上传图像时,图像不会从内容内部出来。使用 console.log 检查时,图像 url 为空。哪部分错了?
我尝试了几种方法,但都失败了。解决方法是什么??
reactjs - 在 React-Quill 中上传图片时图片不可见的问题如何解决?
我正在使用 React-Quill 制作一个简单的公告板。我正在实现通信并将内容值保存到服务器,但是在上传图像时,出现图像未显示在内容中的错误,因此无法解决。
我该如何解决这个问题?
如果您使用 Console.log 检查 FormData,它会显示为一个空对象。
html - 如何使用 React Quill 调整图像大小?
我正在用 React Quill 实现一个公告板。上传图片时,得到了返回的url,放到img标签中输出,但是图片大小无法调整。有没有办法在 Content 中动态调整它?
另外,当滚动图片时,如何让它只在内容内滚动?
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”
有什么办法可以解决吗?