目前项目正好需要用到编辑器,就从FCK2.6升级到了CK3.3
我用的是PHP配置的方法,也可以用JAVASCRIPT的方式。
废话少说,上代码
首先去官网上下载 CKEditor 3.3.1, released on 10 June 2010http://ckeditor.com/download
解压缩放到项目根目录的PUBLIC文件夹下面
如我的项目WWW
├─Www
│ ├─Tpl
│ ├─Lang
│ ├─Runtime
│ ├─Conf
│ ├─Lib
│ ├─Common
│ └─Public
│ └─ckeditor
├─ThinkPHP
│ ├─Tpl
│ ├─Lang
│ ├─Mode
│ ├─Lib
│ ├─Common
│ └─Vendor
│ ├─Smarty
│ ├─SmartTemplate
│ ├─PHPUnit
│ ├─EaseTemplate
│ ├─TemplateLite
│ └─ckeditor
精简一下ckeditor目录 ,具体参考 精简ckeditor方法
删除 _samples 和 _source 文件夹以及无用的配置文件,多语言和用不到的功能模块
然后把ckeditor_php5.php拷贝到ThinkPHP\Vendor\ckeditor目录下面,因为我的是PHP5所以就直接调用这个文件了
她应该是调用ckeditor.php然后判断一下版本,然后自动调用。偷懒下下
接下来修改ckeditor_php5.php
大概38行位置 public $basePath 改成 public $basePath='/public/ckeditor/'; //确认ckeditor文件夹已经创建
配置就完了,似乎比原来的省事多了
在项目中调用的方法
- vendor("ckeditor.ckeditor_php5");//包含CKeditor类库,TP引入第三方类库的系统方法,其路径是相对于vendor目录来说的。
- $CKEditor= new CKEditor(); //实例化FCKeditor对象
- $CKEditor->config['height'] = 300;
- $CKEditor->config['width'] = 870;
- $CKEditor->config['uiColor'] = '#f6f6f2';//背景颜色
- $CKEditor->config['toolbarLocation'] = 'top';//
- $CKEditor->config['toolbar'] = array(
- array( 'Font','FontSize', 'Bold', 'Italic', 'Underline','TextColor'),
- array( 'JustifyLeft','JustifyCenter','JustifyRight'),
- array( 'Smiley','Image'),
- );
- //$CKEditor->config['toolbar'] ='Full';//可以显示全部功能按钮
- $CKEditor->returnOutput = true; //返回生成的HTMl代码,默认为FALSE,只是输出
- $html=$CKEditor->editor("text", "请输入。。。",$config);//也可以初始化内容
- //$html=$CKEditor->editor();//创建在线编辑器html代码字符串,并赋值给字符串变量$html.
- $this->assign('CKeditor',$html);//将$html的值赋给模板变量$html.在模板里通过{$CKeditor}可以直接引用。
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>fckediter</title>
- </head>
- <body>
- <{$CKeditor}>
- </body>
- </html>