XETOWN

호수 공원

XE 사용에 대한 여러가지 정보들을 공유할 수 있습니다.
조회 수 338 추천 수 4 댓글 15
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

오랜만에 다시 xe를 만질일이 있어서 공홈에 들렀더니 썰렁해서 xe town에 들려서 눈팅 잘하고 있습니다.

눈팅중 tinymce 에디터를 알게 되어서 xe에 적용 해 봤습니다.

 

정확하게는 라이믹스 1.8.27에서 테스트 했으면 TinyMCE 4.5.1 버전으로 작업 했습니다.

 

글 작성, 수정, 자동 저장(파일 업로드포함)까지는 테스트했지만 사용중 어떠한 문제가 발생할지는 모르겠습니다.

 

첨부파일을 내려받아 /modules/editor/skins/ 아래에 압축을 풀어서 관리자 페이지에서 tinymce를 선택하시면 됩니다.

스킨은 기본인 'light gray'와 차콜을 기본으로 제 홈페이지에 어울리도록 수정한 'a3 returns'가 포함되어 있습니다.

ckeditor의 스크립트를 참고해서 만들었으며 파일 첨부 구현 또한 ckeditor의 것을 가져와서 약간 수정했습니다. 제 홈페이지와 어울리도록 수정하였으니 실 사용시에는 css를 조금 손보셔야 할겁니다.

 

툴바는 https://www.tinymce.com/docs/demo/basic-example/ 를 참고해서 적용한 상태이니 자신에게 맞게 수정해서 사용하시기 바랍니다.

editor.html을 열어서 에디터 초기화 스크립트 부분 살펴보시면 됩니다.

tinymce에 포함된 autolink 플러그인은 사용 안하시는것이 좋을꺼 같습니다. 에디터에 url을입력 후 엔터를 입력하면 바로 a태그를 적용시켜버리기 때문에 동영상 자동 삽입 애드온이 작동하지 않습니다.

 

에디터상에서 간단한 이미지 수정이 가능한 imagetools플러그인이 있는데 편집된 이미지를 처리 할 수 있는 방법이 제가 확인 한것은 두가지 입니다. blob, 파일 업로드... 배포된 에디터는 수정된 이미지를 서버에 저장하는 방법이 구현되어 있습니다.

파일의 저장 위치는 /files/attach/images/모듈_srl/edited/아래에 md5난수형의 파일명으로 저장됩니다.

이미지를 blob으로 처리 해보니 작은 사이즈의 이미지는 별 상관 없지만 사이즈가 큰 이미지의 경우 data태그가 엄청나게 길어져서 에디터 편집 성능이나 db성능에까지 문제가 생길꺼 같아서 주석 처리 해 놔았습니다.

blob활성화 하실분들은 editor.html 열어서 에디터 초기화 부분의 images_upload_handler살펴 보시면 됩니다.

수정된 이미지의 업로드 부분도 tinymce 공식 페이지에서 예제 파일을 보고 구현을 했습니다.

imagetools의 문제점은 에디터에서 이미지를 수정할 때마다 이를 파일로 저장합니다. 따라서 이미지에 여러번 수정을 가하면 그 수만큼 이미지가 생성됩니다. 따라서 더미 파일이 다수 생길 수 있다는 단점이 있습니다.

이 문제를 어떻게 처리할지... 현재 저에게는 아이디어가 없습니다. 실력 좋으신 분들이 해결 해 주세요 ^^;

 

중요

수정된 이미지를 실시간으로 서버에 업로드 하는것은 img_handler.php이 처리 합니다.

허용된 도메인에서 호출한 경우만 작동하도록 체크하는 부분이 있으니 이 파일을 열어서 허용할 도메인 설정을 하셔야 정상 작동합니다. $accepted_origins에 설정하세요.

 

아래는 에디터의 대략적인 모습입니다.

tiny.jpg

 

 

  • profile
    socialskyo 2016.12.23 13:56:41
    호호 prologos 님 너무 반갑습니다.
  • profile
    prologos 2016.12.23 15:06:40
    반갑습니다 ^^
  • profile
    CONORY 2016.12.23 14:22:29 Files첨부 (1)

    1.png

     

    어베스트에서 차단하네요..

  • profile
    prologos 2016.12.23 15:08:00
    어래? 무슨일이래요 @.@ 로컬에서 작업하던 홈피인데 ㅠㅠ
    혹시 모르니 링크는 접속하지 마세요.
  • profile
    YJSoft 2016.12.23 17:20:56
    *.dyndns.org가 차단된 것이 아닐까 싶습니다. 검색해보니 비슷한 사례가 꽤 보이네요.
  • profile
    CONORY 2016.12.23 18:00:14
    하지만 다른 도메인(clamav.dyndns.org)은 정상입니다.
  • profile
    prologos 2016.12.26 13:30:23
    몇년간 무료로 잘 사용하고 있는 도메인인데, 글에서 링크는 삭제 했습니다. 개인 홈서버이고 별다른 문제는 발견되지 않아서 avast - support통해서 문의 넣었는데 답변이 올지는 모르겠네요.
  • profile
    고양이 2016.12.23 17:03:42
    에디터와 사이트 엄청멋지네요
    저기 폰트와 본문에 알림 내용이 뜨는게 너무 탐나네요 ㅎㅎ

    근데 본문내용없이 글이작성됩니다.
  • profile
    prologos 2016.12.26 13:35:53
    폰트는 구글에서 발표한 'Noto Sans KR'폰트를 사용했습니다.
    https://developers-kr.googleblog.com/2015/10/noto.html

    말씀듣고 확인해보니 빈글 작성되네요. 체크한거 같은데 테스트중 설정이 변경된거 같네요. editor.html의 82라인을 아래처럼 변경하시면 됩니다.
    82: return tinymce.get('tinymce_instance_' + seq).getContent({format : 'raw'});
    변경: return tinymce.get('tinymce_instance_' + seq).getContent({format : 'html'});
  • profile
    Double'U' 2016.12.23 17:32:02
    오!
    예쁘네요!
  • profile
    구큰타 2017.01.18 10:21:16
    회원 서명같은 곳에서 출력이 안될 경우 어떻게 해야 나올 수 있을까요?
  • profile
    prologos 2017.01.18 20:17:43
    회원설정 - 회원가입에서 서명에 사용할 에디터를 tinymce선택했는데 출력이 안되는 것인가요?
    위처럼 설정하니 저는 회원정보 변경페이지 에서도 에디터 출력 되네요.

    그리고 xe 컴포넌트 연결 부분이 빠진거 같아서 새로 작업한것이 있는데 정리해서 자료 업데이트 하겠습니다.
  • profile
    구큰타 2017.01.19 09:06:32
    네. 그렇게 했는데도 출력이 안되서 질문드려보았습니다. ㅠ
    새로 올려주신다니 감사할 따름입니다. ^^
  • profile
    팀워크 2017.02.25 07:41:29
    캬아...!! 저..저저..!!! 기대했던 에디터가..!!!
    이걸 지금 봤어 ㅠㅠ 우와..!! 와우우.. 사랑합니다^^
  • profile
    팀워크 2017.03.10 04:59:02
    확인해보니 라이믹스 최신버전에는 오작동합니다.
    PHP문제도 아닌것 같고.. 흠. Php5.6 php7.0 둘다 확인.

List of Articles
번호 분류 제목 글쓴이 날짜
4933 질문/답변 xe속도 질문드려요.. 2 Sherlock16 2017.03.20
4932 질문/답변 라이믹스 댓글 흔적 쓰시는 분들 궁금한게 있는데요 2 xetown998 2017.03.20
4931 질문/답변 게시글 관리 질문입니다. file 대한천자 2017.03.19
4930 질문/답변 모바일 반응형 메뉴가 특정기기의 특정 브라우저에서만 작동이 잘안되는데요 file xetown998 2017.03.19
4929 질문/답변 특정 권한 이용자의 댓글 자동추천 라지 2017.03.19
4928 자료공유 [오랜만에변경점많은] 누리고 쇼핑몰모듈 Ver.2.5 19 람보 2017.03.19
4927 질문/답변 번외 해결 좀 부탁해요 2 드론엑스이 2017.03.19
4926 질문/답변 작년 후반쯤에 오픈소스... 2 가이더 2017.03.19
4925 질문/답변 네이버블로그에서 링크해석 문제 재질문 3 웹지기 2017.03.19
4924 질문/답변 섬네일 생성시 timeout 걸리는 문제 데히히이이 2017.03.19
4923 질문/답변 XE 가입폼 컬럼 위치 C0D3&2D 2017.03.19
4922 질문/답변 위젯페이지에서 msg_is_not_administrator 란 문구가 뜹니다. 5 file 세이나 2017.03.19
4921 질문/답변 레이아웃 저작권관련하여... 7 햄토리 2017.03.19
4920 질문/답변 확장변수를 이렇게 다중검색 할 수 있을까요? 6 file 햄토리 2017.03.19
4919 질문/답변 ck 에디터 기본 글꼴 기본 폰트 설정하기 2 file 데히히이이 2017.03.19
4918 질문/답변 photoswipe애드온 사용시 링크 걸린 이미지 클릭시 링크로 안넘어가게 하기 데히히이이 2017.03.19
4917 질문/답변 본문영역 내의 이미지 max width 를 100%로 만들기 4 데히히이이 2017.03.19
4916 질문/답변 게시물 이전 후 첨부파일이 본문에 안 떠요. 이온디 2017.03.19
4915 질문/답변 ckeditor 기본 정렬을 중앙으로 Jack 2017.03.18
4914 질문/답변 회원가입 질문드립니다. 2 임시크 2017.03.18
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 251 Next
/ 251
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...