TinyMCE 한글 적용 및 팝업 수정

무료 웹에디터 중에서 최고는 TinyMCE가 아닐까 생각한다.

처음부터 Javascript 기반으로 제작되었고, 거의 대부분 브라우저를 지원하고, 웹표준 코딩을 잘 지원하고, 지속적인 업데이트를 통해 신기술의 버그를 줄여나가고 있다.

요즘은 국내에서도 네이버와 다음이 웹에디터를 공개했지만 한글을 완벽히 지원한다는 장점 이외에는 아직까지 TinyMCE를 버릴만한 매력은 느끼지 못하고 있다.

그러나 TinyMCE의 가장 큰 문제는 한글이다.

언어팩으로 한글을 적용하고 팝업을 실행하면 정말 난감하다. 사용하는 플러그인 폴더의 스타일시트를 수정해도 되지만 팝업 스타일을 추가해주는 설정 기능을 이용해 보자.

일단 한글팩을 다운받아 복사하고,

TinyMCE를 초기화하는 곳에 한글설정 및 팝업스타일 설정을 정의하고,

tinyMCE.init({
	//한글적용
	language: "ko",
	//팝업스타일추가
	popup_css_add: "/tiny_mce/tiny_mce_popup.css"
});

해당 팝업 스타일에 폰트사이즈를 강제로 적용한다.

div,table,th,td,form,fildset,legend,input,textarea,a,button,select,label{ font-size:12px !important; }

(한글 및 폰트사이즈 적용된 팝업 레이어)