思路：ckeditor添加一个自定义按钮，里面方法实现display：none样式隐藏，这样就可以不用再次加载ckeditor啦

1.首先

ckeditor添加自定义按钮要将文件放在这个ckeditor里的plugins这个文件夹里

先创建一个这样的结构

icons是存放按钮图标的地方，待会用到，plugin.js就是接下来主攻的内容了

/**帅气的刘xx 2021.3.10*/
(function () {CKEDITOR.plugins.add('swap', {icons: 'swap',init: function (editor) {// 创建指令editor.addCommand('swap',CKEDITOR.plugins.swapButton.commands.swapButton);// 插件按钮editor.ui.addButton('swap', {label: '切换按钮',command: 'swap',icon: this.path + 'icons/swap.png',toolbar: 'document'});}});var swap = true;CKEDITOR.plugins.swapButton = {commands: {swapButton: {exec: function (editor) {testFunction(editor);}}}};
//demo演示，根据实际修改function testFunction(editor){if(swap){var toolbars = editor.toolbox.toolbars;console.log(toolbars);var testId = toolbars[1].id;document.getElementById(testId).style.display = "none";swap = false;}else{var toolbars = editor.toolbox.toolbars;console.log(toolbars);var testId = toolbars[1].id;document.getElementById(testId).style.display = "inline-block";swap = true;}    }})();

ckeditor动态显示隐藏工具栏指定的按钮相关推荐

echarts工具栏增加自定义按钮显示隐藏其他按钮(更多操作)
项目中遇到一个需求,要求再echarts toolbox工具栏增加自定义按钮来隐藏显示其他按钮,因为此部分资料较少,耗了不少时间,这里分享给大家. 效果图: 其实关键的就是改变按钮属性后要重新渲染一次 ...
VC 显示隐藏工具栏状态栏
显示或者隐藏工具栏和状态栏这里讨论显示或者隐藏工具栏.状态栏的操作,以及工具栏.状态栏被显示/隐藏时,相关的两个菜单项ID_VIEW_STATUS_BAR.ID_VIEW_TOOLBAR的状态更新. ...
android系统定制开发动态显示隐藏虚拟按键虚拟导航Navigationbar
新需求:删除Android 原生自带的虚拟导航按键(暂定) 如想直接删除不显示Navigationbar,可以用如下两个方法 1)在资源xml文件中把导航按键的高度和宽度设置为0 frameworks ...
添加工具栏的图标按钮
有三种方法可以添加工具栏的图标按钮: 第一种:创建CImageList对象,然后往里面加图标,调用SetImageList方法添加图标,具体步骤如下: m_ImageList.Create(32,32 ...
编辑ueditor的样式（ueditor隐藏工具栏）
1.下载并引入框架 <script type="text/javascript" src="__STATIC__/lib/ueditor/1.4.3/ueditor ...
android layout 工具栏,android - 滚动时CollapsingToolbarLayout并隐藏工具栏 - SO中文参考 - www.soinside.com...
我正在尝试使用CoordinatorLayout和CollapsingToolbarLayout创建一些组合布局. 在第一个状态,当我们在最顶层的页面上,并且还没有滚动时,我希望工具栏如下所示(是的, ...
视频全屏非全屏切换，状态栏动态显示隐藏兼容性解决
列表中视频全屏/非全屏切换时,需要动态显示/隐藏状态栏 View类提供了setSystemUiVisibility和getSystemUiVisibility方法,这两个方法实现对状态栏的动态显示或隐 ...
【杂七杂八】Dreamweaver在Surface高分辨率下工具栏字体和按钮太小的解决办法
老板换了新的Surface,让博主装一个Dreamweaver,装好以后打开发现字体小到眯着眼睛都看不清,百度了一下是因为Surface分辨率较高导致的,不只是Dreamweaver,很多软件装到Su ...
高稳定性、低延时、支持多路的实时流媒体播放器之EasyPlayer.js在直播时隐藏倍速播放按钮操作方法
EasyPlayer-Android播放器是一款可针对RTSP.RTMP.RTSP&RTMP协议进行过优化的流媒体播放器,其中我们引以为傲的两个技术优势就是起播速度快和播放延迟低.最近我们遇到 ...

ckeditor动态显示隐藏工具栏指定的按钮

思路：ckeditor添加一个自定义按钮，里面方法实现display：none样式隐藏，这样就可以不用再次加载ckeditor啦

1.首先

ckeditor动态显示隐藏工具栏指定的按钮相关推荐

最新文章

热门文章