ckeditor4 新增全局右键菜单

会点php的前端小渣渣

于 2023-01-31 10:14:09 发布

阅读量271

点赞数

分类专栏： ckeditor4 文章标签： ckeditor ，ckeditor4 富文本右键菜单 Powered by 金山文档

本文链接：https://blog.csdn.net/qq_39523111/article/details/128812659

版权

ckeditor4 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

//编辑器初始化
        CKEDITOR.instances.editor.on('instanceReady', (ev) => {
          let e = ev.editor;

          // 新增命令
          e.addCommand('replaceComponents', {
            exec: function (e) {
              //这里写你自己的业务
            },
          });
          
         //配置右键菜单命令    
          e.contextMenu.addListener(function (element, selection) {
            return {
              replaceComponents: CKEDITOR.TRISTATE_ON,
            };
          });
         //配置菜单组
          e.addMenuGroup('replaceComponents', 100);
        //为右键添加菜单项
          e.addMenuItems({
            replaceComponents: {
              label: '替换组件',
              group: 'replaceComponents', //对应上面的addMenuGroup
              command: 'replaceComponents',
            },
          });
        });