ckeditor4.x 自定义插件的按钮显示文字

最新推荐文章于 2022-09-02 18:09:43 发布
最新推荐文章于 2022-09-02 18:09:43 发布
阅读量2.2k 收藏
点赞数
分类专栏： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011687117/article/details/25216447
版权

CKEDITOR自定义插件按钮是一个图标，但是由于图标无法明确的描述功能，所以希望在工具栏那里显示的是文字，可以通过在CKEDITOR页面增加CSS来完成


.cke_button__pluginName.cke_button_icon { display : none !important; }
.cke_button__pluginName.cke_button_label { display : inline !important; }


pluginName是插件的名字，全部小写

哒哒哒打代码
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
CKEditor4.3.4增加插入高亮代码插件_整合版
04-02
CKEditor4.3.4增加插入高亮代码插件_整合版
ckeditor_4.x自定义按钮控件详细配置
11-30
ckeditor_4.x 基于4.x版的自定义按钮控件 可自定义图片按钮、文本按钮 - 详细配置
富文本编辑器CKEditor4添加自定义插件(实现多图上传)
qq_33317437的博客
03-02 2513
ckeditor的扩展功能，因项目需要添加一个多图上传功能 1、ckeditor/plugins/下新建一个uploadImg的目录，并且在里面创建一个plugin.js，把插件的图标放在icons文件夹里(必须命名为icons) 2、注册插件，plugin.js代码如下 var httpUrl = 'XXXXX'; // 图片上传路径 CKEDITOR.plugins.add( 'uploadImg', { // 注册名为uploadImg的插件 icons: 'uploadImg',
CKEditor4添加自定义按钮，创建自定义插件
猪肉大葱水饺
09-02 1629
这里会提到两种添加自定义按钮的方式，都是基于创建插件添加的。
给ckeditor编辑器添加自定义按钮
java_caixs的专栏
12-20 933
1、首先下载并安装ckeditor。 2、自定义工具栏按钮: 我们可以自定义ckeditor工具栏要显示的按钮，工具栏按钮定义可以参考这里。 现在我们需要向工具栏添加一个自定义功能的按钮。ckeditor工具栏中的每个按钮都是作为插件定义在ckeditor\plugins\ 目录中。我们在ckeditor\plugins\中创建一个新文件夹linkbutton。在linkbutt...
在CKEditor中创建自己的命令按钮
寒冰屋的专栏
08-26 1266
目录 介绍 背景 示例项目 做好准备 添加按钮 添加命令 获取突出显示的文本 替换突出显示的文 查看结果 兴趣点 下载演示 - 8.2 MB 介绍 CKEditor是大多数开发人员非常流行的文本编辑器。它提供了许多方法来配置和自定义，以便为您的应用程序中提供最适合的编辑器。我们经常做的是选择最佳版本的CKEditor，然后通过修改config.js文件或使用Online T...
css按钮编辑器,CKEditor插件开发(自定义按钮)
weixin_42213784的博客
08-03 367
// 压缩图片的方法function $imgCompressor(file,maxLength,quality){if(!file || typeof file != 'object' || !file.type || file.type.indexOf('image')<0) {return new Promise((resolve,reject)=>{resolve(new Er...
vue2使用ckeditor4富文本，超详细，超多插件！
qq_35031494的博客
07-05 2346
vue2使用ckeditor4富文本，超详细，超多插件！
手把手教你 CKEDITOR 4 扩展插件制作
10-16
在完成了插件的编写后，我们需要在`config.js`中配置CKEditor以加载并显示自定义插件。通过设置`config.extraPlugins`为`"myplug"`，我们可以注册`myplug`插件。然后，我们需要更新`config.toolbar`，将自定义插件...
ckeditor4音频视频上传自定义插件
04-14
1. **CKEditor 4 API**：首先，我们需要熟悉CKEditor 4的API，这是创建自定义插件的基础。API提供了各种方法和事件，如`CKEDITOR.instances`用于访问已创建的实例，`CKEDITOR.plugins.add`用于注册新插件，以及`...
ckeditor4.2 自定义按钮和下拉框实现
07-31
基于ckeditor4.2的插件扩展包括自定义按钮、下拉框。
CKEditor自定义按钮插入服务端图片
01-21
本节只讲在CKEditor实现服务器图片的插入插件实现方法。 CKEditor版本是 ## CKEditor 4.4.4 第一、定义插件 1.在ckeditor\plugins文件夹下,新建serverimg文件夹， 2.在serverimg下新建plugin.js 文件， CKEDITOR....
CKEditor添加自定义按钮
热门推荐
简单而思进取
03-13 1万+
1、下载ckeditor,我这里下载的是CKEditor 3.6.2。 2、里边有压缩过的代码及源码，源码所在目录为_source，还有一些使用例子，具体不做累述 此处主要讲的是在使用过程需要添加自定义按钮。 2. 比如我要添加“插入代码”的按钮，起名为code。在ckeditor/plugins下新建文件夹code，在code文件夹里加入一个小图片如code.gif，然后在code文件
ckeditor学习笔记4——解决自定义按钮文本问题
ilemon
08-09 1388
ckeditor自带的插件比如说”源码“之类的，按钮上不仅仅有图片，还有text显示。 其实很简单，关键代码如下： <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+
CKEditor 自定义 ToolBar 按钮
jackiehome的专栏
05-20 1万+
CKEditor是个强大的编辑器，在很多项目中都是用这个编辑器让user编辑页面。因为接口十分类似Word，所以一般人都能轻易上手。只是最好还是要有Html的底子，不然有时候要排版也是会有困难。    网络上已经有不少人实做出来，只是我这人很爱自己做轮子，想说趁这个机会学起来，以后如果真的要客制化功能，也许用的到!基本的CKeditor的安装跟使用还有跟CKFinder整合我就不多说啦。直接进
织梦ckeditor编辑器添加自定义按钮实现自定义样式
zhang01457的博客
04-23 967
1、首先打开/include/ckeditor注：这里为本站目录。 2、打开ckeditor文件夹下的ckeditor.js文件，查找代码： n('Bold',p.bold,'bold',o.coreStyles_bold); 在其后添加代码： n('Custom',p.custom,'custom',o.coreStyles_custom); 注：这里的Custom为自定义，但...
CKEditor (Toolbar Definition)工具栏自定义配置
java
04-07 1486
CKEditor中的工具栏默认显示所有功能按钮。出于安全的原因、或者是简化的原因，需要对这个工具栏进行自定义设置。CKEditor工具栏自定义配置非常简单。 　　编辑ckeditor目录下的的config.js文件，默认的是下面的工具栏代码， 注意工具按钮是分组的，一个name内的大括号就是一个工具按钮分组，items后边是具体的按钮，“/”表示工具栏换行，“-”表示工具图标之间的中隔线“|”
高端商务活动策划商业计划书PPT模板
最新发布
07-12
【作品名称】：高端商务活动策划商业计划书PPT模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
ckeditor自定义插件
07-28
CKEditor是一个功能强大的富文本编辑器，可以通过自定义插件来扩展其功能。引用\[1\]和引用\[2\]提供了两个创建自定义插件的示例代码。 在引用\[1\]的示例中，插件名为"templecustomize"，它创建了一个下拉菜单形式的插件。下拉菜单中包含了一些模板选项，当用户选择一个模板时，插件会将相应的HTML代码插入到编辑器中。 在引用\[2\]的示例中，插件名为"horizontaldashed"，它创建了一个按钮形式的插件。当用户点击该按钮时，插件会向编辑器中插入一个水平虚线。 要创建自定义插件，你需要在CKEditor的插件目录中创建一个新的插件文件夹，并在其中编写插件代码。插件代码需要使用CKEditor提供的API来定义插件的行为和功能。 另外，如果你想为自定义插件添加图标，可以在editor.css文件中使用CSS样式来设置插件的图标，如引用\[3\]所示。 总结起来，你可以根据需求使用CKEditor的API来创建自定义插件，并在插件中定义所需的功能和行为。 #### 引用[.reference_title] - *1* *2* [CKEditor4添加自定义按钮，创建自定义插件](https://blog.csdn.net/u013032599/article/details/126667899)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [CKEditor 添加自定义插件](https://blog.csdn.net/aaa333qwe/article/details/72676070)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值