quill 相关问题

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

如何使用 quill js 创建目录

有没有办法在quilljs中自动将标题标签列为目录(TOC)?我搜索了它但找不到任何有用的东西。 可以使用以下代码将 id 添加到标头标签,但是......

回答 2 投票 0

React-Quill:如何防止输入新字符时自动应用 quillJS 格式?

我正在加载一个 html 字符串,它代表数据库中的编辑器内容。我想在该字符串中下划线/粗体特定单词: 前任。一二三四五 我已经知道如何申请了

回答 0 投票 0

如何使用 Quill.js 将样式应用于匹配的文本

我正在使用 Quill.js 并尝试将自定义格式应用于与特定模式匹配的文本。 例如,我想匹配大括号 { ... } 之间的任何内容。 我正在听“短信”...

回答 0 投票 0

带有 html 的 OpenPDF

我需要帮助将 html 内容转换为 pdf。 我目前正在使用 OpenPDF 1.3.30 在 Java 中生成我的 pdf 文件。我有一个使用 Vue Editor 的 vue 组件,它是一个富文本编辑器包装...

回答 1 投票 0

Quill - 一个不必要的输入字段

在我保存了羽毛笔文本并尝试呈现文本(帖子)并将其呈现在模板中之后,我得到了一个不需要的输入字段。 “告诉我!你是什么......”是羽毛笔文字: ...

回答 0 投票 0

django_quill.quill.QuillParseError: 解析值失败

在我的项目中使用 django-quill-editior 对博客进行测试时,在我的本地服务器上出现错误。我无法找出以下错误的含义。 “django_quill.quill.QuillParseError:失败......

回答 1 投票 0

Quill Editor 如何仅将 css 类设置为父级而不是其子级

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

回答 0 投票 0

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

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

回答 3 投票 0

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

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

回答 0 投票 0

Quill 键盘快捷键文档

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

回答 0 投票 0

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

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

回答 0 投票 0

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

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

回答 1 投票 0

在 Quill 中使用 Postgres 枚举

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

回答 2 投票 0

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

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

回答 1 投票 0


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

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

回答 4 投票 0

onPaste 滚动到 quilljs 的顶部

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

回答 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'); } 感谢阅读

回答 0 投票 0

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

我有一个字符串形式的 HTML 数据,如下所示: const text = "嗨 我有一个像这样的字符串形式的 HTML 数据: const text = "<p>Hi <span class="mention" data-index="0" data-denotation-char="@" data-id="58963f62-3417-481f-9d46-4f5625e9a1ab" data-value="test1 "><span contenteditable="false"><span class="ql-mention-denotation-char">@</span>test1 </span></span> Hi <span class="mention" data-index="0" data-denotation-char="@" data-id="58963f62-3417-481f-9d46-4f5625e9a1cd" data-value="test2 "><span contenteditable="false"><span class="ql-mention-denotation-char">@</span>test2 </span></span> </p>" 我想将跨度类转换为@data-id。跨度输出由 quill-mentions library 示例输出: convertedtext = "<p>Hi @58963f62-3417-481f-9d46-4f5625e9a1ab Hi @58963f62-3417-481f-9d46-4f5625e9a1cd </p>" 我也想将convertText转换回原始文本 这不是微不足道的,我已经假设了一些关于恢复功能的事情 const text1 = `<p>Hi <span class="mention" data-index="0" data-denotation-char="@" data-id="58963f62-3417-481f-9d46-4f5625e9a1ab" data-value="test1 "><span contenteditable="false"><span class="ql-mention-denotation-char">@</span>test1 </span></span> Hi <span class="mention" data-index="0" data-denotation-char="@" data-id="58963f62-3417-481f-9d46-4f5625e9a1cd" data-value="test2 "><span contenteditable="false"><span class="ql-mention-denotation-char">@</span>test2 </span></span> </p>`; // convertedtext = "<p>Hi @58963f62-3417-481f-9d46-4f5625e9a1ab Hi @58963f62-3417-481f-9d46-4f5625e9a1cd </p>" 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 = `<p>${matches.reduce((acc,cur,i) => { if (cur.startsWith("@")) acc.push(`<span class="mention" data-index="0" data-denotation-char="@" data-id="${cur.slice(1)}" data-value="test${++cnt}"><span contenteditable="false"><span class="ql-mention-denotation-char">@</span>test${cnt}</span></span>`) return acc; },[]).join(" ")}</p>`; <pre id="container1"></pre> <pre id="container2"></pre>

回答 1 投票 0

PrimeNG p-editor 显示不正确

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

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.