Introduction

현재 Apache Roller 5.0.3은 텍스트 에디터로 Xinha 에디터를 제공하고있다.
괜찮은 에디터이긴한데 오래전부터 tinyMCE 에디터를 사용해온지라 영 손에 안 맞았다.
그래서 Apache Roller v5.0.3에 현재 tinyMCE 에디터의 최신 버전인 v4.0.26을 붙여보자.

Preparation

• tinyMCE v4.0.x (본 포스팅은 v4.0.26 으로 진행한다)
• TinyMCEEditorPlugin.class
• editor-tinymce.jsp
• ApplicationResources.properties (Apache Roller v5.0.3 Properties)

위 3개 파일에 대한 압축 : roller503_with_tinymce4_required.tar

Perform

Copy to Roller webapp directory

압축을 푼 tinymce 디렉토리를 roller-ui/authoring/editors/tinymce 로 복사한다.
- 복사 후, roller-ui/authoring/editors/tinymce/tinymce.min.js 가 있으면 된다.

editor-tinymce.jsp 파일을 roller-ui/authoring/editors 로 복사한다.
- 복사 후, roller-ui/authoring/editors/editor-tinymce.jsp 가 있으면 된다.

WEB-INF/classes/com/jomi/roller/editor 를 생성한다.
TinyMCEEditorPlugin.class 를 생성한 디렉토리로 복사한다.
- 복사 후, WEB-INF/classes/com/jomi/roller/editor/TinyMCEEditorPlugin.class 가 있으면 된다.

ApplicationResources.properties 파일을 WEB-INF/classes 디렉토리로 복사한다.
- 복사 후, WEB-INF/classes/ApplicationResources.properties 가 있으면 된다.

* 주의 : 위 링크의 ApplicationResources.properties 파일은 Roller v5.0.3 용이다.
만약 해당 파일이 이미 존재한다면 다음 라인을 추가한다.

editor.tinymce.name=TinyMCE

다른 버전의 Roller를 사용한다면 /WEB-INF/lib/roller-weblogger-web-*.*.*.jar 에서 ApplicationResources.properties를 추출한 뒤, 위 라인을 추가한다. (jar를 다시 묶을 필요없이 webapp 디렉토리의 WEB-INF/classes/에 위치시키면 Override 된다)

Config Roller

WEB-INF/classes/roller-custom.properties 를 vi로 연다.
마지막 라인에 다음 라인을 추가하고 저장한다.

plugins.weblogEntryEditors=org.apache.roller.weblogger.ui.core.plugins.TextEditor,org.apache.roller.weblogger.ui.core.plugins.XinhaEditor,com.jomi.roller.editor.TinyMCEEditorPlugin

이 후, Roller를 재시작하고 Preferences 화면에서 tinyMCE 에디터를 지정한다.

Customize

roller-ui/authoring/editors/editor-tinymce.jsp 를 수정하여 tinyMCE를 커스터마이징 할수있다.
37번 라인부터 tinyMCE를 init하는 코드가 시작된다.

현재 내가 추가한 설정은 다음과 같다.

• image_advtab: true // 이미지 설정창에 상세 설정을 할 수 있는 탭을 추가한다.
• convert_urls: false // 링크 또는 이미지 추가시 URL을 상대 경로 등으로 컨버팅하지 않는다. (recomend)

Reference

• Integrate TinyMCE Editor in Apache Roller