工具栏添加个折叠按钮，能折叠或展开部分功能

要实现工具栏中的折叠按钮，可以使用 Quill 的 `CustomToolbar` 插件，并结合 CSS 来实现按钮的展开和折叠效果。以下是一个示例代码：

首先，在页面中引入 Quill 和 CustomToolbar 插件的 JavaScript 文件：

<script src="path/to/quill.min.js"></script>
<script src="path/to/quill.custom-toolbar.min.js"></script>

然后，在 CSS 中定义折叠按钮的样式：

.quill-toolbar .ql-collapse-button {
  position: relative;
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #ccc;
  cursor: pointer;
  margin-right: 8px;
}
.quill-toolbar .ql-collapse-button:hover {
  background-color: #f0f0f0;
}
.quill-toolbar .ql-collapse-button::after {
  content: '▼';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.quill-toolbar .ql-collapsed .ql-collapse-button::after {
  content: '►';
}

接下来，创建一个折叠按钮并添加到工具栏中：

// 创建折叠按钮元素
var collapseButton = document.createElement('div');
collapseButton.className = 'ql-collapse-button';
collapseButton.addEventListener('click', function() {
  // 切换工具栏的折叠状态
  var toolbar = quill.getModule('toolbar').container;
  toolbar.classList.toggle('ql-collapsed');
});

// 将折叠按钮添加到工具栏
var toolbar = quill.getModule('toolbar').container;
toolbar.insertBefore(collapseButton, toolbar.firstChild);

最后，初始化 Quill 编辑器时，使用 CustomToolbar 插件并添加 `ql-collapsed` 类名来设置初始状态为折叠：

var quill = new Quill('#editor', {
  modules: {
    toolbar: {
      container: '#toolbar',
      handlers: {
        // 添加其他按钮的事件处理程序
      }
    }
  },
  theme: 'snow'
});

var toolbar = quill.getModule('toolbar').container;
toolbar.classList.add('ql-collapsed');

这样，你就可以在工具栏中添加一个折叠按钮，并通过点击该按钮来切换工具栏的展开和折叠状态了。

希望这个示例对你有帮助！如果还有其他问题，请随时提问。