ALICE
ALICE 질문&답변ALICE FAQALICE 테스트게시판
Alice 설치 및 FAQ
Alice 설치 및 FAQ
Alice 설치 및 FAQ 게시판 입니다
질문은 Alice Q&A로 해주세요
테스트는 Unicorn 테스트 게시판을 이용하시면 됩니다
Alice 사용 매뉴얼
GoodBug http://www.jakartaproject.com
이미지 슬라이더 보기

Alice 사용 매뉴얼

 

 

1. Alice 로딩방법

 

<link rel="stylesheet" type="text/css" HREF="/css/alice.css">
<link rel="stylesheet" type="text/css" HREF="/css/oz.css">
<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/extprototype.js"></script> 
<script type="text/javascript" src="/js/oz.js"></script> 
<script type="text/javascript" src="/js/alice.js"></script>
<script type="text/javascript" src="/js/config.js"></script>

<script type="text/javascript">

var alice;

Event.observe(window, "load", function() {

    alice = Web.EditorManager.instance("test");

});

</script>

 

<textarea name="test"></textarea>

 

두개의 css와 5개의 javascript를 import 합니다

Alice 로딩은 Web.EditorManager.instance("test"); 와 같이 하며, 파라미터는 textarea의 name이나 id속성값을 주시면 됩니다

window.onload시 위 코드를 넣어주는게 좋습니다

 

 

2. Alice 로딩시 옵션

 

① width,heigt : 에디터 크기 설정, px값으로 숫자형 혹은 %값으로 문자형
                  %로 줄 경우 상위 parent element의 크기에 비례해서 사이징함
② limit : 에디터 글자수 제한 설정, 주지않을경우 제한 없음 , 숫자형
③ type : 에디터 메뉴 종류 설정, detail, normal, simple 3가지 유형으로 제공, 디폴트 datail
④ family : 에디터 폰트설정, 문자형, 디폴트 돋움
⑤ size : 에디터 폰트 사이즈 설정, 문자형, 디폴트 13px
⑥ thumbnail : 썸네일 사용시 썸네일 이미지 크기 설정, 숫자형
⑦ invoke : 이미지 업로드후 호출할 함수설정, 문자형

 

예시)

alice = Web.EditorManager.instance("test", {width:700,height:300,limit:1000});    
alice = Web.EditorManager.instance("test", {width:'600px',height:'100%'});      

alice = Web.EditorManager.instance("test", {limit:1000});
alice = Web.EditorManager.instance("test", {type:'simple',family:'verdana',size:'14px'});
alice = Web.EditorManager.instance("test", {type:'detail',invoke:'uploadAfter'});

alice = Web.EditorManager.instance("test",{type:'detail',width:600,height:300,limit:1000,family:'돋움',size:'13px'});

 

 

3. 두개 이상의 Alice 로딩하기

 

var alice1 = Web.EditorManager.instance("test1");
var alice2 = Web.EditorManager.instance("test2");

...

 

 

4. 지원 함수

 

 -. getContent()

    에디터 내용을 가져옵니다

 -. getContentWithLimit()

    에디터 내용을 가져오는데 limit옵션으로 글자수 제한이 걸려있는경우, 제한에 걸리면 null을 반환합니다

 -. isLimit()

    limit 옵션을 걸었을 경우 제한에 걸리는지 안걸리는제 boolean으로 반환합니다

 -. setContent(String content)

    현재 에디터 내용을 content를 에디터 내용으로 대체합니다

    ※ textarea에 내용이 들어있을 경우 Alice로드시 textarea의 내용을 자동으로 로딩합니다

 -. appendContent(String content)

    현재 에디터 내용에 content값을 추가합니다

 -. getLogicalFile()

    첨부된 파일(업로드된 이미지 및 플래쉬)의 논리 파일 이름을 가져옵니다

 -. getPysicalFile()

    첨부된 파일(업로드된 이미지 및 플래쉬)의 물리 파일 이름을 가져옵니다

 -. getFullPhsycalFile()

    첨부된 파일(업로드된 이미지 및 플래쉬)의 물리 풀패스 파일 이름을 가져옵니다

 -. disableAlice()

    에디터를 disable 시킵니다

 -. enableAlice()

    disable된 에디터를 enable 시킵니다

 -. showAlice()

    hide된 에디터를 show 합니다

 -. hideAlice()

    현재 에디터를 감춥니다

 

사용예

var alice = Web.EditorManager.instance("test1");

...

alice.getContent();

alice.isLimit();

...

 

첨부파일 : 사용예제

 

2011-06-01 16:45:57
211.189.124.***

 

좋은생각 ^^

첨부파일 (총 1개)
  1. use.html 3.01 KB (1,437 다운로드)
0점 (1명)
덧글 0개 | 태그 2개 | 관련글보기
태그입력
쉽표(,)구분으로 한번에 여러 태그를 입력할수 있습니다
Alice (7) 설치방법 (1)
이름 비밀번호
Alice 설치 및 FAQ
Alice 설치 및 FAQ 게시판 입니다
질문은 Alice Q&A로 해주세요
테스트는 Unicorn 테스트 게시판을 이용하시면 됩니다
! 번호 제목 글쓴이 일자 조회
5 엘리스 로딩속도 1 꿈이있는청년 2010-07-19 4,494
4 Alice 에디터 글 입력후 조회시 <P>태그에 의해 글사이가 많이 벌어지는 경우 1 GoodBug 2008-03-27 8,958
3 Alice Alice 다운로드 11 1 GoodBug 2008-03-04 19,614
설치방법 Alice 사용 매뉴얼 2 GoodBug 2008-03-04 17,349
1 Alice Alice 설치방법 1 1 GoodBug 2008-03-04 17,996
copyright 2005-2018 by Unicorn