quill 相关问题

为什么自定义内联印迹合并/与以前的插入blot

i为Quilljs创建了我自己的自定义内联印迹： 从“ Quill”导入羽毛笔 var inline = quill.import（'blots/inline'） class emojiblot扩展了内联{ 静态创建（colons）{ 令节点= s ...

您如何将html插入quilljs？

Quill .Ql-container扩展了Quill-editor的尺寸 我有一个奇怪的问题，其中我的孩子div超出了父级的大小

我有一个奇怪的问题，我的孩子div超出了父母的规模 <div class="editor-container"> <quill-editor [(ngModel)]="editorContent" > </quill-editor> </div> body { height: 100vh; margin: 0; padding: 0; overflow: hidden; display: flex; justify-content: center; align-items: center; } .editor-container { height: 100vh; width: 80%; margin: 0 auto 0 auto; box-sizing: border-box; } quill-editor { width: 100%; height: 100%; } ::ng-deep .ql-container { height: 100%; } ::ng-deep .ql-editor { white-space: pre-wrap !important; word-break: break-word !important; overflow-wrap: break-word !important; width: 100% !important; } import { Component } from '@angular/core'; import {QuillModule} from 'ngx-quill'; import {FormsModule} from '@angular/forms'; @Component({ selector: 'app-document', imports: [QuillModule, FormsModule], templateUrl: './document.component.html', styleUrl: './document.component.css' }) export class DocumentComponent { editorContent: string = ''; } 不管我如何设置此高度以及我添加的.ql容量始终延伸到屏幕高度之外，从而超出其父级的高度。我希望这个Quil编辑器始终具有100％的屏幕高度，无论是什么和唯一可以滚动的东西是.ql-editor/.ql-container，当文本太长而溢出时， asslam-o-alaikum！ 您正在使用classeditor-container，这与Quil Editor的虚假claass重叠。 Change Class名称即 `editor-container` to `editor-wrap-container` or any 示例 .editor-wrap-container { height: 100vh; width: 80%; margin: 0 auto 0 auto; box-sizing: border-box; } <div class="editor-wrap-container"> <quill-editor [(ngModel)]="editorContent" > </quill-editor> </div>

Quill编辑器工具栏未在新窗口中初始化

将Quill更新为2.0

将羽毛笔更新为2.0以前的解决方案以停止工作。我试图在此处申请并采用许多解决方案，但没有成功。 我去了Poin ...

我正在使用quilljs。工具栏图标的顶部有一些不必要的空间。

当我在浏览器上检查元素时，它的样子。

工具栏项目顶部的不必要空间

在这里看起来像

带有内联样式的Primeng编辑器，而不是Quill类

问题是Primeng编辑器，或更具体地说是Quill，它使用类作为样式。

CreatEportal不在新窗口中渲染儿童

React-Quill - addRange()：给定范围不在文档中

我正在尝试使用 React-Quill 文本编辑器制作一个简单的博客。我想获取 ReactQuill 编辑器的值并在不同的路线上预览它。很久以来我一直在努力实现这一目标...

React Quill - 如何显示两个文本版本之间的差异？

我目前正在使用 React 设计一个网站，用户将在其中使用文本编辑器。文本编辑器中已经有文本了。用户将对文本进行一些更改并提交。我...

在Quill中，如何在工具栏上添加一个按钮来添加一些文字？

我想做的事情似乎很简单：我想在标准 Quill 工具栏上为用户提供一个附加按钮，允许用户从列表中选择图像的名称，然后添加...

单击加粗按钮会在加粗之前取消选择所选文本

我有一个仅在使用 Shadow DOM 时才存在的问题。这很难解释，但是当 Shadow DOM 存在时（即使用 ShadowWrapper 组件），它的行为是这样的，当输入 co...

如何在 PrimeNg 编辑器中获得@提及（Quill + Angular 中的 quill-mention）

我的任务是为我们的文本编辑器实现提及功能。我正在使用基于 Quill 构建的 PrimeNg Editor。我找到了 quill-mention 包，它似乎可以帮助解决这个问题。我...

如何在nextjs中的Quill文本编辑器中添加自定义字体

我正在 next.js 中使用react-quill 创建一个文本编辑器。我在我的项目中实现了整个文本编辑器。我的项目中有两个主要问题。 第一个是当我粘贴任何内容时...

连接PrimeVue编辑器组件中的图像调整大小模块

我正在尝试将 Quill 图像调整大小模块与 PrimeVue (v3.50.0) 的编辑器组件集成到 NuxtJS (v3.10.3) 项目。您能指导我如何正确执行此操作吗？ 我已经

如何在鹅毛笔编辑器的每个块上创建唯一的ID？

我想为鹅毛笔编辑器的每个p块添加一个uniq id。 我已经尝试过这段代码，但它只向每个 p 块添加相同的 id。 const BlockBlot = Quill.import('blots/block'); 班级

Quill 编辑器光标位于第一个字母后面

这不是一个问题，而是我刚刚使用 Quill 编辑器遇到的问题，我想我会分享一下，以防其他人遇到同样的问题。 如果您在打字时遇到过

如何使用 Enter 提交消息以及 Shift + Enter 新建一行？

我有一个带有 Quill 版本 1.3.7 的 React 应用程序。 对于上下文/复习：Quill 文本编辑器中 Enter 的默认行为是创建一个新行。我想改变这一点。 我写了下面的函数所以

在 Quill.js 中，我希望按 Enter 提交消息并按 Shift + Enter 创建新行

我有一个带有 Quill 版本 1.3.7 的 React 应用程序。 对于上下文/复习：Quill 文本编辑器中 Enter 的默认行为是创建一个新行。我想改变这一点。 我写了下面的函数所以