问题标签 [react-quilljs]

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 回答
260 浏览

reactjs - react-quilljs 和 reactjs-popup 不能一起工作

我正在同时使用 react-quilljs 和 reactjs-popup,并且无法在我的模式对话框中显示基于 quill 的编辑器。我可以在主页上毫无问题地使用编辑器,但它在弹出窗口上不起作用。

我有预期的进口:

我的组件看起来像这样:

当我在父组件中设置showNewIdea为时true,弹出窗口按预期显示,但羽毛笔编辑器完全丢失。它呈现了#IdeaDetails div和一个孩子,就是<div></div>这样。孩子div完全是空的,没有造型。

我是否错过了可以使这项工作发挥作用的东西?我在网上找不到针对此问题列出的任何类似问题。

0 投票
0 回答
80 浏览

inline - 有没有办法为 quill js 构建一个嵌套的内联印迹?

我想要创造的是这样的:

我是新来的羽毛笔,仍在探索。我现在能做的就是像这样创建一个 html 标签:

基本上我想创建一个带有子元素的标签,比如等。

0 投票
1 回答
503 浏览

reactjs - QuillJS - 粘贴到编辑器时删除格式

我以前使用https://github.com/quilljs/quill/issues/1184#issuecomment-403657128来确保没有人可以在 QuillJS 编辑器中粘贴格式化文本,因为我希望人们只使用少数几个编辑按钮我从 QuillJs 启用。从那时起,它就不再为我工作了。我的问题是:

  • 这对其他人有用吗?
  • 如果没有,你知道替代方案吗?
0 投票
0 回答
28 浏览

javascript - Quill js在表格上保留类名

我正在开发文本编辑器上的一项功能,以允许用户更改 quill 中的表格边框样式,不幸的是,quill 表格默认模式默认不支持此功能,但我的方法是为表格设置类名并根据更改 CSS 样式这(例如)用户将从边框样式列表中选择一个边框样式“虚线”然后我希望由 quill 生成的表有一个具有自定义名称的类并保留它,有什么方法可以用 quill 实现这一点?

0 投票
0 回答
14 浏览

javascript - 如何使用基于函数的组件向 QuillJS 插入数据

我想将数据库中的数据插入到 QuillJS,但我无法让它工作,我尝试了很多东西但没有工作。我已经尝试过 setContent 但不起作用,但除此之外,我还想在 quillJS 上监听变化并获取 Init 数据,以便我可以发布到数据库。

这是它的代码:

0 投票
1 回答
21 浏览

reactjs - ReactQuill 失去焦点

我在我的项目中使用 ReactQuill。使用 react-quill 的漂亮新手。我在我的项目中使用 react 和 nextjs。所以我动态导入了 react-quill 以防止服务器端渲染:-

在我的组件中,我使用的是 ReactQuill,没有任何额外的设置。

我发现了几个场景:

  1. 如果我使用 defaultValue 该字段不会填充来自 api 的数据(这是一个编辑页面)
  2. 如果我使用值,它会用来自 api 的数据填充该字段,但为此我必须使用它 || (或)运算符(否则会引发 delta 对象错误)。
  3. 但是使用值不允许我在该字段中输入任何内容。它失去了焦点。
  4. 如果我省略 value 它让我输入。但我必须显示数据。

如果有人可以帮助解决这个问题,那就太好了。

0 投票
0 回答
21 浏览

javascript - 粗体或斜体上的 QuillJS 自定义格式分成几部分

我编写了一个扩展 Inline 的自定义格式。我使用以下代码应用了格式:

当没有粗体或斜体标签时效果很好。但是,如果它包含粗体或斜体,则此格式分为三个部分.... 我希望在不同格式上一致地拥有一个标签元素。我该怎么做?

目前它分为三个部分......不知道为什么该属性被写在强标签上 在此处输入图像描述

0 投票
0 回答
5 浏览

reactjs - 更新我的状态变量时出现 React-quilljs 错误

我正在使用react-quilljs,我想为其设置一个初始值,同时我想在文本更改时通过 useState 的 setState 设置我的输出变量,以便我可以使用状态变量来保存用户时的数据点击保存按钮。

但我得到了这个错误

在此处输入图像描述

似乎我的 setState 触发器重新渲染并使编辑器恢复到其初始值。

谁能指导我如何获得我的 quilleditor 输出。