您好,登錄后才能下訂單哦!
ECSHOP安裝百度編輯UEditor的方法?這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容,讓我們一起來看看吧!
ECSHOP系統(tǒng)自帶的編輯器大家用過都知道,難用不說,還不能批量上傳圖片。很多朋友都喜歡百度編輯器,因?yàn)榘俣染庉嬈鞴δ軓?qiáng)大,使用方便,而且不會(huì)生成太多多余代碼。
網(wǎng)上有許多ECSHOP整合百度編輯器的教程,但大多都有一些問題。
先看效果圖:
教程開始:
第一步:
先到百度編輯器官網(wǎng)下載最新版,將文件夾改名為“ueditor”,上傳到 /includes/ 目錄下
(也可以在本教程底部下載制作好的ueditor1.4.3版)
第二步:
打開這兩個(gè)文件,一個(gè)是商品編輯,一個(gè)是文章編輯
/admin/templates/goods_info.htm /admin/templates/article_info.htm
查找:
{$FCKeditor}
修改成:
<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>
兩個(gè)文件都這樣修改。
注意這行代碼:
<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è)可以自行解決。
這個(gè)時(shí)候,其實(shí)ECSHOP后臺(tái)編輯器其實(shí)已經(jīng)可以正常使用了,只是進(jìn)入商品列表、分類等等,會(huì)報(bào)錯(cuò)的,提示缺少Ajax:
下面接著提供解決方法
第三步:解決后臺(tái)js沖突
打開 /admin/templates/pageheader.htm
在頭部找到:
{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"}
這樣就可以了。
注意,不要忘記了引用的JQ文件。。
感謝各位的閱讀!看完上述內(nèi)容,你們對(duì)ECSHOP安裝百度編輯UEditor的方法大概了解了嗎?希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。