Vue Tinymce富文本组件自定义带下拉框的操作按钮

?想实现如下效果

首先在init方法中的props，toolbar属性增加一个自定义按钮

增加一个setup方法

代码

          setup: function(editor) { 

            editor.ui.registry.addSplitButton('myDateButton', {
              text: '日期时间',
              onAction: (_) => editor.insertContent(getJsMonthDay(getNowDate()) + " " + getWeekday(getNowDate())),
              onItemAction: (buttonApi, value) => editor.insertContent(value),
              fetch: (callback) => {
                const items = [
                  {
                    type: 'choiceitem',
                    text: '当天 月-日 周几',
                    value: getJsMonthDay(getNowDate()) + " " + getWeekday(getNowDate())
                  },
                  {
                    type: 'choiceitem',
                    text: '本月 月-日 周几',
                    value: getMonthAllDays()
                  }
                ];
                callback(items);
              }
            });

          }, 

操作效果，下拉【日期日期】按钮，选择某项菜单，就会在光标所在处插入相应的字符。如下