• 워드프레스 에디터인 tinymce에 테이블과 syntax highlighting 기능 추가

    이전 “워드프레스 에디터인 tinymce 고급 활용 방법” 글에서 기능 아이콘 추가 방법, 한글 폰트 추가 방법, <p> 또는 <br> 태그 자동 추가 제거 방법, 에디터 스킨 변경 방법에 대해서 알아 보았습니다. 지난 글에 이어 이번에는 워드프레스 에디터인 tinymce에 테이블과 syntax hightlighting를 추가하는 방법에 대해서 알아 보겠습니다. 글 작성에 앞서 다음 그림을 통해 테이블과 syntax hightlighting이 무엇인지 살펴 보겠습니다. 위 그림에서 가운데 부근의 “설치될 AMP 버전은 다음 표와 같습니다.” 문단 밑에 있는 것이 테이블이고, # yum install yum-priorities와 [main] enabled=1 영역을 둘러싸고 있는 box가 syntax highlighting입니다. 5) 테이블 추가 워드프레스에는 테이블 관련 여러 플러그인이 있지만, 위 그림에서는 WP-Table Reloaded 플러그인을 사용했습니다. 플러그인의 설치 및 활성화 과정은 생략하도록 하고, 플러그인을 활성화 하면 ‘워드프레스 관리자 > 도구 > WP-Table Reloaded’ 메뉴가 생성되고, 설정 화면은 다음과 같습니다. 위 그림의 설정 화면에서 테이블을 추가한 다음, tinyce에 […]

  • 워드프레스 에디터인 tinymce 고급 활용 방법

    워드프레스의 기본 에디터는 tinymce입니다. 기본에 포함된 tinymce만으로는 국내의 스마트한 위지윅 에디터에 익숙한 국내 사용자에게 어필할 수 없습니다. 그래서 최대한 국내 사용자 눈높이에 맞도록 설정을 해 줘야 합니다. 몇 가지 설정 방법을 알아 보겠습니다. 1) 워드프레스 에디터에 기능 아이콘 추가 방법 워드프레스 2.9 버전의 기본 tinymce 모습은 다음과 같습니다. 위 그림을 보면 가장 기본에 해당하는 폰트 설정, 폰트 사이즈 등이 보이지 않습니다. 따라서 폰트 설정, 폰트 사이즈 등 기능 아이콘을 손쉽게 추가할 수 있는 TinyMCE Advanced 플러그인을 활용해서 자신의 용도에 맞는 기능 아이콘을 추가하도록 합니다. 2) 워드프레스 에디터에 한글 폰트 추가 방법 tinymce에 기본으로 포함된 Font family에는 Arial, Courier, Georgia, Tahoma, Terminal 등이 있습니다. 하지만 안타깝게도 한글 폰트는 기본으로 포함되어 있지 않습니다. 한글 폰트는 이 글에서 소개한 방법을 따라 설정했더니, 다음과 같이 ‘굴림체’, ‘돋움체’, ‘궁서체’, ‘바탕체’를 추가할 수 있었습니다. […]

위로이동