ECSHOP系統(tǒng)自帶的編輯器大家用過(guò)都知道,難用不說(shuō),還不能批量上傳圖片。很多朋友都喜歡百度編輯器,因?yàn)榘俣染庉嬈鞴δ軓?qiáng)大,使用方便,而且不會(huì)生成太多多余代碼。
網(wǎng)上有許多ECSHOP整合百度編輯器的教程,但大多都有一些問(wèn)題。
ECSHOP素材無(wú)憂提供一個(gè)比較完整的教程。
先看效果圖:
教程開(kāi)始:
步:
先到百度編輯器官網(wǎng)下載很新版,將文件夾改名為"ueditor",上傳到 /includes/ 目錄下
(也可以在本教程底部下載制作好的ueditor1.4.3版)
第二步:
打開(kāi)這兩個(gè)文件,一個(gè)是商品編輯,一個(gè)是文章編輯
/admin/templates/goods_info.htm
/admin/templates/article_info.htm
查找:
1 {$FCKeditor}
修改成:
??????????????
兩個(gè)文件都這樣修改。
注意這行代碼:
width和height分別是指編輯器的大小,但是IE內(nèi)核的瀏覽器,有可能不支持寫成px,所以編輯器的大小可能有些不 ,這是跟CSS有關(guān),這個(gè)可以自行解決。
這個(gè)時(shí)候,其實(shí)ECSHOP后臺(tái)編輯器其實(shí)已經(jīng)可以正常使用了,只是進(jìn)入商品列表、分類等等,會(huì)報(bào)錯(cuò)的,提示缺少Ajax:
下面接著提供解決方法
第三步:解決后臺(tái)js沖突
打開(kāi) /admin/templates/pageheader.htm
在頭部找到:
{insert_scripts files="../js/transport.js,common.js,../js/utils.js"}
修改為:
{insert_scripts files="../js/utils.js"}
這樣就可以了。
注意,不要忘記了引用的JQ文件。。