溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

ECSHOP安裝百度編輯UEditor的方法

發(fā)布時(shí)間:2020-08-17 11:37:45 來源:億速云 閱讀:196 作者:小新 欄目:建站服務(wù)器

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整合百度編輯器的教程,但大多都有一些問題。

先看效果圖:

ECSHOP安裝百度編輯UEditor的方法

教程開始:

第一步:

先到百度編輯器官網(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:

ECSHOP安裝百度編輯UEditor的方法

下面接著提供解決方法

第三步:解決后臺(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è)資訊頻道。

向AI問一下細(xì)節(jié)

免責(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)容。

AI