baserCMS 편집기 플러그인을 만들려고했습니다.

※이 기사는 baserCMS Advent Calendar 2013 의 9일째의 기사입니다.

baserCMS v3.0.0의 새로운 기능 편집기 플러그인

2013년 12월 v3.0.0이 출시된 국산 오픈 소스 CMS의 baserCMS 플러그인을 만들어 보았습니다.

v3.0.0이 되어 여러가지 기능이 늘었습니다만 개인적으로 마음에 드는 것이, 에디터 즉 관리 화면의 기사 입력을 변경할 수 있게 하는 플러그인 기능입니다.

baserCMS는 cakePHP 기반이므로 View를 폴더 측에서 덮어 쓸 수 있습니다 (자세하지 않으므로 구조는 생략). 그래서 관리 화면의 View 자체를 덮어 버리면 관리 화면의 변경도 가능했습니다만, 그것을 플러그인으로서 에디터만 단독으로 인스톨이나 유효화나 무효화를 할 수 있게 되었습니다. 게다가 꽤 간단하게!

AceEditor for baserCMS를 만들어 보았습니다.

github에 리포지토리를 공개하고 있으므로 DL하여 사용할 수 있습니다.

AceEditor for baserCMS

이 플러그인은 입력의 텍스트 영역을 WYSIWYG가 아니라 Ace 라는 브라우저상에서 움직이는 프로그래밍용 텍스트 에디터로 옮겨놓은 것뿐입니다. Ace는 Github과 Wikipedia에서 도입 입증된 세계 최고봉의 브라우저 기반 편집기입니다. 구문 하이라이트는 물론 HTML 편집에서는 Emmet을 사용할 수 있습니다 (이것이 정말 편리).

설치 방법

1) DL 해 온 플러그인 폴더를 세트 app/Plugin 로 이동합니다.
2) 폴더명은 AceEditor 에 반드시 합니다.



3) 관리 화면을 열고 "플러그인 관리"화면을 엽니다.
4) 설치 아이콘을 클릭하여 설치 화면으로 이동합니다.



5) 설치합니다. 순식간에 완료해야합니다.



6) 시스템 관리 화면을 엽니다.
7) 옵션을 엽니다.



8) 에디터 설정 관련 에디터 타입에 「Ace 에디터」가 나타나므로 그것을 선택합니다. (여기서 언제든지 WYSIWYG와 일반 일반 텍스트 편집기로 전환할 수 있습니다. 편리합니다 ♪)
9) 저장하고 완료합니다.



이제 AceEditor를 사용할 수 있습니다 ;-)

WYSIWYG가 사용하기 어렵고 성에 맞지 않는 분은 꼭

이용해 주십시오.

버그 등 있으시면 github issue 에 연락해 주세요.

다음 주에는

이번을 기반으로 에디터 플러그인을 만드는 방법을 쓰려고합니다.

잘 부탁드립니다.