Quill Editor H5 工具栏自定义图标和方法实现
首先确定你用的是下面这个编辑器，Quill官网
实现效果参考：
然后开始了
配置toolbarOptions
默认的全量配置
const toolbarOptions = [
['bold', 'italic', 'underline', 'strike'], // toggled buttons
['blockquote', 'code-block'],
['link', 'image', 'video', 'formula'],
[{ 'header': 1 }, { 'header': 2 }], // custom button values
[{ 'list': 'ordered'}, { 'list': 'bullet' }, { 'list': 'check' }],
[{ 'script': 'sub'}, { 'script': 'super' }], // superscript/subscript
[{ 'indent': '-1'}, { 'indent': '+1' }], // outdent/indent
[{ 'direction': 'rtl' }], // text direction
[{ 'size': ['small', false, 'large', 'huge'] }], // custom dropdown
[{ 'header': [1, 2, 3, 4, 5, 6, false] }],
[{ 'color': [] }, { 'background': [] }], // dropdown with defaults from theme
[{ 'font': [] }],
[{ 'align': [] }],
['clean'] // remove formatting button
];
参考：Toolbar Module - Quill Rich Text Editor (quilljs.com)
在toolbar配置中添加自己的功能（如：media）
function initEditor(){
const toolbarOptions = [
['bold', 'italic', 'underline', 'strike'], // toggled buttons
['blockquote', 'code-block'],
['link', 'image', 'video', 'formula'],
// [{ 'header': 1 }, { 'header': 2 }], // custom button values
[{ 'list': 'ordered'}, { 'list': 'bullet' }, { 'list': 'check' }],
[{ 'script': 'sub'}, { 'script': 'super' }], // superscript/subscript
[{ 'indent': '-1'}, { 'indent': '+1' }], // outdent/indent
[{ 'direction': 'rtl' }], // text direction
[{ 'size': ['small', false, 'large', 'huge'] }], // custom dropdown
[{ 'header': [1, 2, 3, 4, 5, 6, false] }],
[{ 'color': [] }, { 'background': [] }], // dropdown with defaults from theme
[{ 'font': [] }],
[{ 'align': [] }],
['clean'], // remove formatting button
['media']
];如上所示，最后一个地方添加了一个media节点。
初始化Quill编辑器
https://www.leftso.com/article/2408020955485956.html
相关文章
首先确定你用的是下面这个编辑器，Quill官网Quill 实现效果参考：实现效果 然后开始了配置toolbarOptions默认的全量配置const toolb
接上一篇：mybatis Interceptor拦截器实现自定义扩展查询兼容mybatis plus-左搜 (leftso.com)这里进行自定义分页查询扩展，基于mybatis plus,同样...
Java编程之通过eclipse创建maven自定义项目原型模板（Archetype）,Java编程,maven自定义项目模板
ckeditor 5 自定义插件实现，自定义一个插件并在toolbar上。点击自定义插件图标响应对应事件。环境ckeditor 5.42.1(github稳定版
CKeditor无论那个版本，在我主要以文章编辑的时候，需要去掉默认的H1标签，所以需要自定义配置heading标签。同样CKeditor5 与之前的4版本有所不同。CKeditor5自定义配置...
CKeditor5 默认情况下的fontsize组件是小号默认大号特大号这种，没有具体的字体大小px单位选择，有些时候需要配置。故而对默认配置进行了修改。配置方式如下： C...
mybatis Interceptor拦截器实现自定义扩展查询兼容mybatis plus @Intercepts({
@Signature(type = Executor.c...
问题说明我有一个自己的图像上传逻辑。 但是当我上传图像时，我想为图像添加一个自定义属性和一个自定义class。所以我的图片上传后应该是这样的：<img clas
1.概述本教程将重点介绍如何使用Apache HttpClient 4发送自定义Cookie
spring boot整合spring security4自定义配置
Spring data-mongodb ID自增长注解实现,mongodb ID自增长
如何支持直接传递自定义对象那么我们希望能有一种方式保持跟controller完全一致只需要传递自定义的对象，既让服务提供端开发人员爽，也让服务消费端开发人员爽，
定义变量Shell 支持以下三种定义变量的方式：variable=value
variable='value'
variable="value"variable 是变量名，value 是赋给...