文刀三皮的博客-专注运维技术，记录实用的系统维护配置

 

CKEditor 3.0的简单安装配置使用

CKEditor 3.0安装配置，感觉比较简单，但本次没有涉及上传文件的配置，只是简单的配置使用。

下载CKEditor 3.0，地址：http://ckeditor.com/

首先，下载下来解压后，把文件夹ckeditor放到你的站点。

其次，在你的网页里面加入下面脚本：

这里根据你自己的编辑器路径修改，请务必配置正确。

再次，在需要引用CKEditor编辑器的地方加入下面代码：

            </p> <p>                这里是内容</p> <p>                

或者：

      </p> <p>                这里是内容http://www.ff-bb.cn/logs/46479725.html</p> <p>      

    

这样，一个编辑器就基本可以使用了。

--------------------------------------------------

配置属于自己的编辑器，配置Config.js文件（官方给出配置的几种方法，详见参考官方文档）如下：

用记事本打开config.js文件，可看到下面代码：

CKEDITOR.editorConfig = function( config )

{

// Define changes to default configuration here. For example:

config.language = 'en';

config.uiColor = '#F00';

};

我们只需在函数里面加入自己需要配置的选项即可，例如本人配置的：

CKEDITOR.editorConfig = function( config )

{

// Define changes to default configuration here. For example:

// config.language = 'zh-cn'; //配置语言

//config.uiColor = '#FFF'; //背景颜色

//config.width = 500; //宽度

config.height = 500; //高度

//工具栏

config.toolbar =

[

    ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],

    ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],

    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],

    ['Link','Unlink','Anchor'],

    ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],

    '/',

    ['Styles','Format','Font','FontSize'],

    ['TextColor','BGColor'],

    ['Maximize', 'ShowBlocks','-','Source','-','Undo','Redo']

];

};

--------------------------------------------

CKEditor瘦身：如果你觉得整个编辑器太大，你可以删除文件。

例如把_samples、_source、_tests三个文件夹删除，进入lang文件目录，保留en.js、zh.js、zh-cn.js三个文件，其余的语言文件如果你用不到，可以删除。
更详细配置选项，请参考官方文档 http://docs.fckeditor.net/CKEditor_3.x/Developers_Guide

FCKeditor新版发布，并更名为CKeditor

大名鼎鼎的FCKeditor终于在最近发布新版本了，与增加版本号不同，这次完全把它改名了，更名为CKeditor。这 应该是和它的开发公司CKSource的名字有关吧，该公司的另一个产品为CKFinder（一个Ajax文件管理器），这次可能为了保持一致，将FCK 更改为CK，但是版本号继承了下来，为CKeditor3.0版，同时，神飞发现，FCKeditor.net域名也已经转向至ckeditor.com了。据官方的解释，CK是对FCK的代码的完全重写，而且此项工作从2007年就开始了，并在今年初发表了多个测试版。至此，为大家服务长达6年的FCKeditor将被CKeditor替代。

FCKeditor的功能和用途相信大家都比较清楚，很多人都在自己的项目中采用FCK，所以具体的特性这里就不多介绍了，感兴趣的可以去官方了解详细的特性。

CKEditor 3.0的简单安装配置使用

内容fckeditor文本框无法显示

因为FCKLang 未定义　解决方法

打开网站文件　..\fckeditor\editor\lang\zh-cn.js　　
用记事本打开后再点一下文件中的保存按钮后关闭，就搞定了。　
简单有效! 你再打开有fckeditor的页面看看 是不是可以显示了。

后来又发现了一个情况：在IE7下，不出来，但是在Firefox下 IE6能出来，查了一下是因为

 

fckeditor.js里面设置了属性宽为100%，原因是默认的fckeditor 宽度为100%,修改为具体的数字即可.比如600px 或者是 600

然后清空你的work目录（tomcat下）

清空浏览器缓存，ctrl+f5刷新浏览器，再看看