kindeditor4.0配置手记

说明几个概念: 1、服务器端上传文件，浏览服务器附件功能是服务器脚本的功能，与编辑器没有关系， 因此在服务器脚本editor_server_script可以放在任何WEB可以访问的地方。 要实现上传文件和浏览服务器附件功能首先要告诉脚本附件的文件夹在哪, 配置附件文件夹URL绝对路径是在editor_server_script/path_config.php中完成的。 注: editor_server_script是自己新建的存放上传文件和浏览文件夹的服务器端php文件的文件夹 path_config.php新建的一个文件，其它文件都包含这个文件这样配置一处就可以了 path_config.php <?php //只需要配置存放附件文件夹attached的URL绝对路径,最后必须带/ define("attached_url","/editor/attached/"); //下面不要改动 define("attached_uri",$_SERVER["DOCUMENT_ROOT"].attached_url); ?> 上传文件upload_json.php脚本里面有两个路径要修改一下: $save_path = attached_uri; $save_url = attached_url; 上面列出了所有的路径问题。 2、浏览器端的编辑器的上传文件，浏览服务器附件功能其实就是获取服务器端脚本的返回信息。 因此只要告诉编辑器服务器端脚本文件夹URL绝对路径就可以了，这个可以通过KE的属性指定， 示例如下： serverScriptPath就是服务器端脚本文件夹URL绝对路径，editorPluginsPath是编辑器插件文件夹URL绝对路径 uploadJson : serverScriptPath+'upload_json.php', fileManagerJson : serverScriptPath+'file_manager_json.php', cssPath :editorPluginsPath+'code/prettify.css',//在编辑器中显示代码高亮效果，没有这个编辑时插入的代码没有高亮效果 `emoticonsPath:editorPluginsPath+"/emoticons/images/",//编辑器表情图片路径，可以通过这个指定自己的表情，只要命名符合编辑器规范就可以 ` 具体使用过程： 一、在要显示编辑器的页面引入KE的就是和CSS文件（css是非必须的默认是default）语言zh_CN.js也是非必须的默认是简体中文 <link rel="stylesheet" href="../themes/default/default.css" /> <script charset="utf-8" src="../kindeditor-min.js"></script> <script charset="utf-8" src="../lang/zh_CN.js"></script> <link rel="stylesheet" href="../plugins/code/prettify.css" />//代码高亮CSS <script charset="utf-8" src="../plugins/code/prettify.js"></script>//代码高亮js 二、在显示编辑器的页面配置相关设置，下面是一个完整的示例: <script> KindEditor.ready(function(K) { //全局配置 var serverScriptPath='/editor/php/editor_server_script/';//服务端文件文件夹URL绝对路径,最后要有/ var editorPluginsPath="/editor/plugins/";//编辑器的插件文件夹URL绝对路径,最后要有/ //全局配置结束 var editor1 = K.create('textarea[name="content1"]', {//指定textarea //不要改动 uploadJson : serverScriptPath+'upload_json.php', fileManagerJson : serverScriptPath+'file_manager_json.php', cssPath :editorPluginsPath+'code/prettify.css', emoticonsPath:editorPluginsPath+"/emoticons/images/", //不要改动结束 allowFileManager : true }); //如果需要在页面执行代码高亮，就调用下面的方法 prettyPrint();//执行代码高亮 </script> 页面html： <form name="example" method="post" action="demo.php"> <textarea name="content1" style="width:700px;height:200px;visibility:hidden;"><?php echo htmlspecialchars($htmlData); ?>
三、配置服务器端脚本管理的附件文件夹URL绝对路径，在editor_server_script/path_config.php中配置. 四、代码高亮功能，只要在显示页面引用代码高亮插件css和js 然后在js中调用prettyPrint();//执行代码高亮 ok编辑器可以正常使用了。 写了上面一大堆，需要做的就是配置三个路径： 编辑器页面: var serverScriptPath='/editor/php/editor_server_script/';//服务端文件管理文件夹URL绝对路径,最后要有/ var editorPluginsPath="/editor/plugins/";//编辑器的插件文件夹URL绝对路径,最后要有/ 服务器端脚本: define("attached_url","/editor/attached/"); 注意： 由于附件使用的都是绝对路径，那么当网站的文件夹结构变化了图片和附件就不能正常显示和下载了，解决办法很简单， 就是在显示文件内容之前，对文章内容进行一次正则表达式替换，把原先的附件文件夹绝对路径替换为现在的附件文件夹绝对路径就可以了。 下面提供一个PHP替换函数 function fixPath($content,$newPath,$oldPath){ $content=str_replace('="'.$oldPath,'="'.$newPath,$content); return $content; } 比如以前网站在的附件文件夹在/file/attached/（数据库存的就是这个路径） 现在网站搬家了，附件文件夹在/upload/ 那么在显示文件页面显示文件内容之前，执行一次替换即可fixPath($content,"/upload/","/file/attached/") 这样附件图片或文件显示就会正常了。