修改config.js文件,删除里面所有内容,加入如下内容
CKEDITOR.editorConfig = function( config )
{
config.toolbar = 'simple';//把默认工具栏改为‘MyToolbar’
config.toolbar_simple =
[
// ['NewPage','Preview'],
// ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Scayt'],
// ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
// ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
['Bold','Italic','Strike'],
['Styles','Format','RemoveFormat'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['Link','Unlink','Anchor'],
// ['Maximize','-','About']
];
config.toolbar_full =
[
['NewPage','Preview'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Styles','Format'],
['Bold','Italic','Strike'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['Link','Unlink','Anchor'],
['Maximize','-','About']
];
config.toolbar_basic =
[
//['NewPage','Preview'],
//['Cut','Copy','Paste','PasteText','PasteFromWord','-','Scayt'],
//['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar',
'PageBreak','-','Link','Unlink',/*'Anchor'*/'-','Bold','Italic','Strike','RemoveFormat'],
'/',
['NumberedList','BulletedList','-','Outdent','Indent','Styles','Format']
];
};
分享到:
相关推荐
在本文中,我们将深入探讨如何在CKEditor 4.2版本中实现自定义按钮和下拉框的功能。CKEditor是一款强大的富文本编辑器,广泛应用于网页内容编辑,它提供了丰富的API和可扩展性,允许开发者根据需求进行定制。 首先...
CKEditor 4.2.2 是 CKEditor 的一个版本,它提供了许多改进和新特性。例如,增强的可访问性支持,更好的性能优化,以及更多的插件和皮肤供用户选择。在4.2.2版本中,用户可以享受到更加流畅的编辑体验,包括更方便的...
根据给定文件的信息,本文将深入探讨如何在 CKEditor 3 中实现自定义控件以及如何集成 CKFinder 1.41。以下内容基于提供的标题、描述、标签及部分内容进行详细解析。 ### CKEditor 3 自定义控件 #### 一、CKEditor...
CKEditor 4.x 自定义按钮控件详细配置 CKEditor 是一个功能强大且广泛使用的富文本编辑器,提供了许多功能强大的插件和配置选项。在 CKEditor 4.x 版本中,我们可以通过自定义按钮控件来扩展编辑器的功能。本文将...
本篇文章将详细阐述如何在CKEditor 4.0中进行自定义标签操作,并提供经过修改的编辑器JAR包供下载。 CKEditor 4.0是一款开源的JavaScript富文本编辑器,它支持多种浏览器环境,提供丰富的功能和高度可定制性。...
本主题聚焦于“ckeditor自定义插件”,这涉及到如何扩展CKEditor的功能,以满足特定项目的需求。下面将详细探讨CKEditor自定义插件的创建、使用以及可能遇到的问题。 首先,CKEditor是一款开源的JavaScript库,提供...
本文将深入探讨如何为CKEditor 4自定义音频和视频上传插件,以满足特定的媒体处理需求。 CKEditor 4音频视频上传插件的开发主要涉及以下几个核心知识点: 1. **CKEditor 4 API**:首先,我们需要熟悉CKEditor 4的...
包括用于设置外部方法以将内容插入编辑器的自定义插件: 插入连结 插入图片 插入片段 < textarea class =" editor " > </ textarea > < script src =" ../build/ckeditor.js " > </ script &...
**ckeditor自定义上传图片** 在使用ckeditor作为富文本编辑器时,经常需要集成图片上传功能。ckeditor是一款强大的在线文本编辑器,它提供了丰富的文本格式化工具,使得在网页上编辑内容变得简单。然而,ckeditor...
在JavaScript中,你可以通过`ClassicEditor.create()`方法来初始化CKEditor 5实例,提供自定义配置: ```javascript ClassicEditor .create( document.querySelector( '#editor' ), { // 在这里添加你的自定义...
4. **config.js**:虽然这个文件通常用于全局配置CKEditor,但在自定义插件时,我们也可能需要在这里添加一些配置选项来控制插件的行为。 根据描述,我们需要实现的功能涉及到以下几个步骤: 1. **监听选区变化**...
用自定义图片上传按钮代替原来的图片上传按钮,实现即时上传插入。覆盖原ckeditor。修改ckeditor.js中imgupload()的上传接口路径。根据接口返回自定义 success: function 中的代码解析出图片路径。
在本文中,我们将探讨如何在Vue项目中为CKEditor4创建自定义组件,特别是实现文字格式功能,包括类加粗、类下划线以及不同样式的下划线。CKEditor4是一个强大的富文本编辑器,它允许开发者通过自定义插件来扩展其...
为了实现这些功能,你需要在CKEditor的配置文件中添加自定义插件,或者扩展现有的`image`或`media`插件。你还需要确保服务器端的接口能够正确处理上传的媒体文件,并返回正确的预览URL。在实际项目中,你可能还需要...
ckeditor5-自定义元素关于这是的插件。 它允许在编辑器中添加自定义元素。 创建的元素的html转换如下所示:<CustomTag>placeholder text安装使用NPM安装: npm install ckeditor5-custom-element 要添加此插件的功能...
本文档将介绍如何在CKEditor中添加自定义按钮,并提供相应的代码示例和配置步骤。 ### CKEditor自定义按钮的配置步骤 #### 1. 准备工作 首先,开发者需要下载CKEditor的最新版本,这通常包括`lang`、`plugins`、`...
配置构建诸如更改工具栏项目,更改图标顺序或自定义插件配置之类的更改应该相对容易地进行。 打开sample/index.html文件并编辑用于初始化CKEditor 5的脚本。保存文件并刷新浏览器。 就这样。 注意:如果您对浏览器...
- **配置自动排版**:通过设置 CKeditor 的配置选项,可以开启或关闭某些排版功能,也可以调整默认的排版规则。 - **自定义事件处理**:你可以监听编辑器内的特定事件,如用户按下某个键或者选择某些操作,然后调用...
CKEditor5-plugins基于ckeditor5的,适用于自定义构建的插件包。要使用此插件包,则不建议直接使用官方的classic、document、inline、balloon等构建,建议自定义构建features 包含功能├── src│ ├── clear-...