오래전부터 tinymce를 써보려고 마음먹었다가 자료가 없어 포기를 했는데 xe타운에서 최신버전을 공유하고 계시더군요.

그래서 냉큼 받아다 커스텀해보았습니다.

 

 

일단 디자인을 수정해봤습니다. 툴바에 있던 아이콘들은 메뉴 안으로 거의 다 집어넣었습니다...

tinymce1.PNG

 

컴포넌트 역시 한 곳에 밀어넣었습니다.

tinymce2.PNG

 

나름 기능 추가를 해보았습니다. 블로그 등에서 사용되는 글 접기 기능입니다. 컴포넌트가 이미 있지만 색상 선택하기 귀찮기도 하고 애니메이션 효과도 주고 싶어서 만들게 되었습니다. 열기/닫기 버튼을 각각 다르게 설정 가능하고 세 칸 전부 다 태그 사용 가능합니다.

tinymce3.PNG

 

 

테스트해보았는데 부드럽게 아주 잘 여닫힙니다^^...

tinymce4.PNG

 

  • profile
    이나님 디자인은 심플한 느낌이에요. 글꼴때문에 더 그렇게 느껴지는거 같기도 하고 ㅎㅎ
  • profile
    우와 저도 지금 tinymce에디터 잘 쓰고 있는데 이렇게 디자인이 바뀌니까 또 색다른 느낌이에요
  • profile
    디자인 바뀐 것만으로 다른 에디터 인 것 같습니다! +ㅅ+
  • profile

    저도 기다렸던 tinymce 보고 너무나 반가웠습니다 ㅎㅎ..
    Tinymce 쓰자는 의견이 묵사발 되어서 ㅎㅎ

    이렇게 훌륭한 Tinymce를 버리고 Ckeditor을 쓰는게 아쉬웠..

  • profile
    으음, 이렇게 예브고 또 단촐하다니... 저도 한번 써봐야겠네요 :)
  • profile

    이거 공유 안되나요 ㅠ_ㅠ 접기 기능 넣고 싶어가지구요