问题标签 [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 投票
0 回答
423 浏览

quill - 如何在 Quill Editor 中上传视频?

目前,我们可以使用 Quill Editor 上传图片。这是base64,但我们可以上传那个usign图像处理程序。像下面这样:

官方图像处理程序在这里:

我的问题是如何上传视频?

0 投票
0 回答
163 浏览

react-native - react-native-cn-quill QuillToolbar 触摸没有响应

react-native-cn-quill在我的 android 应用程序中用作文本编辑器。QuillToolbar 触摸没有响应。当我尝试从工具栏中选择一个选项时,有时它没有被选中,并且在单击上标/下标选项后,键盘视图会自动退出。有什么解决方案吗?

我正在使用示例代码

0 投票
1 回答
1656 浏览

react-native - 如何在羽毛笔工具栏中添加自定义图标

我在我的 react 本机应用程序中使用 quill 作为文本编辑器。我想在羽毛笔工具栏中添加一个自定义工具栏图标,有什么解决方案吗?我的代码是:

quill.html

QuillEditor.tsx

app.js

0 投票
0 回答
59 浏览

html - 使用 quill-delta-to-html 插件在 Quill 编辑器中支持 Shift+Enter 以呈现自定义 HTML

尝试支持 Shift+Enter 换行而不是从新段落开始,我使用的是 quill issues/252中的代码示例。我能够在编辑器中实现这一点,但是在使用 quill-delta-to-html 转换器时,段落换行符不会持续存在。只有 quill 能够解析增量并正确识别换行符对象。

样本增量:

预期的 HTML:

实际 HTML:

由于中间样式节点和使用 npm 包捕获自定义属性不起作用,因此操作 delta 很困难。

0 投票
0 回答
60 浏览

javascript - 在 Quill.js 中突出显示单词

我想在 quill 中动态突出显示所有单词,例如“House”,但如果用户删除字母,那么单词不完整时也会“取消突出显示”。

我使用带有反应的羽毛笔。

有没有办法做到这一点?

0 投票
0 回答
158 浏览

javascript - 如何将文档嵌入到 quill js 编辑器中?

我想在羽毛笔编辑器中嵌入一个文档。为了说明,用户可以单击 quill 工具栏上的自定义文档图标。当用户单击自定义文档图标时,将打开一个文件选择器。然后用户可以从文件选择器中选择一个文件并上传该文档。这样,文档应该被插入到羽毛笔编辑器中,当用户点击文档时,他/她可以下载文档。

我所说的“文档应该嵌入到编辑器中”是什么意思?我的意思是在选择文件后,用户应该能够查看自定义印迹(或其他东西,IDK)。这与其他文本分开。我应该在文档名称之前插入一个文档图标,以将其与普通文本区分开来。

文件放在哪里?我应该将文档放在羽毛笔编辑器的当前光标位置。

谢谢你。

0 投票
0 回答
39 浏览

html - 如何根据数组中的注释数量动态创建 Quill 编辑器?

我试图让用户将笔记保存在本地存储中,然后检索并为本地存储中的每个笔记填充一个羽毛笔编辑器。

当我运行此代码时,我收到以下错误,我无法理解。

0 投票
1 回答
113 浏览

reactjs - 如何在 React js web APP 中添加编辑器并将数据存储在 mongodb 中

如何嵌入任何富文本编辑器或降价以响应 js,以及如何将编辑器数据存储在 mongodb 中?

0 投票
1 回答
509 浏览

reactjs - 单击反应中的按钮渲染/添加羽毛笔编辑器

我现在被困了一天。已阅读多个答案,但找不到任何东西。

我的任务很简单,我有一个用户可以回答问题的页面。

  • 该页面将打开两个编辑器(默认情况下)。(在react-quill GitHub 讨论中找到这个)。

  • 会有一个“添加步骤”按钮,当然,它会在下面添加另一个羽毛笔编辑器,用户可以添加任意数量的步骤。

  • 编辑器旁边会有一个“删除”按钮来删除编辑器,前两个编辑器除外。

现在,我也想将上述步骤单独存储在我的数据库中,但是onClick编辑器上没有e.target,相反,它只是给出了 HTML 值。因此,如何在 onClick 上添加编辑器并将值与多个编辑器分开?

任何有关解决方案的方向或提示将不胜感激。谢谢。

0 投票
0 回答
106 浏览

reactjs - 设置自定义羽毛笔印迹覆盖格式方法的属性不会触发羽毛笔编辑器中的 onChange 事件

复制步骤 我正在使用 react-quill 并创建了一个自定义链接印迹,我可以在其中使用道具数据动态更新印迹的 href 属性。

  1. 创建一个自定义的羽毛笔印迹。
  2. 在羽毛笔编辑器中插入该羽毛笔印迹。
  3. 在编辑器中插入羽毛笔印迹后,稍后使用动态值覆盖格式方法设置属性。

预期行为: 当通过使用格式方法设置属性来更新印迹时,应触发 Quill 编辑器 onchange 方法。

实际行为: 通过使用 format 方法设置属性来更新印迹时,Quill 编辑器值不会更新并且 onChange 方法不会触发。

版本: “react-quill”:“^1.3.3”