모바일 환경에서 웹에디터 사용하기

XE는 모바일환경에서 기능을 제한한 부분이 꽤 있습니다.

그중 하나가 모바일에서 웹에디터를 사용하는 문제입니다.

모바일 환경에서 데이타입력은 html을 사용할 수 없도록 제한하고 있습니다.

디비에 입력시 엔터 부분만 br로 바꾸어 줄바꿈만 가능합니다.

 

웹에디터를 사용할 수 없음으로 인해 파일을 업로드할 수 없는 등 불편한 사항이 꽤 있습니다.

스킨에서 마무리 많은 삽질을 해도 문제가 해결되지 않습니다.

결국은 코어를 수정할 수 밖에 없는데, XE의 코어 수정은 절대 비추입니다.

따라서 별도 모듈이 필요합니다.

 

아래의 모듈을 다운 받아 설치합니다.

https://www.xpressengine.com/index.php?mid=download&package_id=22753838

이 모듈은 모바일 환경에서도 제한 했던 사항을 원래 상태로 되돌려 놓아 피시와 동일한 환경으로 작동할 수 있도록 하고 있습니다.

 

그리고 스킨에서 게시글 입력 폼에 다음 코드를 추가합니다. 

write.html, _comment.html, comment_form.html 의 method="post" 인 곳에만 추가합니다.

(파일명은 게시판 스킨에 따라 다를 수 있습니다.)

<input type="hidden" name="chk_phiz" value="Y" />
<input type="hidden" name="use_html" value="Y" />

 

그리고 에디터 사용부분을 

{$oComment->getEditor()}

로 변경합니다.

 

이로서 모바일에서도 피시와 동일한 환경으로 웹에디터를 사용할 수 있습니다.

휘즈 게시판에는 이미 적용되어 있습니다.

 

그리고 ckeditor을 모바일에서 최적화하는 방법은 여기를 참조하시기 바랍니다.

https://phiz.kr/materials/6320

 

모바일에서 웹에디터 사용예는 

http://mobile.phiz.kr/ 에서 체험할 수 있습니다.