Quill

2024/4/13 7:27:23
Vue中通过集成Quill富文本编辑器实现公告的发布。Vue项目中vue-quill-editor的安装与使用【实战开发应用】

Vue中通过集成Quill富文本编辑器实现公告的发布。Vue项目中vue-quill-editor的安装与使用【实战开发应用】

前言 闲的无聊、给原有的系统添加一个公告的功能。就是后台可以写一些公告信息，然后前台可以看到发布的信息。一般来说一个公告就是一些文字描述图片视频等。还有排版样式啥的。使用文本编辑器就可以实现。然后正好用到了Quill，通过Quill富文本编辑器集成…
阅读更多...
quill富文本编辑器获取光标所在innerHTML索引

quill富文本编辑器获取光标所在innerHTML索引

需求背景 做一个富文本编辑器，只保留有序列表，无序列表，超链接，普通文本四种形式。 1.quill配置toolbar保留四种形式的工具栏 2.此外，还要防止粘贴时出现不允许的数据格式 解决办法 监听paste粘贴事件，阻断…
阅读更多...
Yjs + Quill 实现文档多人协同编辑器开发（基础+实战）

Yjs + Quill 实现文档多人协同编辑器开发（基础+实战）

前言 多人协同开发确实是比较难的知识点，在技术实现上有一定挑战，但随着各种技术库的发展，目前已经有了比较成熟的解决方案。今介绍 Yjs 基于CRDT算法，用于构建自动同步的协作应用程序，与Quill富文本编辑器&#xff0c…
阅读更多...
【已解决】Vue引用quill富文本编辑器，图片处理的两个神器插件（quill-image-drop-module、quill-image-resize-module）的正确姿势。（解决各种报错）

【已解决】Vue引用quill富文本编辑器，图片处理的两个神器插件（quill-image-drop-module、quill-image-resize-module）的正确姿势。（解决各种报错）

一、前言 我在vue-quill-editor的Github认识了这两个插件。 quill-image-drop-module：允许粘贴图像并将其拖放到编辑器中。 quill-image-resize-module：允许调整图像大小。 都很实用呐！ 然而DEMO不够详细，实际引用时，…
阅读更多...

Copyright @ 2022~2023