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

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

本文仅作抛砖引玉，与大家分享！

巴特西

6kzz整合ueditor

最新文章

热门文章