如何在quill工具栏中添加自定义图标

.my-custom-icon::before {
  content: "\f007"; /* 这里是Font Awesome图标的Unicode编码 */
  font-family: "Font Awesome 5 Free"; /* 这里是Font Awesome图标的字体名称 */
}

var quill = new Quill('#editor', {
  // 其他配置项...
  modules: {
    toolbar: {
      container: '#toolbar',
      handlers: {
        customIcon: function() {
          // 在这里处理自定义图标按钮的点击事件
          // 可以执行一些自定义的操作，例如插入自定义标记等
        }
      }
    }
  }
});

<div id="toolbar">
  <button class="ql-customIcon"></button>
</div>
<div id="editor"></div>

customIcon: function() {
  var range = quill.getSelection();
  quill.insertText(range.index, '[[custom-icon]]', 'my-custom-icon', 'user');
  quill.setSelection(range.index + 1);
}