UnicornIII

Alice 설치

웹에디터 Alice 설치 방법입니다

압축을 풀면 아래와 같습니다

아래 디폴트 디렉토리 구조로 설명 합니다

web 디렉토리는 WAS의 webapp ROOT 디렉토리 입니다

css : 스타일시트 디렉토리 입니다

img : 이미지 디렉토리 입니다

js : 자바스크립트 디렉토리 입니다

target : 웹에디터에서 업로드한 이미지 및 플래쉬 저장 디렉토리 입니다

lib : 5개의 jar가 필요합니다

(alice.0.51.jar, commons-fileupload-1.2.jar, commons-io-1.3.1.jar, commons-lang-2.3.jar, jai_codec.jar, jai_core.jar)

썸네일기능이 필요없다면 jai_codec.jar, jai_core.jar는 삭제하셔도 됩니다

1. 이미지 경로 설정

웹에서 호출할 이미지 디렉토리를 설정합니다

① /js/alice.js 를 열어 다음과 같이 설정합니다

Alice.config = {
      uploadpath: '',
      imageroot: '/img/',
       uploadroot: ''
};

만약 "alice"라는 컨텍스트가 설정되어 있다면 imageroot를 /alice/img/ 라고 설정해 주세요

② /js/oz.js 를 열어 동일하게 설정합니다

Web.config={
imageroot:'/img/'
};

마찬가지로 "alice"라는 컨텍스트가 설정되어 있다면 imageroot를 /alice/img/ 라고 설정해 주세요

2. 서버환경 설정

/WEB-INF/classes/alice.properties 를 엽니다

#upload target directory
target=/upload/editor

#file extend name limited
permission=gif,jpg,jpeg,png,swf

#redirect jsp
forward=/jsp/upload.jsp

#upload size(M)
maxsize=1

#image type check yn
imagevalidate=y

#thumbnail
thumbnail=y
thumbnail_target=/upload/thumb

① target

이미지 추가를 위한 업로드 디렉토리를 지정해 주세요

이 디렉토리 이하로 날짜형식의 디렉토리가 생성됩니다

② permission

이미지 및 플래쉬 업로드 받을 확장자를 ","를 구분으로 입력하세요

이 이외의 확장자를 가진 파일은 업로드 되지 않습니다

③ forward

첨부되어있는 upload.jsp 의 위치를 지정해 주세요

④ maxsize

이미지 및 플래쉬 업로드시 제한 사이즈 입니다(메가단위)

⑤ imagevalidate

업로드된 이미지가 실제 이미지인지 체크합니다 (y/n)

⑥ thumbnail

업로드된 이미지의 썸네일을 생성하려면 y를 그렇지 않다면 n을 설정하세요

⑦ thumbnail_target

업로드된 이미지의 썸네일이 저장된 디렉토리를 지정해 주세요

만약 alice.properties를 사용하지 않고 기존에 사용중인 properties(예를들어 oltp.properties라 가정)에

위 값을 설정하고 싶다면 web.xml에 다음을 추가하세요

<context-param>
<param-name>environment</param-name>
<param-value>oltp</param-value>
</context-param>

3. 서블릿 설정

Alice에서 이미지 업로드시 서블릿 형태로 업로드 하게 됩니다

web.xml 에 다음과 같이 기술되어 있습니다

<servlet>
    <servlet-name>alice-upload</servlet-name>
    <servlet-class>com.jakartaproject.alice.servlet.AliceUpload</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>alice-upload</servlet-name>
    <url-pattern>/alice-upload</url-pattern>
</servlet-mapping>

만약 웹서버와 연동중이라면 alice-upload가 WAS에 전달될 수 있도록 알맞게 수정해 주세요

번호	제목	글쓴이	일자	조회
5	엘리스 로딩속도 1	꿈이있는청년	2010-07-19	4,543
4	Alice 에디터 글 입력후 조회시 <P>태그에 의해 글사이가 많이 벌어지는 경우 1	GoodBug	2008-03-27	8,996
3	Alice Alice 다운로드 11 1	GoodBug	2008-03-04	19,748
2	설치방법 Alice 사용 매뉴얼 2	GoodBug	2008-03-04	17,417
	Alice Alice 설치방법 1 1	GoodBug	2008-03-04	18,151