Vue Tinymce富文本组件自定义操作按钮

想实现如下效果

首先在init方法中的增加一插件

增加一个setup方法

代码

          setup: function(editor) { 

            editor.ui.registry.addButton('testButton', {
              text: '日记日期',
              tooltip: '插入日记日期',
              onAction: () => editor.insertContent("123456")
            });

          }, 

操作效果，点击新增的【日记日期】按钮，就会在光标所在处插入相应的字符，具体什么字符可以根据业务需要修改，现在的123456只是一个示例。