가장 많이 쓰는 에디터인듯.
여기 워드프레스도 Tinymce 이고,
저작권은 LGPL.
설치방법은 나름 쉬움.
웹공부 한지 얼마 안되고, 에디터도 처음 써봐서 헤멜뻔 했는데,
괜히 겁먹었음;;
1. 라이브러리 다운받아서 본인 웹 폴더에 넣어주시고,
2. 스크립트 위치만 설정한뒤에,
3. 설치 코드부분만 본인 입맛에 수정해주시면 끝.
우선 여기서 라이브러리 파일부터 다운받으시고
적당한데 폴더 위치 넣어주시고,
<script type=”text/javascript” src=”/common/tiny_mce/tiny_mce.js”></script>
이젠 tinymce의 init 함수만 작성하면 되는데,
친절하게도 메인 홈페이지에 코드가 게시되어 있음.
* mode
-> tiny mce를 어느 class에 넣겠냐는 말임. 지금 ‘textarea’로 되어있는데, 이렇게 설정해놓으면 본인 페이지에 있는 모든 textarea에 다들어가게됨.
* editor_selector
-> mode랑 같이 사용하는데, 이번엔 특정 textarea에만 넣고 싶다! 라고 할때 사용하는거임.
mode : “specific_textareas”,
editor_selector : “reqcontent”,
editor_selector : “reqcontent”,
‘reqcontent’라는 textarea에만 tinymce가 삽입.
*theme
-> 스킨이랑은 다름.
tinymce를 간단한 몇가지만 한줄짜리로 쓸것인가 온갖기능을 전부 쓸것인가
simple, advanced 두가지.
*skin
02k7은 뭔지 잘 몰라두 됨.
skin_variant가 스킨을 설정해주는 거임 .
skin : “o2k7″,
skin_variant : “silver”,
skin_variant : “silver”,
black, silver, wp_theme 세가지 있음. 그리고 인터넷 뒤져보면 개인적으로 만들어놓은것도 몇개 있는거 같음.
* theme_advanced_buttons1 :
버튼 위치임 simple은 단층이지만, advanced 같은경우에는 복수개의 층이 사용 가능
그래서 버튼 위치 커스터 마이징 하시면 됨. 2층에 넣고 싶으면
theme_advanced_buttons2:
theme_advanced_buttons3:
theme_advanced_buttons4:
중간중간에 ‘|’ 이거로 구분 해주시고. ㅎ
*템플릿
사실 tinymce로 결정했던 가장 큰 이유가 이기능이였음. 템플릿을 쉽게 구성할 수 있도록 이미 함수로 지원해주고 있음.
솔직히 위지윅에디터라는게 조금 깔끔하게만 써지면 되는건데, 간단한 답변 페이지에서 tinymce의 모든 기능은 필요 없다고 생각함. 심지어 여기 워드프레스도 advanced가 아니고 simple테마를 쓰고있고. 여기는 그래도 나름 포스팅이라 글고 많이 써야 하는 곳인데도 불구하고.
암튼 서론이 길었지만 템플릿 구현하는 방법 역시 간단함.
template_templates : [
{
title : “tempalte1″,
src : ‘edtemplate/temp1.jsp’,
description : “Adds Editor Name and Staff ID”
},
title : “tempalte1″,
src : ‘edtemplate/temp1.jsp’,
description : “Adds Editor Name and Staff ID”
},
title : 템플릿 이름. 템플릿 정할때 메뉴이름정도로 사용됨.
src : 템플릿을 url을 호출해서 하는 형태로 사용함. 해당 위치 입력.
description: title 밑에 써지는 간략한 설명.
댓글
댓글 쓰기