quill 相关问题

Quill是一个跨浏览器的富文本编辑器。它具有完整的API，允许对编辑器及其内容进行细粒度访问和操作。

我在一个有角度的项目中使用 Quill Editor，我的问题是当我将自定义类设置为一个元素（示例）时，我得到了这个结果，现在所有的上帝： testesetse... 我在一个角度项目中使用 Quill Editor，我的问题是当我将自定义类设置为一个元素（示例）时，我得到了这个结果，现在所有的上帝： testesetsetset 当我尝试添加另一个标签时遇到了一个大问题，羽毛笔为其子项设置了相同的类，这就是我得到的： testes ets etset 有可能实现这个结果，而不是将课程设置给它的孩子吗？ testes ets etset 非常感谢谁会提供帮助！

jquery css parent-child quill ngx-quill

回答 0 投票 0

如何在 Vue3 的 Quill 文本编辑器中显示默认值

如图所示，我有一个带有 Quill 的文本编辑器。这是我项目中的管理面板，当我在我的文本编辑器中写一些东西并想显示它时，它工作正常。例如...

vue.js vuejs3 text-editor quill vue-quill-editor

回答 3 投票 0

How to send Flutter Quill json with an image in post api

我正在尝试在 post api 请求中发送带有图像的 flutter quill json 的 json。我的 json 看起来像这样，其中包含文本和图像 [{“插入”：” 扑鹅毛笔 "},...

flutter image post quill

回答 0 投票 0

Quill 键盘快捷键文档

似乎缺少关于 quill 库默认提供的特定键盘快捷键的文档。从测试中我知道“Shift + Tab”可以用来...

quill react-quill

回答 0 投票 0

Vaadin 和 Quill Editor：保存当前内容的问题

我在将 Quill Editor 集成到我的 Vaadin 应用程序时遇到问题。当我更改编辑器的内容并保存时，我没有得到编辑器的当前内容而是之前的

javascript java vaadin quill

回答 0 投票 0

如何向 quilljs 添加自定义拼写检查？

我正在建立一个网站，我需要在 Quill 编辑器中控制拼写检查词典。我在谷歌上搜索了很多，找不到任何简单的方法来做到这一点。理想情况下，我想做

javascript spell-checking quill rich-text-editor

回答 1 投票 0

在 Quill 中使用 Postgres 枚举

我正在尝试将 Scala 2 枚举与 Quill 一起使用，如下所示：导入 io.getquill.MappedEncoding 对象 MyEnumType 扩展枚举 { 类型 MyEnumType = 值 val 一、二、三 = 值隐式...

postgresql scala enums implicit quill

回答 2 投票 0

有没有办法在 React 中不使用 useRef() 来访问修改的 css 类？

我有一个编辑器的反应组件，我正在尝试根据像素边界更改工具提示的位置......但是，我并没有完全自己渲染工具提示并且它发生在内部......

javascript css reactjs frontend quill

回答 1 投票 0

react quill img 宽度

"} ...

reactjs image-resizing quill react-quill

回答 0 投票 0

是否可以在 Quilljs 编辑器中的文本区域下方显示工具栏选项？

如何在文本区域下方显示工具栏。我的代码： var quill = new Quill('#txtMessage', { 主题：'雪'，模块：{ 工具栏：{ 容器： [ ['粗体'，'斜体'，'underl ...

javascript quill

回答 4 投票 0

onPaste 滚动到 quilljs 的顶部

我正在使用 ngx-quill：19.0.1，当编辑器中的段落超过 4 个时，粘贴事件会导致滚动条跳到顶部并停留在那里。我遇到了 ngx-quill-paste 开发...

angular quill ngx-quill

回答 0 投票 0

如何使自定义工具栏中的“正常”标题“按预期”工作

我尝试自定义标题标签我使用了这样的自定义工具栏： const CustomToolbar = () => ( < 我尝试自定义标题标签我使用了这样的自定义工具栏： const CustomToolbar = () => ( <div id="toolbar"> <select className="ql-header"> <option value="2">Bloc</option> <option value="3">Titre 1</option> <option value="4">Titre 2</option> <option selected>Normal</option> </select> </div> ); 自定义标签可以，但“正常”选项没有按预期工作。如果我在内容中选择“普通”文本，则不会选择“普通”选项。 According to quill source,我在“正常”选项上添加了选择。但是没有效果 // From snow theme // { header: [1, 2, 3, false] } // modules/toolbar.ts : 213 if (value !== false) { option.setAttribute('value', value); } else { option.setAttribute('selected', 'selected'); } 感谢阅读

quill react-quill

回答 0 投票 0

将给定的 HTML span 类转换为@data-id [关闭]

我有一个字符串形式的 HTML 数据，如下所示： const text = "嗨我有一个像这样的字符串形式的 HTML 数据： const text = "Hi @test1 Hi @test2 " 我想将跨度类转换为@data-id。跨度输出由 quill-mentions library 示例输出： convertedtext = "Hi @58963f62-3417-481f-9d46-4f5625e9a1ab Hi @58963f62-3417-481f-9d46-4f5625e9a1cd " 我也想将convertText转换回原始文本这不是微不足道的，我已经假设了一些关于恢复功能的事情 const text1 = `Hi @test1 Hi @test2 `; // convertedtext = "Hi @58963f62-3417-481f-9d46-4f5625e9a1ab Hi @58963f62-3417-481f-9d46-4f5625e9a1cd " const fragment = document.createElement("div"); fragment.innerHTML = text1; const convertedText = [] const p = fragment.querySelector("p") const spans = p.querySelectorAll("span"); spans.forEach(span => { if (span.matches("[data-id]")) { convertedText.push(span.previousSibling.textContent.trim()) convertedText.push(`${span.dataset.denotationChar}${span.dataset.id}`) } }); const container1 = document.getElementById("container1"); container1.textContent = convertedText.join(" "); const text2 = container1.textContent; const regex = /(\S+)\s+(@[0-9a-f]{8}(?:-[0-9a-f]{4}){3}-[0-9a-f]{12})/g; const matches = [...text2.matchAll(regex)].flatMap(m => [m[1], m[2]].filter(Boolean)); const container2 = document.getElementById("container2"); console.log(matches) let cnt = 0; container2.textContent = `${matches.reduce((acc,cur,i) => { if (cur.startsWith("@")) acc.push(`@test${cnt}`) return acc; },[]).join(" ")}`; <pre id="container1"></pre> <pre id="container2"></pre>

javascript html replace quill

回答 1 投票 0

PrimeNG p-editor 显示不正确

我的 p-editor 没有在现场正确显示。请检查下图：页面顶部页面底部它只在底部显示大型 SVG 和几个输入。我正在使用 Angula...

angular typescript primeng quill

回答 0 投票 0

Quill 2.0 什么时候发布？ [关闭]

下一个主要版本是什么时候以及计划成为该版本一部分的功能是什么。没有路线图或提及下一个版本。

release quill

回答 0 投票 0

Android 的 Quill 富文本编辑器

Web“Quill”有一个富文本编辑器库。问题是将编辑器集成到我们的 IOS 和 Android 应用程序中。我找到了适用于 Android 的富文本编辑器视图库，但是它...