CKeditor与CKfinder的简单配置

你的名字 2022-03-31 03:28 368阅读 0赞

1、关掉PHP的转义字符，不然从文本框控件中得来的内容，全部有转义字符，不能正常显示，所以在取得文本框控件所传递来的数据之时，要使用下面这样的方式：  
 $内容=stripslashes($\_POST\['editor1'\]); 用stripslashes(）;函数，去除掉PHP自动产生的转义符。  
  
 2、HTML页调取  
  
 < s c r i p t t y p e="text/javascript" src="/test/ck/ckeditor/ckeditor . j s " >< / script >  
 < s c r i p t t y p e="text/javascript" src="/test/ck/ckfinder/ckfinder . j s " >< / script >  
  
3、HTML页应用  
  
 < t e x t a r e a i d = " c o n t e n t " c o l s = " 2 0 " r o ws=" 2 " c l a s s ="c ke di to r"> < ? p h p $ 内 容 = $ rs \[ ' c o n t e n t ' \] ? > < / t e x t ar e a >  
//我倒，估计这新浪的编辑器也是修改这个CKeditor来的，因为上面这段直接贴代码，居然直接显示的是控件，不是代码了，没办法，将代码每个字符间，加了些空格。  
  
 4、如果要使用ckfinder上传，则在编写页面之时，加入以下设定：  
  
 config.filebrowserBrowseUrl = '../ckfinder/ckfinder.html';  
config.filebrowserImageBrowseUrl = '../ckfinder/ckfinder.html?type=Images'; config.filebrowserFlashBrowseUrl = '../ckfinder/ckfinder.html?type=Flash';  
config.filebrowserUploadUrl = '../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=File';  
config.filebrowserImageUploadUrl = '../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';  
config.filebrowserFlashUploadUrl = '../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';  
  
5、修改主传的文件与图片的保存文件夹：  
  
 修改ckfinder/config.php文件，$baseUrl = '/test/ck/upload/'; //上传图片的路径 同时，文件里的CheckAuthentication 要改成return true 才行。  
  
 6、文件上传后按当前时间改名，并避开中文文件名会出错的问题  
  
打开：ckfinder\\core\\connector\\php\\php5\\CommandHandler\\FileUpload.php 找到下面这几行： if ($sFileName != $sUnsafeFileName) \{ $iErrorNumber = CKFINDER\_CONNECTOR\_ERROR\_UPLOADED\_INVALID\_NAME\_RENAMED; \}  
  
//添加以下两行，用当前时间命名所上传的文件，并解决中文乱码问题(重命名) $sExtension=CKFinder\_Connector\_Utils\_FileSystem::getExtension($sFileName); $sFileName=date("Ymd")."\_".date("His").".".$sExtension;  
  
（按：其实可以在这里生成一个随机数，用于生成文件的名字。避免有人同时传图片时，图片的名称可能是相同的。）  
  
7、在部署到Web服务器上时，下列文件夹和文件都可以删除： /\_samples ：示例文件夹； /\_source ：未压缩源程序； /lang文件夹下除 zh-cn.js、en.js 以外的文件（也可以根据需要保留其他语言文件）； 根目录下的 changes.html(更新列表)，install.html(安装指向)，license.html(使用许可)； /skins 目录下不需要的皮肤，一般用V2(简单，朴素) ，如果只保留V2则必须在config.js中指定皮肤。  
  
8、CKEditor 增加字体：  
  
 修改ckeditor\\config.js 代码为： CKEDITOR.editorConfig = function( config ) \{config.font\_names = '宋体/宋体;黑体/黑体;仿宋/仿宋\_GB2312;楷体/楷体\_GB2312;隶书/隶书;幼圆/幼圆;'+ config.font\_names ; \};其中，楷体/楷体\_GB2312，表示在ckeditor中的字体显示名称为“楷体”，系统字体名称为“楷体\_GB2312”。  
  
CKEditor 添加自定义字体：  
  
 修改ckeditor\\config.js Config.js代码 config.contentsCss = 'fonts.css'; // 添加新的字体到 CKEditor 的字体列表 config.font\_names = 'fontnametodisplay/yourfontname;' + config.font\_names; 在 fonts.css 中添加@font-face 属性: Fonts.css代码 @font-face \{ font-family: "yourfontname"; src: url( ../fonts/font.eot ); src: local("realfontname"), url("../fonts/font.TTF") format("truetype"); \}