`

CKEditor中显示自定义按钮后的文字

 
阅读更多

在对应skin的editor.css下增加如下两行:

 

// 同时显示按钮图标和label文字
.cke_skin_kama .cke_button .cke_button_xxx .cke_icon{display:inline !important;}
.cke_skin_kama .cke_button .cke_button_xxx .cke_label{display:inline !important;}

 

// 其中.cke_skin_kama 是针对此skin而加,其他类推。“xxx”为自定义plugin中的button的command名

分享到:
评论

相关推荐

    ckeditor4 自定义组件之文字格式组件,类加粗,类下划线(vue项目).pdf

    在本文中,我们将探讨如何在Vue项目中为CKEditor4创建自定义组件,特别是实现文字格式功能,包括类加粗、类下划线以及不同样式的下划线。CKEditor4是一个强大的富文本编辑器,它允许开发者通过自定义插件来扩展其...

    Ckeditor自定义插件

    在本场景中,我们探讨的是如何为CKEditor自定义插件,以便实现特定功能:当用户选择一段文字后,点击自定义按钮,这段文字后面会添加一个图标,该图标作为超链接指向特定地址,并且选中的文字作为超链接的参数。...

    ckeditor 4.1 两端对齐按钮支持中文两端对齐补丁

    在这款编辑器的早期版本4.1中,存在一个关于中文文字排版的问题,即默认配置下,两端对齐(Full Justify)按钮可能无法正确地对中文文本进行两端对齐显示。这个问题主要源于CSS样式处理上的不足,特别是针对汉字的...

    CKEditor可视化在线文字编辑器

    CKEditor是一款广泛应用于网站开发中的专业级可视化在线文字编辑器,它为用户提供了一种与Microsoft Word类似的界面,使得非程序员也能轻松编辑网页内容。这款编辑器以其强大的功能、易用性和高度可定制性赢得了广大...

    适用于帝国后台的ckeditor的行间距行高lineheight插件

    3. 将解压后的文件上传至帝国CMS系统中的CKEditor插件目录,一般为`/static/ckeditor/plugins/`目录下。 4. 登录帝国后台,进入CKEditor的配置界面,添加lineheight插件到已启用插件列表中,这通常需要编辑`config....

    CKEditor 4.10.1 中文版.zip

    CKEditor是新一代的FCKeditor,是一个重新开发的版本,CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。CKEditor 4.10.1 中文版 更新日志:2018-11-01已修复问题...

    ckeditor 自动排版插件

    5. **创建按钮**:为了在编辑器界面上显示自动排版功能,你还需要在CKEditor的工具栏配置中添加一个新的按钮。这通常涉及修改`config.js`文件中的`CKEDITOR.config.toolbar`数组,添加一个代表自动排版的新项。例如...

    ckeditor简单实例

    在这个例子中,我们自定义了工具栏只显示粗体、斜体、编号列表、无序列表、链接和图片按钮,并允许所有HTML标签的输入。 总结来说,“ckeditor简单实例”是一个展示如何在网页中集成CKEditor并进行基本使用的教程。...

    ckeditor例子

    作为一款强大的JavaScript库,CKEditor允许开发者轻松地集成到网站中,为用户提供类似于桌面文字处理软件的编辑功能。在这个"ckeditor例子"中,我们将探讨它如何实现文字输入、对齐格式以及文字大小选择等核心功能。...

    ckeditor实例

    它提供了一个可视化的界面,用户可以通过工具栏上的按钮进行文字样式调整、插入图片、创建超链接等操作。 ### 2. 集成CKEditor 集成CKEditor通常涉及到以下步骤: - 下载:首先从CKEditor官方网站下载合适的版本...

    ckeditor行间距插件

    1. **CKEditor插件开发**:CKEditor支持自定义插件,开发者可以利用其提供的API来扩展编辑器的功能。在这个插件中,开发者可能定义了一个新的命令,用于改变选中文本的行间距。 2. **用户界面**:在编辑器的工具栏...

    ckeditor sdk

    1. **下载与安装**:从官方网站下载ckeditor SDK,解压后得到源码,将其引入到项目中。 2. **基本配置**:通过修改配置文件(config.js)设置编辑器的初始状态,如工具栏布局、语言等。 3. **快速启动**:使用简单的...

    ckeditor_4.4.7_full

    - **API接口**:开发者可以通过CKEditor 的API来定制编辑器的行为,比如监听事件、添加自定义按钮等。 3. **安装与使用**: 解压"ckeditor_4.4.7_full"压缩包后,通常会包含一个`ckeditor`文件夹,里面含有所有...

    CKEDITOR文字输入工具

    8. **可定制化**:开发者可以根据项目需求调整编辑器的外观和功能,例如改变按钮布局、添加自定义工具栏按钮等。 9. **跨平台兼容**:无论是在Windows、Mac还是Linux系统上,或者在Chrome、Firefox、Safari、Edge等...

    DemoButtonCKEditor.zip

    在“DemoButtonCKEditor”这个示例中,我们可以预期它包含了一个完整的HTML文件,展示了一个带有自定义按钮的CKEditor实例,以及相应的JavaScript代码,用于创建和绑定按钮行为。通过查看和学习这个示例,开发者可以...

    ckeditor full

    - **所见即所得**:CKEditor允许用户在编辑过程中实时预览最终的显示效果。 - **可定制性**:开发者可以根据需求选择开启或关闭某些功能,如表格、图片处理、视频嵌入等。 - **多语言支持**:压缩包中的语言包...

    ckEditor配置demo

    你还可以配置CKEditor的其他高级特性,如工具栏按钮的显示、允许的HTML标签、以及自定义的样式集。例如,你可以通过`config.toolbarGroups`来调整工具栏布局,通过`config.allowedContent`来控制用户可以插入的HTML...

    jsp项目中使用了ckfinder+ckeditor

    为了提高用户体验,开发者还可能需要对CKFinder和CKEditor进行定制,比如自定义按钮、调整界面风格,或者增加额外的功能插件。 总的来说,通过使用CKFinder和CKEditor,JSP项目能够提供一个功能强大的内容编辑环境...

    CKeditor4压缩包

    2. **高度可定制**:CKeditor4支持自定义工具栏,可以根据项目需求选择需要的功能按钮,同时可以调整样式、布局以及颜色方案,以适应不同网站或应用的风格。 3. **多媒体支持**:内建了图片、视频和音频的上传与...

    ckeditor3.2编译器

    **ckeditor3.2编译器** 是一款强大的富文本编辑器,主要用于在网页上实现类似Microsoft Word的文字编辑体验。这款编辑器广泛应用于网站内容管理、论坛、博客等场景,为用户提供了一个直观、功能丰富的文本输入界面。...

Global site tag (gtag.js) - Google Analytics