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

说的很明白,可以参考进行相关配置

本文仅作抛砖引玉,与大家分享!

posted @ 2013-08-22 12:36  H&K  阅读(1017)  评论(0编辑  收藏  举报