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('goods_desc') </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 중국어 웹사이트의 기타 관련 기사를 참조하세요!