ckeditor addListToDropdown 不显示标签

Question

editor.ui.componentFactory.add("InsertDropDown", locale => {

     //const dropdown = createDropdown(locale);
     const items = new Collection();
     items.add({
         type: 'button',
         model: new Model({
             withText: true,
             label: 'First item',
             labelStyle: 'color: red'
         })
     });

     items.add({
         type: 'button',
         model: new Model({
             withText: true,
             label: 'Second item',
             labelStyle: 'color: green',
             class: 'foo'
         })
     });

     items.add({
         type: 'button',
         model: new Model({
             withText: true,
             label: 'Second item',
             labelStyle: 'color: green',
             class: 'foo'
         })
     });


     const dropdown = createDropdown(locale);
     dropdown.buttonView.set({
         withText: true,
         label: "choose variable",
         tooltip: true
     });
     addListToDropdown(dropdown, items);
     return dropdown;
 })

这是我正在尝试的代码 ckeditor版本ckeditor5/42.0.0 使用 CDN

Answer 1

经过 32 小时的集思广益，我刚刚发现这是他们的框架和所有文档中的一个错误。

而不是这个：

items.add({
    type: 'button',
    model: new Model({
        id: 'en',
        withText: true,
        label: 'English',
    })
});

这样写：

items.add({
    type: 'button',
    model: {
        id: 'en',
        withText: true,
        label: 'English',
    }
});

嘘！我刚刚浪费了三天的宝贵时间。