`

CKEditor的几种配置方式

阅读更多
CKEditor的只配置文件被命名为“config.js” , 可以在安装目录里面找到。
所有的配置选项你都可以在http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html里面查看
第一种配置方法:
在使用的页面里面配置,比如:
CKEDITOR.replace( 'editor1',
    {
        toolbar : 'Basic',
        uiColor : '#9AB8F3'
    });

第二种方法:
可以直接在配置文件config.js里面配置,这个文件默认就是空的,你如要更改配置,只需要添加配置选项就可以了,例如:
CKEDITOR.editorConfig = function( config )
{
    config.language = 'fr';
    config.uiColor = '#AADC6E';
};

这一种的方法生效范围是全局的,也就是你在你的应用下面创建的说有编辑器都会受主配置文件的影响,而上面一种是只对定义的页面起效,这是两者的区别。
第三种:
使用自定义配置文件,这也是最被推荐的做法,你可以直接复制主配置文件。重命名为:“ckeditor_config.js”,把你需要的配置参数写在这个自定义的配置文件里面,这样你就不会改动原本的文件了,下次升级的时候就可以简单的直接覆盖就可以了,写好自己的配置文件后下面就是使用了:
CKEDITOR.replace( 'editor1',
    {
        customConfig : '/custom/ckeditor_config.js'
    });


好了,下面来说说编辑器的配置加载顺序:
1,首先实例化过后,就会加载所有的默认配置文件
2.检查是否配置customConfig,并加载,如果没有就默认加载config.js配置,
3.是用本省定义出是否有配置项,如果有,加载,并且覆盖前面的相同选项

当我们定义全局配置的时候,为了避免有些特定的页面不加载,怎么办呢?
CKEDITOR.replace( 'editor1',
    {
        customConfig : ''
    });

分享到:
评论
10 楼 edgar615 2010-07-07  
有没有关于toolbar配置的说明
以前使用的时候没有折腾过
9 楼 181054867 2010-05-30  
CKEditor似乎跟FCKEditor有很大不同,我现在在用FCK,那个上传问题,只要找到配置代码所在,改掉上传路径,是没问题的,我就这样做的,把文件提交给服务器CGI上传,解决了
8 楼 httpclient_bd 2010-05-29  
CKEditor把上传文件那部分搞到一个叫CKFinder的东西里去了
7 楼 55757353 2010-05-29  
lucky16 写道
hong879113 写道
CKeditor支持java吗?看doc的时候没发现java那目录啊~~ 我现在还是在用FCKeditor~

兄弟,这个在线编辑器使用JS实现的,关Java什么事啊?

上传文件还是需要jar包的~
6 楼 ifanvip 2010-05-28  
lucky16 写道
hong879113 写道
CKeditor支持java吗?看doc的时候没发现java那目录啊~~ 我现在还是在用FCKeditor~

兄弟,这个在线编辑器使用JS实现的,关Java什么事啊?

估计这兄弟要表达的意思是CKEditor没有像FCKEditor那样加入上传图片那个Java的例子。。
5 楼 sarin 2010-05-28  
http://sarin.iteye.com/blog/599056
http://sarin.iteye.com/blog/599499
4 楼 lucky16 2010-05-28  
hong879113 写道
CKeditor支持java吗?看doc的时候没发现java那目录啊~~ 我现在还是在用FCKeditor~

兄弟,这个在线编辑器使用JS实现的,关Java什么事啊?
3 楼 wmcoo 2010-05-28  
http://blog88888.appspot.com/
看看我的FCK
2 楼 zhao103804 2010-05-28  
我用fck的配置方法去配置ck发文字还可以,但是一上传文件就出问题了,貌似ck不能很好的支持java,以上纯属个人理解
1 楼 hong879113 2010-05-28  
CKeditor支持java吗?看doc的时候没发现java那目录啊~~ 我现在还是在用FCKeditor~

相关推荐

    CKeditor的详细配置文档

    - 工具栏可以被配置为几种预设模式(如`'Basic'`或`'Full'`),也可以自定义。 - 自定义工具栏时,可以通过添加或移除工具栏组中的按钮来调整功能。 6. **示例配置**: ```javascript var editor = CKEDITOR....

    Ext的CKEditor组件

    下面我们将深入探讨CKEditor组件的几个关键特性: 1. **安装与引入**:首先,你需要在项目中引入CKEditor的库文件。这通常涉及到下载CKEditor的JavaScript文件,并将其放在合适的位置,然后在ExtJS应用的配置中引用...

    ckeditor 3.3.1 编辑器使用说明

    这里列出了几种不同的皮肤样式: 1. **Kama** - 比较简约现代的设计风格。 2. **Office2003** - 模仿了微软Office 2003的界面风格。 3. **V2** - 一种较为传统的皮肤设计。 #### 三、添加颜色选择器插件 除了更改...

    ckeditor源码

    CKEditor是一款广泛应用于网页编辑的开源富文本编辑器,它为用户提供了一种在网页上创建、编辑和格式化内容的强大工具。源码分析对于开发者来说是深入理解其工作原理、自定义功能或进行二次开发的重要步骤。下面我们...

    公式编译器整ckeditor_wiris

    集成"ckeditor_wiris"到你的Web应用中,通常需要以下几个步骤: 1. 下载并引入CKEditor和WIRIS的JavaScript库。 2. 在CKEditor的配置文件中注册WIRIS插件。 3. 根据需求调整WIRIS的配置选项,如默认的公式导出格式...

    CKeditor2.4.1

    CKEditor是一款广泛应用于Web开发领域的开源富文本编辑器,它为用户提供了一种在网页上创建、编辑内容的方式,类似于桌面应用程序中的文字处理软件。在ASP.NET框架中,CKEditor是开发者常用的工具,它能轻松集成到...

    asp.net ckeditor 在线编辑器

    ASP.NET CKEditor在线编辑器是一款...总的来说,ASP.NET CKEditor在线编辑器为开发者提供了一种强大的工具,用于在Web应用中创建和编辑富文本内容,通过合理的配置和使用,可以极大地提高用户的编辑体验和开发效率。

    ckeditor图片上传 远程图片下载

    在IT行业中,CKEditor是一款广泛使用的富文本编辑器,它为用户提供了一种便捷的方式来创建和编辑含有各种格式的文本,包括插入图片。CKEditor图片上传和远程图片下载功能是其核心特性之一,允许用户不仅能在本地上传...

    ckeditor 文本编辑 挺详细的

    CKEditor的配置相对简单,只需要几步操作即可在JSP页面上实现。首先,你需要将下载的CKEditor压缩包解压,通常包含一个`ckeditor`目录。然后,在JSP页面中引入CKEditor的JavaScript文件,这通常是在`<head>`标签内...

    ckeditor 和 ckfinder集成,并解决ckeditor和jquery dialog冲突问题

    解决这个问题的方法通常有以下几种: 1. 使用CKEditor的`useCustomDialogs`选项:设置为`true`可以防止CKEditor覆盖其他库的对话框函数。 2. 对jQuery UI Dialog的初始化进行调整,避免使用与CKEditor冲突的CSS类或...

    ckeditor支持flv文件播放

    1. **理解Flash插件结构**:首先,需要了解CKEditor的Flash插件是如何工作的,包括它的配置选项、参数设置以及与Flash Player的交互方式。 2. **扩展Flash插件**:找到Flash插件的源代码,通常位于CKEditor的...

    ckeditor jsp 上传图片例子 免费下载

    CKEditor是一个基于JavaScript的开源富文本编辑器,可以嵌入到网页中,允许用户以WYSIWYG(所见即所得)的方式编辑内容。它提供了多种插件,其中包括图片上传插件,使得用户可以直接在编辑器中上传本地图片并插入到...

    CKEditor二次开发手册

    为了提高加载速度,CKEditor会将这些文件压缩合并到`ckeditor.js`或`ckeditor_basic.js`中,默认情况下即采用这种方式运行编辑器。但在开发过程中,推荐使用`ckedtior_source.js`来进行调试。 #### 三、配置插件 要...

    CKeditor编辑器ASP.net

    集成CKEditor到ASP.NET项目中的步骤通常包括以下几个关键部分: 1. **下载与安装**:首先,你需要从CKEditor的官方网站下载最新版本的编辑器,同时下载适用于ASP.NET的CKFinder,这是一个与CKEditor配套的文件管理...

    ckeditor3.x 支持自定义上传,媒体预览

    CKEditor 3.x 是一款广泛使用的富文本编辑器,它为用户提供了一种在网页上创建、编辑和格式化文本的便捷方式。在这个特定的主题中,我们关注的是CKEditor 3.x如何支持自定义上传和媒体预览功能。这两个特性使得用户...

    ckeditor 文本编辑器与asp.net的结合实例

    CKEditor是一款广泛应用于Web开发的开源富文本编辑器,它为用户提供了一种在网页上创建、编辑和格式化文本的强大工具。与ASP.NET框架结合,CKEditor能够为.NET开发者提供一个用户友好的界面,用于处理网页上的内容...

    CKEditor可视化在线文字编辑器

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

    ckeditor4and5.rar

    CKEditor是一款广泛应用于网页内容编辑的富文本编辑器,它为用户提供了一种便捷的方式来创建和编辑HTML内容。 CKEditor分为两个主要版本:CKEditor 4 和 CKEditor 5,这两个版本各自具有不同的特点和适用场景。 ...

    ckeditor整合webupload插件+后台接口代码

    3. **配置WebUpload**:初始化WebUpload实例,设置上传的URL(即后台接口地址),以及所需的参数和配置,如文件类型限制、文件大小限制等。同时,你需要定义上传前、上传中、上传成功和上传失败的回调函数,以处理...

Global site tag (gtag.js) - Google Analytics