tinymce에디터의 기본 이모티콘 플러그인이 너무 부실해서 하나 만들었습니다.

 

pr_emoticons.zip

 

Screenshot_20170120-135959.jpg

 

tinymce에디터의 플러그인 폴더 아래에 압축을 풀어 주시면 됩니다.

제가 배포한 TinyMCE 에디터를 기준으로 설치 위치를 말씀드리면 아래의 위치입니다.

modules/editor/skins/tinymce/js/tinymce/plugins/pr_emoticons

 

그 후 에디터 설정(editor.html)중 플러그인에 pr_emoticons를 추가하시고 툴바에도 pr_emoticons를 추가 해 주시면 됩니다. 기본 이모티콘 플러그인 아이콘과 동일한 아이콘을 사용합니다.

 

사용시 약간의 수고가 필요합니다. 메뉴탭에 사용할 이미지를 만들어야 하기 때문입니다.

 

폴더 설명

img: 사용할 이모티콘을 넣는 폴더 입니다. 추가할 이모티콘이 있다면 폴더째 붙여넣기 하시면 됩니다. 지원하는 이미지 형식은 jpg, gif, png입니다.

tab: 모달창에서 사용할 메뉴탭을 넣는 폴더입니다. 이미지 형식은 png, 35*35이하로 작업 하시면 됩니다.

 

예) 현재 img폴더 아래에는 기본 이모티콘이 있으며 onion폴더 아래에는 또다른 이모티콘 모음이 있습니다.

그러므로 tab폴더에는 img_on.png, img_off.png, onion_on.png, onion_off.png가 있어야 합니다.

 

만약 img폴더 아래에 town폴더를 만들고 그 안에 이모티콘을 추가 한다면 tab폴더에 town_on.png, town_off.png를 작업해서 넣어주셔야 합니다.

 

Atachment
첨부
  • ?
    스크린샷에 카카오, 라인 캐릭터가 보이는 것 같은데 카카오나 라인 캐릭터는 카카오, 라인 주식회사에 저작권이 있습니다. 저작권자 허락 없이 사용하시면 안될 것 같습니다...
  • ? profile
    네 배포 자료에는 저작권 자료는 포함되어있지 않습니다. 해당 스크린샷은 비공개 개인서버에서 빈탭을 여러개 추가해서 테스트 했던 모습인데 탭 이미지에 말씀하신 이미지가 포함되어 있네요. 나중에 스샷을 교체하도록 하겠습니다.
  • profile
    스크린샷 교체했습니다!!!
  • profile
    와 감사합니다!!!!검색하다 발견했어요. 이거 응용해서 한번 써봐야겠어요
  • profile

    제가 문제되는 부분을 거슬러 올라가봤는데 1도 모르겠어서 다시 댓글을 답니다...ㅠ

    처음에 본문에서 말하는대로 실행하니까 에디터에서 이렇게 뜨더라고요

    00.PNG

    원래 이모티콘하고 모양이 똑같은 아이콘이 하나 더 생겨있었어요

     

    그걸 클릭하니까 이렇게 떴습니다

     

    01.PNG

     

    그래서 저 두번째 줄이 무슨 내용인지 보러갔는데요

     

    <?php
    require_once($_SERVER['DOCUMENT_ROOT'].'/config/config.inc.php');

    ▲요게 두번째 줄이었습니다

    그래서 /config/config.inc.php 여기로 가봤는데요

     

    config.inc.phps

     

    이게 문제인걸까요? ㅠ

     

     

  • profile profile

    아래처럼 변경 해 보세요. 개인 적으로 사용하려고 만든걸 공개하다보니 많이 미흡하네요 ㅠㅠ

    오류로 봐서는 경로에 xe가 포함되어 있어서 파일을 찾지 못하는거 같습니다.

    require_once($_SERVER['DOCUMENT_ROOT'].'/xe/config/config.inc.php');

  • profile profile
    개인적으로 쓰시려고 만든걸 공유해주시는것만으로도 정말 감사한걸요. 집에 가서 적용해보고 다시 궁금한점 생기면 댓글 달게요 항상감사합니다