무료 웹에디터를 찾아 헤메인지가 일주일.
처음에 FCKeditor로 하려고 했으나 설정이 까다로워서 제꼈다가
다른 것들을 아무리 뒤져봐도 만만한게 없더라.
그래서 다시 FCKeditor로 리턴.
FCKeditor site를 잘 뒤져보니 java버전이 있더라.
그래서 그걸 대충 훑어 봤는데 의외로 간단하더라.
하라는데로 했더니만 잘 되더라.
일주일이라는 시간이 아깝더라.
그래서 여기에 간단하지만 설정방법을 적는다.
필요하신 분들은 참고하셔서 사용하세요.
Task 1. 다운로드
FCKeditor site에 가면 오른쪽 위에 Download메뉴가 있다. 메뉴를 누르면 다운로드 페이지로 이동한다.
다운로드 페이지에서 제일 아래에 보면 FCKeditor.Java라는 타이틀로 아래에 다운로드 페이지가 링크되어 있다.
Click here to download the latest version
링크를 누르면 소스포지의 다운로드 페이지로 이동한다.
거기가서 2.4.1의 가장 아래에 있는 fckeditor-java-demo-2.4.1.war를 다운 받는다.
Task 2. 압축풀기(설정)
다운 받은 war파일을 프로젝트의 디렉토리에 압축을 푼다.
war파일의 구조가 이클립스에서 일반적으로 사용하는 웹컨테이너의 내부 구조와 같다.
전부다 root아래에 바로 풀어 넣는다.
기존에 WEB-INF가 존재한다면 덮어써버리면 된다.
물론 web.xml에 디폴트가 아닌 기타의 다른 설정들이 있다면 덮어 쓰면 안되고 이클립스에서 프로젝트를 생성하자 마자 FCKeditor를 설정하는 것이 좋다.
그렇게 덮어 쓰고 나서 index.jsp파일을 톰캣이 구동되는 환경 아래에서 실행하면 샘플 페이지가 나온다.
이렇게 샘플 페이지가 나온다.
그럼 설정 끝이다.
만약에 프로젝트 진행중에 FCKeditor를 설정하는 것은 FCKeditor 사이트에 가서 web.xml에 무엇을 설정해야하는지 잘 봐야한다.
파일업로더의 설정도 있으므로 잘 보시길.....
본인은 그게 귀찮아서 이걸로 프로젝트 셋팅하고 다른 것들을 옮겼다.
Task 3. 사용하기
jsp 페이지 상단에 다음의 태그를 넣어서 FCKeditor를 사용할 수 있도록 한다.
<%@ taglib uri=http://java.fckeditor.net prefix="FCK" %>
다음엔 본문에 텍스트를 입력하는 창을 삽입한다.
<body>
<FCK:editor instanceName="EditorDefault"></FCK:editor>
</body>
그리고 톰캣 가동 후 페이지를 실행시키면
이렇게 페이지 안에 에디터가 들어간다.
Javascript버전은 파일경로 설정하는 것 때문에 이것저것 건드려야한다.
하지만 이건 이미 다 되어 있는 것을 그대로 가져와서 사용하기 때문에 별도의 설정 없이 그대로 모든 기능 사용가능하다.
이것으로 웹 에디터를 사용할 수 있게 되었다.
툴바에서 기능 넣고 빼는 것 등의 설정은 FCKeditor사이트를 참고하기 바란다.
Task 4. 한글처리
UTF-8의 인코딩에서 값으로 한글을 넘겨 받는 것은
request.setCharacterEncoding("UTF-8");
로 끝이 난다.
하지만 위의 경우는 값을 POST방식으로 전송할 때의 이야기다.
GET방식을 사용하고 싶다면 받는 쪽에서 다시 한번의 처리를 해주어야한다.
String value = (String)request.getParameter("content");
new String(value.getBytes("8859_1"), "UTF-8");
이렇게 하면 한글 내용도 입력된다.
'IT 전용글 > JSP' 카테고리의 다른 글
| FckEditor. (0) | 2009.03.17 |
|---|---|
| FCKEditor 설정방법. (0) | 2009.03.03 |
| Transaction 참고 소스.. (0) | 2009.02.13 |
| JSP 멀티 업로드 (0) | 2009.02.10 |
| Exception 처리 방식 (0) | 2009.01.30 |