wysiwyg - 工具栏中的自定义下拉列表

Question

我在当前项目中使用 Jodit WYSIWYG-Editor，并且已经知道如何将自定义按钮添加到工具栏。但我想知道是否可以添加一个选择框（下拉列表）。

我希望用户能够从此下拉列表中插入自定义文本模块（通过 Ajax 从 MySQL 数据库加载）。

这样的事情可能吗？

Answer 1

尝试这样的事情

{
    name: 'borders',
    list: {
        'double': '2mm double',
        'single': '2mm solid',
        'none':'none',
    },
    exec: ( ed, nodeOrFalse, control, origEvent, btn) => {
        var key = control.args[0], value = control.args[1];
        document.querySelector(':root').style.setProperty('--border-style',value);
        document.querySelector('#certcss').value = ':root{ --border-style:'+value+'}';
        enableSaveButton();
    },
    template: function (ed, key, value) {
        return '<div>' + key + '</div>';
    }
}