|
ECSHOP自帶的編輯器，相信很多朋友都忍無可忍了，小編今天整合了百度編輯器，當(dāng)然，也為大家提供了教程，因?yàn)樾【幇l(fā)現(xiàn)網(wǎng)上找到的教程，都是不完善的，有的問題非常多，一般存在以下問題：
后臺(tái)添加商品和編輯商品里面關(guān)聯(lián)商品、配件、關(guān)聯(lián)文章不能正常使用的問題。
后臺(tái)商品批量導(dǎo)出不能正常使用的問題。
后臺(tái)添加虛擬商品和編輯虛擬商品里面關(guān)聯(lián)商品、配件、關(guān)聯(lián)文章不能正常使用的問題。
后臺(tái)專題管理里面專題商品不能正常使用的問題。
后臺(tái)添加超值禮包和編輯超值禮包里面的可選商品不能正常使用的問題。
后臺(tái)添加文章和編輯文章里面關(guān)聯(lián)商品不能正常使用的問題。
ie8下插入多張遠(yuǎn)程圖片之后,dialog假死。
求人不如求已，所以還是自己來吧。
大伙先欣賞一下最終的效果吧，是完美整合的呢！
ECSHOP完美整合百度編輯器 下面開始咯。
第一步：先下載百度編輯器，上傳至根目錄/includes/下，注意，文件夾名稱記得修改為ueditor，因?yàn)楸窘坛桃韵掠玫降穆窂蕉际沁@個(gè)，如果文件夾名稱不對，則路徑不對了。
第二步：修改后臺(tái)文件，生成編輯器。筆者教程修改的是admin/templates下的goods_info.htm和article_info.htm，而有部分朋友會(huì)修改admin/includes/lib_main.php這個(gè)文件，其實(shí)道理是一樣的哦。
生成編輯器的方法如下：
打開goods_info.htm，搜索{$FCKeditor} 將內(nèi)容替換成：
<script type="text/javascript" charset="utf-8" src="../includes/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../includes/ueditor/ueditor.all.min.js"> </script>
<!--建議手動(dòng)加在語言，避免在ie下有時(shí)因?yàn)榧虞d語言失敗導(dǎo)致編輯器加載失敗-->
<!--這里加載的語言文件會(huì)覆蓋你在配置項(xiàng)目里添加的語言類型，比如你在配置項(xiàng)目里配置的是英文，這里加載的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="../includes/ueditor/lang/zh-cn/zh-cn.js"></script>
<style type="text/css">
.clear {
clear: both;
}
</style>
<textarea id="goods_desc" name="goods_desc" style="width:100%;height:500px;"> {$goods.goods_desc}</textarea>
<script type="text/javascript">
delete(Object.prototype.toJSONString);
UE.getEditor('goods_desc')
</script>
替換代碼后 article_info.htm文件也是同樣的方法，將{$FCKeditor}替換掉。
article_info.htm文件也是同樣的方法，將{$FCKeditor}替換掉。 除了上面的方法外，也可以直接修改PHP文件，即{$FCKeditor}調(diào)用的內(nèi)容。
方法是修改admin/includes/lib_main.php
查找并替換掉下面內(nèi)容：
/**
* 生成編輯器
* @param string input_name 輸入框名稱
* @param string input_value 輸入框值
*/
function create_html_editor($input_name, $input_value = '')
{
global $smarty;
$editor = new FCKeditor($input_name);
$editor->BasePath = '../includes/fckeditor/';
$editor->ToolbarSet = 'Normal';
$editor->Width = '100%';
$editor->Height = '320';
$editor->Value = $input_value;
$FCKeditor = $editor->CreateHtml();
$smarty->assign('FCKeditor', $FCKeditor);
}
注意：
留意一下，<textarea id="goods_desc" name="goods_desc" style="width:100%;height:500px;"> {$goods.goods_desc}</textarea>這段中，width和height分別是指編輯器的大小，但是IE內(nèi)核的瀏覽器，不支持寫成px，這是跟CSS有關(guān)，由于小編是用谷歌瀏覽器的，所以這個(gè)小毛病，也沒時(shí)間去研究了，如果你有需要的，需要你自己自行稍微研究一下哦。
第三步：解決后臺(tái)js沖突
其實(shí)這時(shí)候編輯器也是可以用的，但是如果進(jìn)入商品列表、分類等等，會(huì)報(bào)錯(cuò)的，提示缺少Ajax，下面提供解決方法辦法
Ajax object doesn't exists. 方法：修改admin/templates/pageheader.htm，調(diào)用js，解決js沖突問題。
在頭部找到{insert_scripts files="../js/transport.js,common.js,../js/utils.js"} ，將其替換為：
<script type="text/javascript" src="../includes/ueditor/fix_jquery/jquery.min.js" rel="stylesheet" /></script>
<script type="text/javascript" src="../includes/ueditor/fix_jquery/jquery.json-1.3.js" rel="stylesheet" /></script>
<script type="text/javascript" src="js/common.js" rel="stylesheet" /></script>
<script type="text/javascript" src="../includes/ueditor/fix_jquery/transport_json.js" rel="stylesheet" /></script>
{insert_scripts files="../js/utils.js"}
解決后臺(tái)js沖突，Ajax object doesn't exists. JQ文件網(wǎng)上可以下載到，也可以通過來小編這兒下載。
點(diǎn)擊這里，ECSHOP百度編輯器插件，直接上傳文件至根目錄就OK了。
提取碼 c6a5
PS：不管用什么服務(wù)器，注意文件夾的權(quán)限哦，例如linux就需要777權(quán)限咯，不然圖片是上傳不了的，而且不停報(bào)錯(cuò)。
|
