品牌空间后台编辑器升级至xhEditor v1.1.14

鉴于品牌空间后台的编辑器功能较差，并且非常不稳定，我们决定把这个编辑器升级！本来是打算使用百度的uEditor来的，只是后来发现品牌空间官方对编辑器做了一些修改，很难融合到其它编辑器中了，所以，只好将该编辑器升级至最新的版本，以提升功能和使用体验。
品牌空间使用的是xhEditor，版本还是1.0的RC版本。目前最新版本为：xhEditor v1.1.14。可以在这个地址下载：
http://xheditor.com/download
下载以后：
1、将src\xheditor-1.1.14-zh-cn.js文件，重命名到：\static\js\editor\xheditor-zh-cn.js；
2、将xheditor_skin目录和xheditor_emot，复制到\static\js\editor\ 目录下；
3、修改\static\js\editor\xheditor-zh-cn.js 文件：
文件头部增加函数：
function switchImgbutton(contid) {
        $("#e_cont").load(admincpfilename+'?action=ajax_editor&cont='+contid);
        $("#e_image_ctrl a").removeClass('current');
        $("#e_btn_"+contid).addClass('current');
}

找到var htmlImg变量声明，修改为：
if(enablealbum == 1) {
        var htmlImg = '<div style="width:550px; opacity:1; padding:5px 0;"><ul id="e_image_ctrl" class="imguptype" style="cursor: move;"><li><a id="e_btn_www" class="current" hidefocus="true" href="javascript:;">网络图片</a></li><li><a id="e_btn_albumlist" hidefocus="true" href="javascript:;" class="">相册图片</a></li><li><a id="e_btn_imgattachlist" hidefocus="true" href="javascript:;" class="">图片列表</a></li><li><a id="e_btn_multi" hidefocus="true" href="javascript:;" class="">批量上传</a></li></ul><div id="e_cont"></div></div>';
} else {
        var htmlImg = '<div style="width:550px; opacity:1; padding:5px 0;"><ul id="e_image_ctrl" class="imguptype" style="cursor: move;"><li><a id="e_btn_www" class="current" hidefocus="true" href="javascript:;">网络图片</a></li></ul><div id="e_cont"></div></div>';
}

在this.showImg=function()函数的末尾增加：
//编辑器上传，品牌空间功能专用图片工具；
$(function() { switchImgbutton('www');});

4、修改E:\source\adminfunc\editor_ajax_img.func.php文件
将其中2部分如下代码：
var msgeditor;
msgeditor=$("#message")[0].editor;
修改为：
var msgeditor;
msgeditor = $("#message").xheditor();
//新版本的xheditor获取方式与之前不同，必须修改，否则无法获取editor。

其实，到现在为止，编辑器已经可以使用了，只是还是之前的一些功能，要想把所有功能开放出来，需要如下操作：
5、修改\source\adminfunc\brandpost.func.php文件
将如下代码：
<textarea cols=\"100\" id=\"{$showarr[name]}\" name=\"{$showarr[name]}\" rows=\"20\" style=\"width:600px;\" class=\"xheditor {tools:'Bold,Italic,Underline,Strikethrough,FontSize,FontColor,BackColor,Separator,Align,List,Separator,Link,Img,About',skin:'default'}\">{$showarr[value]}</textarea>
修改为：
<textarea cols=\"100\" id=\"{$showarr[name]}\" name=\"{$showarr[name]}\" rows=\"20\" style=\"width:800px;\" class=\"xheditor-mfull\">{$showarr[value]}</textarea>

为了方便大家修改，我们把需要替换和修改的文件重新打包，下载地址如下：
http://115.com/file/bed43n50#
[gai001.com]_xhEditor1.1.14_with_brand_files.zip
文章由第一改装网(http://gai001.com) 技术支持团队原创，转载请注明来源。

支持个哇。。 。

不错，支持了。感谢分享。

这个可以有！

不错啊，学习了