最近项目中要用到文本编辑器,经比较,决定使用FCKeditor和kindeditor,下面是总结的FCKeditor的详细配置步骤,PHP环境.希望第一次使用此编辑器的朋友得到全面完整的参考:
一. 将fckeditor文件夹复制到网站后台目录(如administrator)中.
二. 在PHP页面表单中需添加文本域的位置插入: <?php include('fckeditor/fckeditor.php'); $oFCKeditor = new FCKeditor('articleContent') ; //配置文本框的name属性 $oFCKeditor->BasePath = 'fckeditor/'; //将fckeditor文件夹的路径放在这里,注意,后边一定要加一个"/". $oFCKeditor->Value = ''; //配置多行文本框里边的内容 $oFCKeditor->Height = '300px'; //设置高 $oFCKeditor->Width = '90%'; //设置宽 px % 都可以 $oFCKeditor->Create(); ?> 三. 配置上传图片的保存目录: 打开fckeditor\editor\filemanager\connectors\php\config.php 第30行: $Config['Enabled'] = true ; //此处由false改为true 开启上传功能 第33行: $Config['UserFilesPath'] = '/upload/' ; //图片上传到网站根目录下的upload文件夹内(如本地测试,则需在upload目录前加项目名称,如 '/simsite/upload/') 四. 上传文件重命名: 打开fckeditor\editor\filemanager\connectors\php\commands.php 第190行 $sExtension = strtolower( $sExtension ) ; 在其后添加: $sFileName = time().".".$sExtension; //重命名文件 五. 限制上传图片字节大小 打开fckeditor\editor\filemanager\connectors\php\config.php 第132行 $Config['DeniedExtensions']['Image'] = array() ; 在其后添加: $Config['MaxImageSize'] = '500'; //设置允许上传的图片大小在500k以内 打开fckeditor\editor\filemanager\connectors\php\commands.php 第291行,在其上添加如下语句: if ( isset( $Config['MaxImageSize'] ) ) { $iFileSize = round( $oFile['size'] / 1024 ); if($iFileSize > $Config['MaxImageSize'] ) { $sErrorNumber = '204' ; } } 打开fckeditor/editor/dialog/fck_p_w_picpath/fck_p_w_picpath.js 第454行 在switch ( errorNumber ) 结构中添加错误提示信息: case 204 : alert( "请上传500K以内的图片!" ) ; break ; 六. 上传图片提示信息汉化 打开fckeditor/editor/dialog/fck_p_w_picpath/fck_p_w_picpath.js 第454行 将switch ( errorNumber ) 结构中错误提示信息修改为: switch ( errorNumber ) { case 0 : // No errors alert( '图片上传成功!' ) ; break ; case 1 : // Custom error alert( customMsg ) ; return ; case 101 : // Custom warning alert( customMsg ) ; break ; case 204 : alert( '请上传500K以内的图片!' ) ; break ; case 201 : alert( '已存在同名文件.刚才上传的文件已自动重命名为: "' + fileName + '"' ) ; break ; case 202 : alert( '不支持此文件格式!' ) ; return ; case 203 : alert( '您可能没有足够的权限上传文件,请检查服务器设置!' ) ; return ; case 500 : alert( '连接被禁用!' ) ; break ; default : alert( '文件上传失败.错误号: ' + errorNumber ) ; return ; } 第499行，用“请选择要上传的文件”替换“Please select a file to upload” 七. 上传flash提示信息汉化(步骤同上传图片信息汉化) 八. 添加中文字体与字号设置 打开fckconfig.js 中找到157行: FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; FCKConfig.FontSizes = 'smaller;larger;xx-small;x-small;small;medium;large;x-large;xx-large' ; 将其注释掉并添加如下代码: // 中文字体: FCKConfig.FontNames = '宋体;新宋体;黑体;微软雅黑;隶书;幼圆;楷体_GB2312;仿宋_GB2312;方正舒体;方正姚体;华文隶书;华文新魏;华文行楷;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; (字号选择下面一种方式即可) // 按文字像素大小选择: FCKConfig.FontSizes = '9px;10px;12px;14px;16px;18px;20px;22px;24px;36px' ; // 按中文字号选择(根据像素单位换算): FCKConfig.FontSizes = '56px/初号;48px/小初;34px/一号;32px/小一;29px/二号;24px/小二;21px/三号;20px/小三;18px/四号;16px/小四;14px/五号;12px/小五;10px/六号;8px/小六' ; // 按中文字号选择(根据磅单位换算): FCKConfig.FontSizes = '42pt/初号;36pt/小初;26pt/一号;24pt/小一;22pt/二号;18pt/小二;16pt/三号;15pt/小三;14pt/四号;12pt/小四;10.5pt/五号;9pt/小五;7.5pt/六号;6.5pt/小六' ; 打开editor/css/fck_editorarea.css第43行 FCKConfig.FontNames = '宋体;新宋体;黑体;微软雅黑;隶书;幼圆;楷体_GB2312;仿宋_GB2312;方正舒体;方正姚体;华文隶书;华文新魏;华文行楷;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;