영카트4 상품설명 cheditor 변경 문의 드립니다.
본문
예전 영카트4를 아직 사용하고 있어서 이번에 익스플로러 종료 때문에 상품설명 입력하는 에디터가
cheditor로 되어 있어 cheditor5로 변경하려고 하는데 방법 문의 드립니다.
게시판은 이전에 질문답변에 있는 글을 보고 적용 했는데 상품설명 부분은 도무지 적용이 안되네요. ㅠ.ㅠ
답변 1
반갑습니다. 아직까지 영카트 4를 사용하시는 분이 계셔서요..
저도 일부 영카트4와 그누보드4 아직까지 관리하고 있습니다.
cheditor5 복사후
<script src='/cheditor5/cheditor.js'></script>
<script type='text/javascript'>
var ed_wr_content = new cheditor('ed_wr_content');
ed_wr_content.config.editorHeight = '250';
ed_wr_content.config.editorWidth = '100%';
ed_wr_content.inputForm = 'tx_wr_content';
</script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div style="height:14px; line-height:1px; font-size:1px;"> </div>
<style type="text/css">
.write_head { height:30px; text-align:center; color:#8492A0; }
.field { border:1px solid #ccc; }
/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.bt_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}
/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}n_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke
</style>
//.... 아래 내용중간쯤에
echo cheditor2('wr_content', $content);
요렇게 한줄 넣으시면 잘 동작됩니다.
해보시다 궁금하신점 있으시면 쪽지 주세요.!!
에디터 화면이 구현까지는 되는데 이미지 업로드 및 기존 상품설명 이미지들이 보이지가 않네요. ㅠ.ㅠ
답변을 작성하시기 전에 로그인 해주세요.