|
|
cafenEditor
API Load
<script>
var cafenGlobalConf = {
'scripturl' : 'http://service2.cafen.net/'
}
</script>
<script src="http://service2.cafen.net/cafen.js" type="text/javascript" charset='utf-8'></script>
cafen.J$('.... param').cafenEditor()
Methods
|
| Method |
|
example |
|
Description |
|
| #id |
|
cafen.J$('#some_textarea_id').cafenEditor() |
|
render editor by textarea id
|
|
| .classname |
|
cafen.J$('.some_textarea_classname').cafenEditor() |
|
render editor by textarea className
|
|
$('.... param').cafenEditor() - by JQuery PlugIn
Methods
|
| Method |
|
example |
|
Description |
|
| #id |
|
$('#some_textarea_id').cafenEditor() |
|
render editor by textarea id
|
|
| .classname |
|
$('.some_textarea_classname').cafenEditor() |
|
render editor by textarea className
|
|
cafenEditor
Constructor
|
| Constructor |
|
Description |
|
| cafenEditor() |
|
|
|
| cafenEditor(editor_url, editor_url_image, base_upload_url, base_upload_script, editor_callback) |
|
editor_url : 에디터 url
editor_url_image : 이미지 경로
base_upload_url : 기본 업로드 url
base_upload_script : 업로드 스크립터
editor_callback : 에디터 callback url
|
|
Methods
|
| Method |
|
Return Value |
|
Description |
|
| render(obj,...) |
|
void |
|
레인에디터 랜드링 obj : textarea id or object
|
|
| renderElement(obj,...) |
|
void |
|
render 의 별칭
|
|
| renderElementsByClassName(className) |
|
void |
|
class name 에 의한 랜드링
|
|
| renderElementsById(id) |
|
void |
|
id 에 의한 랜드링
|
|
| renderElementsByName(name) |
|
void |
|
name 에 의한 랜드링
|
|
Interface of Textarea
|
| Method |
|
Return Value |
|
Description |
|
| insertHTML(html,pos) |
|
void |
|
에디터 본문 안에 html 넣기 pos : 넣을 위치(0 : 현재 위치, 1 : 문서의 최상위, 2 : 문서의 최하위, 3: 문서 교체)
|
|
| isEditable() |
|
Boolean |
|
편집모드 여부, insertHTML 의 사용 가능 여부
|
|
| parse(bl) |
|
Boolean |
|
작성된 결과를 textarea 에 넘기기, bl : 페이지 이탈 방지 기능 해지 여부(false : 해제, true : 계속 둠)
|
|
| setUnload(bl) |
|
void |
|
페이지 이탈 방지 설정 true : 설정, false : 해제
|
|
| getContents() |
|
String |
|
작성된 본문 내용만 가져오기
|
|
| getAttach(bl) |
|
String |
|
첨부파일 내용을 String 으로 가져오기 bl
(null : 기존 환경설정, true : string 으로 가져오기, false : select object 방식, 'xml' : xml 형태로 가져오기)
|
|
| getAttachSize() |
|
Number |
|
첨부된 파일 용량 가져오기
|
|
| getAttachCnt() |
|
Number |
|
첨부된 파일 갯수 가져오기
|
|
| getAttachImage() |
|
Number |
|
첨부된 이미지 갯수 가져오기
|
|
| setSize(w, h) |
|
void |
|
에디터의 크기 지정
|
|
| setMode(mode) |
|
void |
|
편집 모드 변경 'H' : 웹편집모드, 'S' : 소스 편집,
'T' : TEXT 편집 모드, 'A' : 혼합편집모드, 'P' : 미리보기
|
|
setDoc(html)  |
|
void |
|
첨부파일 정보를 포함한 정보 교체
|
|
| getPageHeight() |
|
Int |
|
작성된 문서의 높이 가져오기(pixel)
|
|
| getPageWidth() |
|
Int |
|
작성된 문서의 폭 가져오기(pixel)
|
|
| addPage() |
|
Boolean |
|
페이지 추가
|
|
| movePage(num) |
|
Boolean |
|
페이지 이동, 1-n
|
|
| checkPage() |
|
Boolean |
|
페이지가 주어진 폭을 벗어 나는지 여부 확인
|
|
| deletePage() |
|
Boolean |
|
현재 작업 중인 페이지 삭제
|
|
| deletePage(num) |
|
Boolean |
|
num 번째 페이지 삭제
|
|
| getPageContents() |
|
String |
|
작성된 모든 페이지를 html 형태로 가져오기 (첨부파일 미포함)
|
|
| getPageCnt() |
|
Int |
|
페이지 수 가져오기
|
|
| getPageCurrent() |
|
Int |
|
현재 편집중인 페이지 번호 가져오기
|
|
| savePage() |
|
Boolean |
|
현재 편집중인 페이지 메모리 저장
|
|
Attribute of Textarea
|
| key |
|
Value |
|
Description |
|
| width |
|
Number |
|
에디터의 가로 폭 (pixel 단위)
|
|
| height |
|
Number |
|
에디터의 세로 폭 (pixel 단위)
|
|
| keeplinktarget |
|
boolean |
|
웹편집기의 링크 타켓 유지 - < v30
|
|
| attachfile_size |
|
Number |
|
첨부 가능한 용량 (bite 단위, 1 M = 1024*1024 = 1048576))
|
|
| statusoff |
|
Boolean |
|
하단 상태바 숨기기
|
|
| toolbar |
|
String |
|
상단 툴바 세트
(base, simple, joins, power1, power2, full, small, noattach , 기타 사용자 정의 메뉴)
|
|
| swaptab |
|
Boolean |
|
모드 변경 가능 여부 true 전환가능, false : 전환 불가
|
|
| topmenu |
|
Number |
|
모드 변경 메뉴 (HSTAP , H : 편집모드, S: 소스편집, T : text 편집, A : 자동모드, P 미리보기 || OFF 표시안함)
해당 문자의 조합으로 이루어지며 문자의 위치 순서에 따라서 메뉴가 만들어 짐)
|
|
| autoparse |
|
Boolean |
|
submit 이벤트 발생시 자동 파싱 여부 (dafault : true) 되도록 false 로 사용하고 textarea.parse() 를 이용할 것
|
|
| mode |
|
String |
|
기본 표시 편집 모드 (H : 편집모드, S : 소스편집, T : text 편집, A : 자동 모드)
|
|
| attach |
|
Boolean |
|
이미지 파일이 아닌 기타 파일의 첨부 가능여부 (true : 첨부가능, false : 첨부불가)
|
|
| max_length |
|
Number |
|
문서의 최대입력 가능 길이 (65535)
|
|
| linktitle |
|
String |
|
임시 저장 기능 사용시 임시저장 제목 input box object id
|
|
| skin |
|
String |
|
에디터의 색상 스킨(base, black, white, silver, whitenblack, blue, hani, 기타 사용자 정의 색상)
|
|
| usesign |
|
String |
|
이미지 편집시 사용할 이미지 서명 (기본 사용안함)
|
|
| filebox |
|
String |
|
파일박스, 이미지 박스, 임시 저장 기능 사용시 사용할 아이디(사이트 단위 고유한 문자 ex: 회원 아이디)
|
|
| autosave |
|
Number |
|
자동 저장 시간 설정 , 초단위 (0 : 사용안함, 최대 600 초)
|
|
| canbenull |
|
Boolean |
|
빈문서로 제출 가능 여부
|
|
| onloadfocus |
|
Boolean |
|
랜드링시 포커스 두기 여부(true , false)
|
|
| unloadevent |
|
Boolean |
|
페이지 이탈 감지 기능 작동여부
|
|
| simpleparser |
|
Boolean |
|
심플 파싱 사용여부 (true, false) 되도록 false 로 사용할것 cafenEditorParser 를 사용한 경우에 한해서 true 로 사용할 것)
|
|
| attachfile_cnt |
|
Int |
|
첨부 가능 파일 수(0 : 제한없음)
|
|
| onefile_size |
|
Int |
|
하나의 파일당 첨부 가능한 파일 용량 (bite 단위)
|
|
| attachfile_type |
|
String |
|
첨부가능 파일 타잎 (image,all,zip,photo,video,music,flash,etc)
|
|
| canbe_resize |
|
Boolean |
|
높이 제어 가능여부
|
|
| onready |
|
String |
|
에디터 완성시 호출 스크립터명
|
|
| parsewithoutattach |
|
Boolean |
|
결과 파싱시 첨부 파일 없이 파싱하기
|
|
| onloadhidetoolbar |
|
Boolean |
|
로딩시 툴바 접기
|
|
| maxpageheight |
|
Int |
|
페이지 최대 높이 (에디터의 높이보다 크야하며, 설정시 페이지 관련 Interface 호출 가능)
|
|
| showattachsize |
|
Int |
|
보일 첨부 파일 목록 갯수
|
|
| p2br |
|
Boolean |
|
P 태그를 BR 태그로 변환
|
|
Global Var - cafenGlobalConf
|
| Key |
|
Value |
|
Description |
|
| uploadSCRIPT |
|
String |
|
업로드 스크립터 경로 명, 되도록 / 로 시작 하는 경로를 넣을 것, http:// 로 시작하는 경우 editor_with_cross api 를 사용해야함
작성 중인 서버와 첨부 파일 서버의 도메인이 다른 경우 editor_with_cross api 로 이용가능
|
|
| downloadSCRIPT |
|
String |
|
cafenEditorParser 이용시 사용 (편집, 작성에서 사용안함)
|
|
| uploadURL |
|
String |
|
파일이 첨부 되었을 경우 해당 첨부 파일이 보여 줄 웹상의 경로
|
|
| useUnloadEvent |
|
Boolean |
|
파일 첨부시 이탈 방지 기능 사용여부 - < v30
|
|
| uploadDOMAIN |
|
String |
|
첨부파일이 업로드 되는 도메인 (기본은 현재 작성중인 도메인이 자동 세팅됨), 첨부 파일 도메인과 작성 도메인이 다른 경우를 제외하고 사용하지 말것
|
|
| callbackURL |
|
String |
|
서비스 기능 사용시 에디터와 통신 할 프로그램의 경로 해당 프로그램은 UPLOAD 서버의 editor_callback.html 이라는 이름으로 존재하나 upload 도메인과 작성 도메인이 다른 경우 작성 도메인에 두어야함
|
|
| editorClassName |
|
String |
|
에디터의 본문이 보여줄 style class 이름
|
|
| editorStyleSheet |
|
String |
|
기본 적으로 사용할 스타일 쉬트경로 (미 기재시 http://service.cafen.net/images/editor/blank.css 를 사용함)
|
|
| maxUploadSize |
|
Number |
|
최대 첨부 가능 용량 , textarea 에서 용량을 미설정시 사용할 값 default : 1024*1024*5
|
|
| maxMovieSize |
|
Number |
|
동영상 첨부시 최대 첨부 가능 용량
|
|
| maxFileBoxSize |
|
Number |
|
파일 박스 사용시 하나의 파일당 보관 가능 용량
|
|
| maxFileBoxCnt |
|
Number |
|
파일박스 사용시 보관 가능 최대 첨부 파일 갯수
|
|
| toolbarset |
|
String |
|
textarea toolbar 미설정시 사용할 기본 toolbarset
|
|
| xmlParse |
|
Boolean |
|
XML 파싱 방식을 사용할지 여부
|
|
| useFilebox |
|
Boolean |
|
파일박스 사용 여부
|
|
| useMediaPlayer |
|
Boolean |
|
플레쉬 미디어 플레이어 사용여부 서버에 ffmpeg 설치가 요구됨
|
|
| useImageEditor |
|
Boolean |
|
이미지 편집기능 사용여부
|
|
| mediaPlayer |
|
Object |
|
플레쉬 미디어 플레이어 옵션
logo : _cafen_service_url +'images/logo_media.png',
backColor : '0x000000',
frontColor : '0xccCCCC'
|
|
| useWebFont |
|
Array |
|
웹폰트 사용 옵션 family 는 webfont0 ~ webfont9 까지 사용 가능
[
{title : '폰트이름0', family : 'webfont0', url :'http://폰트 경로'},
{title : '폰트이름1', family : 'webfont1', url :'http://폰트 경로'},
{title : '폰트이름2', family : 'webfont2', url :'http://폰트 경로'},
{title : '폰트이름3', family : 'webfont3', url :'http://폰트 경로'},
{title : '폰트이름4', family : 'webfont4', url :'http://폰트 경로'},
]
|
|
| useDivColor |
|
Array |
|
사용자 정의 DivBlock 색상
[
'background-color:#ff00000;...;color:#0000000',
'background-color:#ff00000;...;color:#0000000',
'background-color:#ff00000;...;color:#0000000',
'background-color:#ff00000;...;color:#0000000'
]
|
|
| useEmoticon |
|
Array |
|
사용자 정의 이모티콘
[
{title : '이모티콘명', width : 제목폭 , text : ['이모티콘경로1',..]},
{title : '이모티콘명', width : 제목폭 , text : ['이모티콘경로1',..]}
]
|
|
| addedCSS |
|
Array |
|
편집모드에서 사용할 추가 CSS
|
|
| toolbarSet |
|
Array |
|
사용자 정의 toolbarset
|
|
| skinSet |
|
Array |
|
사용자 정의 색상 스킨 셋
|
|
| apiKeys |
|
Object |
|
사용 Open API 키
{
NAVER : '네이버 Open API 키',
DAUM : '다음 Open API 키',
GOOGLE : '구글 Open API 키 / 필요 없음 미사용시 공백',
LIVE : 'Live Open API 키'
}
|
|
User Defined Toolbar
|
| Value |
|
Description |
|
| group || [ | | 그룹시작 | |
| break || ] | | 그룹끝 | |
| blank | | 3px 공간 | |
| linebreak | | 라인 브레이크(라인 색상 있음) | |
| linebreakb | | 라인 브레이크 | |
| linebreakl | | 라인 브레이크(왼쪽 정열) | |
| linebreakc | | 라인 브레이크(중앙 정열) | |
| linebreakr | | 라인 브레이크(오른쪽 정열) | |
| fontname | | 폰트 | |
| fontsize | | 폰트크기 | |
| fontlarge | | 글자크게 | |
| fontsmall | | 글자작게 | |
| fontblock | | 서식 | |
| lineheight | | 높이 | |
| divblock | | 레이어 박스 | |
| new | | 새문서 | |
| save | | 임시 저장하기 | |
| open | | 임시 저장 문서 불러오기 | |
| find | | 검색 & 바꾸기 | |
| insertmore | | 더보기 | |
| bold | | 굵게 | |
| italic | | 기울림꼴 | |
| underline | | 밑줄 | |
| strikethrough | | 가운데줄 | |
| subscript | | 아래첨자 | |
| superscript | | 위첨자 | |
| justifyleft | | 왼쪽 맞춤 | |
| justifycenter | | 가운데 맞춤 | |
| justifyright | | 오른쪽 맞춤 | |
| justifyfull | | 양쪽 정렬 | |
| orderedlist | | 번호 매기기 | |
| unorderedlist | | 글머리 기호 | |
| outdent | | 내여쓰기 | |
| indent | | 들여쓰기 | |
| forecolor | | 글씨색 | |
| forecolorp | | 글씨색 | |
| backcolor | | 배경색 | |
| backcolorp | | 배경색 | |
| specialchar | | 특수문자 | |
| horizontalrule | | 가로줄 | |
| createlink | | 링크걸기 | |
| insertimgbox | | 이미지 박스 | |
| insertfilebox | | 파일 박스 | |
| insertimage | | 이미지 등록 | |
| insertimaged | | 이미지 편집하여 올리기 | |
| insertmedia | | 멀티 미디어 등록 | |
| insertmediad | | 멀티 미디어 등록(팝업) | |
| insertattach | | 파일 등록 | |
| insertattachd | | 다중파일 등록(팝업) | |
| insertmovie | | 외부 동영상 첨부 | |
| insertffmpeg | | 동영상 변환 첨부 | |
| insertflash | | 플레쉬 등록 | |
| inserttable | | 표 등록 | |
| inserticon | | 아이콘 등록 | |
| inserthtml | | 레이아웃 등록 | |
| minserthtml | | HTML 소스 등록 | |
| insertmap | | 지도 첨부 | |
| insertcode | | 코드등록 | |
| insertchart | | 차트 첨부 | |
| minsertimage | | 이미지 여러장 추가 | |
| minsertmedia | | 멀티 미디어 등록 | |
| minsertattach | | 파일 등록 | |
| minsertmovie | | 동영상 등록 | |
| minsertmap | | 지도첨부 | |
| minsertcode | | 코드첨부 | |
| minsertchart | | 차트첨부 | |
| preview | | 미리 보기 | |
| preview_in | | 미리 보기 | |
| redo | | 재실행 | |
| undo | | 실행취소 | |
| unlink | | 링크삭제 | |
| insertdb | | 데이타베이스 넣기 | |
| translate | | 번역하기 | |
| copy | | 복사 | |
| cut | | 잘라내기 | |
| paste | | 붙여넣기 | |
| copystyle | | 서식복사 | |
| pastestyle | | 서식붙여넣기 | |
| remove | | 서식지우기 | |
| print | | 프린터 | |
| callhelper | | 도움말 | |
| htmlmode | | HTML 소스 편집 | |
|
cafenGlobalConf.toolbarSet = {
'usertoolbar' : ['group','fontname','break'...]
}
|
> 기술개발서 > 웹편집기
