>  기사  >  CMS 튜토리얼  >  ECSHOP에서 Baidu 편집 UEditor를 설치하는 방법

ECSHOP에서 Baidu 편집 UEditor를 설치하는 방법

藏色散人
藏色散人앞으로
2019-11-04 14:01:112721검색

ECSHOP 시스템과 함께 제공되는 편집기를 사용해 본 사람은 누구나 사용하기 어렵고 사진을 일괄 업로드할 수 없다는 것을 알고 있습니다. Baidu Editor는 강력하고 사용하기 쉬우며 중복되는 코드를 너무 많이 생성하지 않기 때문에 많은 친구들이 Baidu Editor를 좋아합니다.

ECSHOP에서 Baidu 편집 UEditor를 설치하는 방법

ECSHOP 통합 Baidu 편집기에 대한 많은 튜토리얼이 있지만 대부분 몇 가지 문제가 있습니다.

추천: "ecshop Development Tutorial"

먼저 렌더링을 살펴보세요:

ECSHOP에서 Baidu 편집 UEditor를 설치하는 방법

튜토리얼 시작:

1단계:

먼저 Baidu Editor Organ Network로 이동하여 최신 버전을 다운로드하고 이름을 바꿉니다. "ueditor" 폴더를 /includes/ 디렉터리에 업로드하세요

(이 튜토리얼 하단에서 준비된 ueditor 버전 1.4.3을 다운로드할 수도 있습니다)

2단계:

이 두 파일을 엽니다. 하나는 제품 편집이고 다른 하나는 기사 편집기입니다.

/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>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<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(&#39;goods_desc&#39;)
</script>

두 파일 모두 이런 방식으로 수정됩니다.

다음 코드 줄에 주의하세요.

<textarea id="goods_desc" name="goods_desc" style="width:100%;height:500px;"> {$goods.goods_desc}</textarea>

width와 height는 각각 편집기의 크기를 나타내지만 IE Core를 사용하는 브라우저는 px 쓰기를 지원하지 않을 수 있으므로 편집기의 크기가 불완전할 수 있습니다. CSS.이 문제는 스스로 해결할 수 있습니다.

이때 실제로는 ECSHOP 배경편집기를 정상적으로 사용할 수 있습니다. 상품 목록, 카테고리 등을 입력하기만 하면 Ajax가 누락되었음을 나타내는 오류가 보고됩니다.

ECSHOP에서 Baidu 편집 UEditor를 설치하는 방법

다음은 ajax를 제공합니다. 해결 방법

3단계: 백그라운드 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 파일을 참조하는 것을 잊지 마세요. .

위 내용은 ECSHOP에서 Baidu 편집 UEditor를 설치하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 ecshop119에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제