카페엔넷 OpenAPI:: rainEditor Reference / Home / rainEditor / Reference

Cafen.net OpenAPI

Friendly Used by

	IE < 6.0, IE 5.5
	FireFox
	Google Chrome
	Safari
	Flock
	Opera

Samples

- rainEditor

- rainMap

- rainGraph

- openAPI Search

References

- rainEditor

- rainMap

- rainGraph

- openAPI Search

The Last Tails

Visitors Statistics

Site | Page

openAPI Use Statistics

Editor | Map | Others

rainEditor Reference

http://openapi.cafen.net/editor/reference/

_ Home _ rainEditor _ Reference

Script URL Code

	
<script TYPE="text/JavaScript" LANGUAGE="JavaScript1.2" 
	SRC="http://service.cafen.net/?hl=ko&api=editor"></script>

	
<script TYPE="text/JavaScript" LANGUAGE="JavaScript1.2" 
	SRC="http://service.cafen.net/?hl=ko&api=editor_with_cross"></script>

rainEditor

Constructor


Constructor		Description

rainEditor(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 : 문서의 최하위)

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	첨부된 이미지 갯수 가져오기

setMode(mode)	void	편집 모드 변경 'H' : 웹편집모드, 'S' : 소스 편집, 'T' : TEXT 편집 모드, 'A' : 혼합편집모드, 'P' : 미리보기

Attribute of Textarea


key	Value	Description

width	Number	에디터의 가로 폭 (pixel 단위)

height	Number	에디터의 세로 폭 (pixel 단위)

attachfile_size	Number	첨부 가능한 용량 (bite 단위, 1 M = 1024*1024 = 1048576))

toolbar	String	상단 툴바 세트 (base, simple, joins, power1, power2, full, small, noattach , 기타 사용자 정의 메뉴)

middlebar	String	하단 바 세트 설정 (base, joins, attach, service, off, 기타 사용자 정의 메뉴)

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 로 사용할것 rainEditorParser 를 사용한 경우에 한해서 true 로 사용할 것)

Global Var - rainGlobalConf


Key	Value	Description

uploadSCRIPT	String	업로드 스크립터 경로 명, 되도록 / 로 시작 하는 경로를 넣을 것, http:// 로 시작하는 경우 editor_with_cross api 를 사용해야함 작성 중인 서버와 첨부 파일 서버의 도메인이 다른 경우 editor_with_cross api 로 이용가능

downloadSCRIPT	String	rainEditorParser 이용시 사용 (편집, 작성에서 사용안함)

uploadURL	String	파일이 첨부 되었을 경우 해당 첨부 파일이 보여 줄 웹상의 경로

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 : 102410245

maxMovieSize	Number	동영상 첨부시 최대 첨부 가능 용량

maxFileBoxSize	Number	파일 박스 사용시 하나의 파일당 보관 가능 용량

maxFileBoxCnt	Number	파일박스 사용시 보관 가능 최대 첨부 파일 갯수

toolbarset	String	textarea toolbar 미설정시 사용할 기본 toolbarset

middlebarset	String	textarea middlebar 미설정시 사용할 기본 middlebarset

middlebarontop	Boolean	하단 툴바를 기본 툴바 상단에 위치시킬지 여부, 기본 false

xmlParse	Boolean	XML 파싱 방식을 사용할지 여부

useFilebox	Boolean	파일박스 사용 여부

useMediaPlayer	Boolean	플레쉬 미디어 플레이어 사용여부 서버에 ffmpeg 설치가 요구됨

useImageEditor	Boolean	이미지 편집기능 사용여부

mediaPlayer	Object	플레쉬 미디어 플레이어 옵션 logo : _rain_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

middlebarSet	Array	사용자 정의 middlebarset

skinSet	Array	사용자 정의 색상 스킨 셋

apiKeys	Object	사용 Open API 키 { NAVER : '네이버 Open API 키', DAUM : '다음 Open API 키', GOOGLE : '구글 Open API 키 / 필요 없음 미사용시 공백', LIVE : 'Live Open API 키' }

rainLoad

	
<script TYPE="text/JavaScript" charset="utf-8" LANGUAGE="JavaScript1.2" 
	SRC="http://service.cafen.net/rainLoad.js"></script>
<script language="javascript">
rain.load('editor','ko');

window.onload = function() {
	var reditor = new rainEditor();
	reditor.renderElementsById('raincontents');
}

</script>

rain.load


Key	Value	Description

param1	editor	레인 에디터 로드

"	editorcross	레인 에디터 로드 - CROSS Domain 로드

param2	ko	한글 에디터

"	en	영문 에디터

"	ja	일문 에디터

"	cn	중문 에디터

rainTails by Page