如何在quill.js的工具栏中创建自定义下拉列表

Quill.register("modules/custom-dropdown", function(quill, options) {
  // 在这里定义自定义下拉列表的逻辑
});

Quill.register("modules/custom-dropdown", function(quill, options) {
  var toolbar = quill.getModule("toolbar");
  toolbar.addHandler("custom-dropdown", function() {
    // 创建下拉列表的DOM元素
    var dropdown = document.createElement("select");
    // 添加下拉列表的选项
    dropdown.innerHTML = "<option value='option1'>Option 1</option><option value='option2'>Option 2</option>";
    // 将下拉列表添加到工具栏中
    toolbar.container.appendChild(dropdown);
  });
});

Quill.register("modules/custom-dropdown", function(quill, options) {
  var toolbar = quill.getModule("toolbar");
  toolbar.addHandler("custom-dropdown", function() {
    var dropdown = document.createElement("select");
    dropdown.innerHTML = "<option value='option1'>Option 1</option><option value='option2'>Option 2</option>";
    toolbar.container.appendChild(dropdown);

    // 监听下拉列表的变化事件
    dropdown.addEventListener("change", function() {
      var selectedOption = dropdown.value;
      // 根据选择的选项执行相应的操作
      if (selectedOption === "option1") {
        quill.insertText(quill.getSelection().index, "Selected Option 1");
      } else if (selectedOption === "option2") {
        quill.insertText(quill.getSelection().index, "Selected Option 2");
      }
    });
  });
});

var quill = new Quill("#editor", {
  // 其他配置项...
  modules: {
    // 其他模块...
    "custom-dropdown": true
  }
});