라이믹스 개발팁

|

공돌이가 라이믹스를 개발하면서 겪은 여러 팁들을 적어 놓은 공간입니다.
XE/라이믹스에 궁금한 사항들이나 개인적인 요청건이 있으시면 nckres14@gmail.com 으로 메일 보내주시면 친절하게 답변해드립니다.

ckeditor 에디터 appendTo 또는 datach 했을때 작동 안되는 문제 (라이믹스 답글달기 새페이지 이동 없이 만들기)

공돌이 | 조회: 60 | 추천: 0 | 2019.02.26 00:45 https://binsteam.com/rhymix/521

라이믹스 스킨들에서 답글달기 할때 새페이지를 이동안하는 스킨들은 문제가 없는데

자신이 직접만들때는 답글달기(대댓글) 버튼을 누르면 새페이지로 이동해서 무척 귀찮습니다 -_-..

 

이런경우 보통 생각하는게

1. ajax로 에디터를 불러와서 처리

2.  append 처리 

     ex) 기존의 에디터를 출력해서 가린다음(display:none) 답글달기를 눌렀을때 밑에 이 태그를 붙여주면서 출력해주는 (display:block) 방법

 

저같은 경우에는 2번 방법을 썼는데 여기에 ckeditor 에디터를 쓰면 문제가

이 에디터가 iframe을 쓰면서 append 할때 작동을 안하는 점입니다....-_-....

 

 

 

이럴 때 방법이 3개가 있다고 하는데 

 

  1. 1. Destroy the editor before it's detached from the DOM and initialise it again once the form is moved.
  2.  
  3. 2. Use the divarea plugin which makes CKEditor use a div instead of an iframe. You lose a useful features of the classic editor, but no more problems with iframes.
  4.  
  5. 3. Use an inline editor.
  6.  

출처: https://stackoverflow.com/a/28650844

 

 

요렇게 있다고 합니다.

여기에 저는 2번방법으로 정말 간단하게 처리했습니다. (간단히 말해서 iframe으로 안하고 div 로 처리하는 것 같습니다.)

(ps. 이거 찾을려고 2시간 삽질...)

 

 

 

먼저 라이믹스 [관리자 모듈] 페이지에 [에디터]를 들어가 줍니다.

 

 

a1.png

 

 

 

 

 

여기에서 하단에 [공통 설정]부분에 [추가 플러그인 로드] 에 

divarea

를 넣어주면 해결됩니다.

 

 

a2.png

 

 

 

 

 

 

 

이렇게 해주고 댓글 어딘가에 답글달아주는 에디터를 만들어주고

 

(빈스팀 사용 예제...)

<div>

답글 태그 폼

<form....>

{@
           //$oDocument->getCommentEditor();
            $oEditorModel = getModel('editor');
            echo $oEditorModel->getModuleEditor('comment', $module_info->module_srl, null, 'comment_srl', 'content');
  }

</form>

</div>

 

 

 

답글의 원댓글에 append 해주면  됩니다.

 

적용 결과 ->

 

a3.png

 

a4.png

 

 

 

STEAM

스팀계정
pp2nguin
레벨
23
게임 수
64

최근 플레이한 게임   0.3시간

a1.pngFile Size:16.7KB/Download:7
a2.pngFile Size:4.8KB/Download:7
a3.pngFile Size:8.9KB/Download:7
a4.pngFile Size:14.1KB/Download:6

댓글 0

1
사이드 준비중... :D
서버에 요청 중입니다. 잠시만 기다려 주십시오...