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

2023-12-29 12:27:09

想实现如下效果

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

增加一个setup方法

代码

          setup: function(editor) { 

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

          }, 

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

文章来源:https://blog.csdn.net/gdgztt/article/details/135282950
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。