6kzz整合ueditor
用过6kzz免费版的朋友都知道,它的后台编辑器是kindeditor,并且是两三年前的版本,有很多功能都没有,现在的kindeditor也不错,但感觉还是没有百度的ueditor强大(据说微信后台的编辑器也是它,依托竞争对手的产品,微信还需要不断提升实力),于是就把编辑器换位ueditor吧
下载下来ueditor后
就要进行配置了
本文就6kzz后台做实例,一般的比这个还要简单
1.仿照kindeditor,将ueditor拷贝到
目录的inc/下
2.找到调用编辑气的页面,在6k中是到admin/admin.php里
在引入编辑器文件的位置引入ueditor的文件和对其初始化
同时将引入原来编辑器的js文件删除或者注释掉
<!-- <script type="text/javascript" src="../inc/kindeditor/kindeditor.js"></script> --> <script type="text/javascript" src="../inc/ueditor/ueditor.config.js"></script> <script type="text/javascript" src="../inc/ueditor/ueditor.all.js"></script>
然后初始化
<script type="text/javascript"> //var editor = new UE.ui.Editor(); //editor.render("myEditor"); //1.2.4以后可以使用一下代码实例化编辑器 UE.getEditor('myEditor') </script>
如果是文件编辑或者修改
那么在admin.php里会根据判断引入文章编辑article.php文件(6k自己的事,与配置编辑器无关)
在article.php里在文章内容处加载编辑器界面
<textarea name="content" id="myEditor" style="width: 800px; height: 400px;">{$row['content']}</textarea>
千万注意 此处id的值要与上文中编辑器初始化里
UE.getEditor('myEditor')
的值一致,否者不起作用
自此以成功引入编辑器
但用编辑器编辑的内容在读取时是不是自己想要的展示效果呢,显然不是
在ueditor下
有
在展示(文件读取页面)还需进行配置
在模板文件夹下模板文件比如
View.htm里加入
<script src="./inc/ueditor/ueditor.parse.js" type="text/javascript"></script> <script> uParse('.viewcontent',{ 'highlightJsUrl':'./inc/ueditor/third-party/SyntaxHighlighter/shCore.js', 'highlightCssUrl':'./inc/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css' }) </script>
注意文件路径
是view.php引入view.htm进行展示的,要以view.php的路劲为基准引入js文件
还得注意
<div class="viewcontent">{$row['content']}</div>
要展示的内容,的class名要与uParse()里的参数一致,否者也不会解析。
到此,基本的配置基本结束
下一步要配置的就是图片上传路径与在线图片管理了。
上传图片路劲配置
在ue下的php文件夹下的imageUp.php里
//上传配置
$config = array( "savePath" => ($path == "1" ? "../../../uploadfile/attachment" : "upload1/"), "maxSize" => 1000, //单位KB "allowFiles" => array(".gif", ".png", ".jpg", ".jpeg", ".bmp") );
在savePath里,如果上传到upload(后台上传进行)
把路劲改为
"../../../uploadfile/attachment"
上传图片时,图片就会存储到
Uploadfile/attachment/年月日/
在线图片的管理
有时(在我们没有配置该项时)我们明明上传了图片,但点击在线管理时却是空的
是应为我们少了这项配置
在ue下的php文件夹下的
imageManager.php里
$paths = array('upload/','../../../uploadfile/attachment/');
改成上面的上传路径就Ok了
文件附件等的上传与图片上传的配置类似
其实在ueditor.config.js
说的很明白,可以参考进行相关配置
本文仅作抛砖引玉,与大家分享!