quilleditor 工具栏 添加文档中所有工具
时间: 2024-05-20 21:10:11 浏览: 16
抱歉,我不完全理解您的问题,请问您是想知道如何在 QuillEditor 工具栏中添加文档中的所有工具吗?如果是,可以通过以下步骤实现:
1. 在 QuillEditor 的 Options 参数中添加 toolbar: '#toolbar-container',创建一个容器来放置工具栏。
2. 在页面中添加一个包含所有工具的工具栏容器,例如:
<div id="toolbar-container">
<span class="ql-formats">
<select class="ql-font"></select>
<select class="ql-size"></select>
</span>
<span class="ql-formats">
<button class="ql-bold"></button>
<button class="ql-italic"></button>
<button class="ql-underline"></button>
<button class="ql-strike"></button>
</span>
<span class="ql-formats">
<select class="ql-color"></select>
<select class="ql-background"></select>
</span>
</div>
3. 初始化 QuillEditor,然后将工具栏容器的 HTML 传递给 QuillEditor 的 toolbar 参数:
var quill = new Quill('#editor', {
modules: {
toolbar: '#toolbar-container',
//其他模块
},
//其他参数
});
这样,工具栏中将包含文档中所有可用的工具。希望这能回答您的问题。