레일스를 위한 엑스퀘어드 플러그인

엑스퀘어드는 스프링노트에서 개발해 사용하고 있는 오픈 소스 XHTML 편집기다.

레일스 프로젝트에서 별 고민없이 빨리 엑스퀘어드를 적용해보고 싶은 사람들을 레일스 플러그인을 만들었다. 물론, 더 세밀하게 사용하려면 엑스퀘어드 문서를 읽고 직접 초기화 코드를 작성하는게 좋다. 하지만, 간단한 관리자 화면을 만들거나, 스캐폴드에서 textarea만 바꾸기를 원한다면 이 플러그인이 도움이 될 것 같다.

적용은 3단계면 된다. 먼저, 플러그인을 설치한다.

1. prompt> script/plugin install svn://rubyforge.org/var/svn/springnote/plugins/xquared

위 명령을 수행하면 엑스퀘어드에서 사용하는 파일들이 public 디렉토리에 복사한다. 그 다음 레이아웃 파일을 열어서 head 부분에 코드를 추가한다. 필요한 자바스크립트와 CSS를 불러오는 코드다.

1. = xquared_include_tag

그리고 text_area 태그 대신 xqured_text_area_tag를 사용하기만 하면 된다. 정말 간단하지 않은가?

1. = xquared_text_area_tag "code[description]", @code['description']

아래 그림은 레일스 스캐폴드 코드에 엑스퀘어드를 적용한 모습이다.