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

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

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

추천: "ecshop Development Tutorial"

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

튜토리얼 시작:

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가 누락되었음을 나타내는 오류가 보고됩니다.

다음은 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!