TinyMCE中的可编辑下拉列表

Question

有一项要求，要求让TinyMCE中的下拉框可编辑........

可以在可编辑的选择框中进行转换，例如在libre和MS office产品中

Answer 1

有意思的是，我可以使用combobox作为自定义按钮中的类型来实现结果。

setup: function (editor) {
        editor.addButton('mybutton', function() {
           var items= ["8", "9", "10", "11", "12", "14", "16", "18", "20", "22", "24", "26", "28", "36", "48", "72"]
           return {
                  type: 'combobox',
                  autofocus: true,
                  label: 'FontSizes',
                  values: items,
                  onChange: function(e){
                        console.log(this.value());
                  }
           }
       } 

Answer 2

试试这个：

editor.addButton('mybutton', {
    type: 'combobox',
    icon: false,
    text: 'FontSizes',
    values: [{text: "8", value:"8"}, {text: "9", value:"9"}, {text: "10", value:"10"}, {text: "12", value:"12"}, {text: "14", value:"14"}, {text: "16", value:"16"}, {text: "18", value:"18"}],
    onselect: function(e){
        console.log(this.value());
    }
});

Demo

编辑：添加演示