HTML에디터

Description

HTML 에디터

Remark

HTML 에디터

Members

Name Description
back_color
배경색 설정
back_color_opacity
배경색 투명도 0~10 (0:투명, 1:불투명)
border
border 스타일 선택
border_color
border 색상 설정
border_ex

보더 설정

border_radius
보더의 굴림정도 설정
boxshadow_type

박스 그림자 유형

editor_font

에디터 기본 폰트

editor_font_use

editor_font 속성 사용 여부

editor_forecolor

에디터 기본 전경색

editor_forecolor_use

editor_forecolor 속성 사용 여부

editor_style_type

에디터 기본 스타일 적용 방식

font
폰트 설정
fore_color

타이틀 전경색 설정

style

스타일 설정

transparent
배경을 투명하게 보일지 여부
control_id
화면 내 컨트롤의 순번
description
패널 이름에 대한 설명
meta_id
메타 아이디 설정
name
패널의 이름 설정
editable

에디터 편집 가능 여부

font_name_list

폰트 이름 선택 박스에 표시될 폰트 이름 리스트 (여러 개를 지정할 경우, 공백없이 콤마(,)로 구분하여 지정) (예: 궁서체,굴림체)

font_name_usage

폰트 이름 선택 박스에 폰트 이름 표시 방법

font_size_list

폰트 크기 선택 박스에 표시될 폰트 크기 리스트 (여러 개를 지정할 경우, 공백없이 콤마(,)로 구분하여 지정) (예: 9px,10px,12px)

font_size_usage

폰트 이름 선택 박스에 폰트 이름 표시 방법

footbar_show

하단바 표시 여부

hidden

거래 화면에 보일지 여부. 거래 데이터에는 존재

html_css_url

에디터 내부 CSS URL(html_url이 빈값일때만 적용됨)

html_url

편집 대상 HTML URL

hyperlink_show

하이퍼 링크 버튼 표시 여부

imagelink_show

이미지 링크 버튼 표시 여부

localimage_show

로컬 이미지 버튼 표시 여부

menubar_format_show

메뉴바 포맷팅 콤보 표시 여부

menubar_height

메뉴바 높이 설정

menubar_show

메뉴바 표시 여부

table_show

테이블 버튼 표시 여부

toolbar_show

툴바 표시 여부

tooltipbox

별도의 툴팁박스를 이용하여 상세 툴팁을 표시한다. 툴팁박스 내용은 HTML 문자열을 포함할 수 있다. toolipbox 속성값 처리용 get/settooltipbox API 도움말을 참조한다.

tooltipbox 속성값을 일반 문자열로 지정할 경우, 입력된 문자열을 개행 문자를 포함하여 그대로 표시하기 위해서는 <pre> 태그로 감싸면 된다.

tooltipbox 속성값을 JSON 형태의 문자열로 지정한 경우, 아래의 내용를 참조한다.

{
    "placement": 2,  // [옵션] 툴팁 박스 표시 위치 (0:left, 1:right, 2:top, 3:bottom)
    "width": 200,    // [옵션] 툽팁 박스 최대 너비
    "horz_align": 1, // [옵션] 툴팁 박스 수평 정렬 (0:left, 1:center; 2:right)
    "vert_align": 1, // [옵션] 툴팁 박스 수직 정렬 (0:left, 1:center; 2:right)
    "title": "",     // [옵션] 타이틀 문자열/문자열 배열 (빈 문자열 지정시 표시하지 않음)
    "content": ""    // 내용 문자열/문자열 배열 (HTML 문자열 표현 가능)
}
value_type

값 유형, 0:body인 경우 HTML 영역에서 body 태그 내부의 값을 사용하고, 1:html인 경우, HTML 영역 전체 값을 사용함

anchor

컴포넌트의 배치 기준을 지정한다.

bottom

bottom 좌표 설정 (pixel 단위)

display_type

컴포넌트 DOM 오브젝트의 display CSS 속성을 지정한다.

height
높이 설정 (pixel 단위)
height_percent
높이 설정 (Percent)
height_unit
height size type
margin

컴포넌트 DOM의 margin CSS 속성 지정한다.

position

컴포넌트 DOM의 position CSS 속성 지정한다.

resize_dir

부모 크기 변경시 컴포넌트 크기 변경 방식을 지정한다.

right

right 좌표 설정 (pixel 단위)

width
너비 설정 (Pixel 단위)
width_percent
너비 설정 (Percent)
width_type
화면 너비 유형을 설정한다.
width_unit
width size type
x
X 좌표 설정 (Pixel 단위)
y
Y 좌표 설정 (Pixel 단위)

Api

Name Description
addcustomclass
컴포넌트에 특정 CSS 클래스를 추가하는 API이다.
addcustominputclass

필드성 컴포넌트 custom_input_class 속성에 CSS 클래스를 추가하는 API이다.

addtransitionclass

대상 컴포넌트에 transition 스타일이 포함된 CSS 클래스를 추가한다. transition 스타일에 지정된 속성 처리 완료시 strCallbackFunc 파라미터에 지정된 함수가 호출된다.

animate

애니메이션효과를 설정하는 API이다.

animatefinish

애니메이션 진행을 종료하고 애니메이션 완료시 상태로 표시한다.

animatestop

애니메이션 진행 종료 및 애니메이션 큐 상태 삭제 처리를 수행한다.

destroy
콘트롤을 Destory하는 API입니다.
ensurevisible
스크롤 외 영역의 컨트롤을 화면에 보이도록 스크롤을 이동하는 API이다.
eventlock

컨트롤의 이벤트 발생 여부를 설정한다

filldupdata
dup 버퍼가 활성화 되어있는지 여부를 확인하고 dup 버퍼에 있는 값을 반환하는 API이다.
getarrayindex
필드컨트롤 및 버튼컨트롤의 arrayindex 값을 가져오는 API이다.
getbackcolor
오브젝트의 배경색을 가져오는 API이다.
getbottom
컨트롤의 아랫쪽(bottom) 위치값을 반환하는 API이다.
getboxshadoweffecttype
컴포넌트의 boxshadow_type 속성값을 반환하는 API이다.
getcontrolid
컨트롤의 아이디값을 반환하는 API이다.
getcontrolkind

컴포넌트 종류에 대해 정의된 상수를 반환하는 API이다.

getcustomdata

콤포넌트의 custom_data 속성값을 가져오는 API이다.

getcustomprop
Custom속성으로 사용하는 속성들의 값을 반환한다.
getdescription
컨트롤의 설명(description값)을 반환하는 API이다.
getdom
컴포넌트에 해당하는 HTML DOM 오브젝트를 리턴한다.
getdomid
컴포넌트 내부에서 사용하는 DOM ID를 반환하는 API이다.
getdragable dragable 속성값을 리턴한다.
geteditable
HTML에디터의 editable 속성값을 반환하는 API이다.
geteditmode

현재 에디트 모드 (0: editor, 1: html)를 반환한다.

geteditorfontuse

editor_font_use 속성값을 리턴한다.

geteditorforecoloruse

editor_forecolor_use 속성값을 리턴한다.

getenable
컨트롤의 활성화 상태를 가져오는 API이다.
geteventhandler
콤포넌트에 설정되어 있는 이벤트처리 함수정보를 읽어들이는 API입니다.
geteventlock

컨트롤의 이벤트 발생 여부를 반환한다

getfocusouttype
해당 컨트롤에 포커스 아웃이 발생한 유형을 리턴하는 API이다.
getfont
콤포넌트의 설정된 폰트 정보를 font class형태로 반환 받는 API입니다.
getfontbold
컨트롤의 text 폰트가 굵게(bold)효과가 적용되어 있는지 여부를 반환하는 API이다.
getfontitalic
컨트롤의 text 폰트가 이탤릭체(Italic:기울어진체)인지 여부를 반환하는 API이다.
getfontname
컨트롤의 text 폰트명을 반환하는 API이다.
getfontsize
컨트롤의 text 폰트의 크기를 반환하는 API이다.
getfontunderline
컨트롤의 text 폰트가 밑줄(underline)효과가 적용되어 있는지 여부를 반환하는 API이다.
getfootbarshow
HTML에디터의 하단바 표시 여부를 리턴하는 API이다.
getforecolor
컨트롤의 글자 색상을 반환하는 API이다.
getheight
컨트롤의 높이(height)값을 반환하는 API이다.
gethostdata
거래 가능한 모든 컨트롤의 host에서 수신받은 전문 전송용 텍스트를 반환하는 API이다.
gethtmlurl

html_url 속성값을 리턴한다.

getinputindex
컨트롤의 in_index값을 반환하는 API이다.
getinputtype

컴포넌트의 input_type 속성값을 반환하는 API이다.

getjdom
컴포넌트에 해당하는 jQuery 오브젝트를 리턴한다.
getleft
컨트롤의 왼쪽(x) 위치값을 반환하는 API이다.
getlinkxdataset
해당 콤포넌트에 Bind 되어 있는 xDataSet의 인스턴스를 반환하는 API이다.
getlinkxdatasetcolumnid
해당 콤포넌트에 Bind 된 xDataSet의 Column ID를 반환하는 API이다.
getlinkxdatasetid
해당 콤포넌트에 Bind 된 xDataSet ID를 반환하는 API이다.
getmargin
컴포넌트의 margin 속성값을 반환하는 API입니다.

getmenubarshow
HTML에디터의 메뉴바 표시 여부를 리턴하는 API이다.
getname
컨트롤의 이름을 반환하는 API이다.
getobjectkind
해당 인스턴스가 어떤 종류의 오브젝트인지 판단한다.
getoutputindex
컨트롤의 in_index값을 반환하는 API이다.
getparent

해당 콤포넌트의 Parent Instance를 가져오는 API입니다.

getparentscrinstance
해당 컨트롤이 포함되어 있는 부모 화면의 인스턴스를 가져오는 API이다.
getpointerevents

컴포넌트의 pointer_events 속성값을 반환하는 API이다.

getposition
컴포넌트의 position 속성값을 반환하는 API이다.
getrect

컴포넌트 좌표 배열을 반환하는 API이다.

getrectex

컴포넌트 좌표 정보 오브젝트를 반환하는 API이다.

getright
모든 컨트롤의 오른쪽(right) 위치값을 반환하는 API이다.
gettableviewpos
컴포넌트가 위치한 테이블뷰의 내 위치 정보를 가져오는 API이다.
gettabstop
컨트롤의 tabstop 상태를 반환하는 API이다.
gettext
컨트롤에 입력된 텍스트를 반환하는 API이다.
gettext
HTML에디터에 입력된 텍스트를 반환하는 API이다.
gettoolbarshow
HTML에디터의 툴바 표시 여부를 리턴하는 API이다.
gettooltipbox
컴포넌트 tooltipbox 속성값을 리턴하는 API이다.
gettop
컨트롤의 윗쪽(y) 위치값을 반환하는 API이다.
gettransparent
배경 투명여부를 읽어들이는 API이다.
getuserdata
콤포넌트에 사용자가 저장한 특정 값을 가져오는 API이다.
getvisible
오브젝트가 화면에 보이고 있는지 여부를 가져오는 API이다.
getwidth
컨트롤의 너비값(width)을 리턴하는 API이다.
getwindowbottom

브라우저 페이지 상의 컨트롤 하단(bottom) 위치값을 반환하는 API이다.

getwindowleft

브라우저 페이지 상의 컨트롤 좌측(left) 위치값을 반환하는 API이다.

getwindowrect

브라우저 페이지 상의 컨트롤 위치값들(left,top,right,bottom)을 배열으로 반환하는 API이다.

getwindowright

브라우저 페이지 상의 컨트롤 우측(right) 위치값을 반환하는 API이다.

getwindowtop

브라우저 페이지 상의 컨트롤 상단(Top) 위치값을 반환하는 API이다.

hascustomclass
컴포넌트에 특정 CSS 클래스가 추가되어 있는지 여부를 리턴하는 API이다.
hascustominputclass

필드성 컴포넌트 custom_input_class 속성에 CSS 클래스 존재여부를 리턴하는 API이다.

inserttml

HTML 에디터의 현재 위치에 HTML 문자열을 삽입한다.

iseditorloaded
HTML에디터 로딩완료 여부를 리턴하는 API이다.
isexpired
해당 API호출 시점에 해당 오브젝트가 소멸되지 않고 존재하는지 여부를 확인하는 API이다.
ishasfocus
컨트롤이 현재 포커스를 받고 있는지 확인하는 API이다.
ispanelchild
해당 컨트롤이 패널에 속해있는 컨트롤인지 여부를 반환하는 API이다.
istabpanelchild
해당 컨트롤이 탭패널에 속해있는 컨트롤인지 여부를 반환하는 API이다.
prop

컴포넌트의 속성값을 구한다.

propcreate

컴포넌트 생성시점의 특정 속성의 값을 구한다.

registerevent

동적으로 콤포넌트의 이벤트 처리 함수를 등록하거나 삭제할 수 있는 API이다.

removecustomclass
컴포넌트에 특정 CSS 클래스를 삭제하는 API이다.
removecustominputclass

필드성 컴포넌트 custom_input_class 속성에 CSS 클래스를 삭제하는 API이다.

rotate

컴포넌트 회전 효과를 설정하는 API이다.

회전 기준은 현재 회전된 상태가 아니라, 최초 회전이 되지 않은 상태가 기준이 된다. 만약 rotate 함수 호출 결과가 현재 회전된 상태와 동일한 경우에는, strFuncCallBack 파라미터에 해당하는 콜백 함수가 호출되지 않는다.

setarrayindex
컨트롤의 배열 arrayindex 값을 설정하는 API이다.
setbackcolor
컨트롤의 배경색을 설정하는 API이다.
setbackcolorex
컨트롤의 배경색을 설정하는 API이다.
setbackcoloropacity
컨트롤의 back_color_opacity값을 변경하는 API이다.
setborder
컨트롤의 테두리 스타일을 설정하는 API이다.
setbordercolor
컨트롤의 테두리 색상을 설정하는 API이다.
setbordercolordir
컨트롤의 테두리 색상을 설정하는 API이다.
setbordercolorex
컨트롤의 테두리 색상을 경계선마다 설정하는 API이다.
setborderwidth

컴포넌넌트의 테두리 너비를 설정하는 API이다.

setborderwidthex

컴포넌넌트의 테두리 너비를 경계선마다 설정하는 API이다.

setbottom
컴포넌트의 부모 기준 컴포넌트 아랫쪽(bottom) 위치값을 지정하는 API이다.
setboxshadoweffecttype
컴포넌트의 boxshadow_type 속성값을 설정하는 API이다.
setcustomdata

콤포넌트의 custom_data 속성값을 설정하는 API이다.

setcustomprop
Custom속성으로 사용하는 속성들의 값을 설정하는 API이다.
setdescription
컴포넌트의 description 속성값을 동적으로 변경할 수 있는 API입니다.
setdragable dragable 속성값을 설정한다.
seteditable
HTML에디터의 편집가능 여부를 설정하는 API이다.
seteditmode

현재 에디트 모드 (0: editor, 1: html)를 설정한다.

seteditorfontuse

editor_font_use 속성값을 설정한다.

seteditorforecoloruse

editor_forecolor_use 속성값을 설정한다.

setenable
해당 컨트롤의 활성화(enable) 여부를 설정하는 API이다.
setenableex
해당 컨트롤의 활성화(enable) 여부를 설정하는 API이다.
setfocus
해당 컨트롤에 포커스를 지정하는 API이다.
setfocusex
포커스를 줄 컨트롤을 지정하는 API이다.
setfont
컨트롤의 text 폰트 정보를 설정하는 API이다.
setfontex
콤포넌트의 폰트를 classFont 클래스를 이용하여 동적으로 변경하는 API이다.
setfootbarshow
HTML에디터의 하단바 표시 여부를 설정하는 API이다.
setforecolor
컨트롤의 글자색을 설정하는 API이다.
setforecolorex
컨트롤의 글자색을 설정하는 API이다.
setheight
컨트롤의 높이(height)값과 높이 단위를 변경하는 API이다.
sethostdata
거래 가능한 모든 컨트롤에 host에 데이터를 설정하는 API이다.
sethtmlurl

html_url 속성값을 설정한다.

setinputindex
컨트롤의 in_index값을 설정하는 API이다.
setinputtype

컴포넌트의 input_type 속성값을 설정하는 API이다.

setleft
컨트롤의 왼쪽(x) 위치값을 지정는 API이다.
setlefttop
컨트롤의 위치를 지정하는 API이다.
setmargin
컴포넌트의 margin 속성값을 설정하는 API입니다.

setmarginex

컴포넌트의 margin 속성값을 설정하는 API입니다.

setmenubarshow
HTML에디터의 메뉴바 표시 여부를 설정하는 API이다.
setname
컨트롤의 이름을 설정하는 API이다.
만약 기존에 동일한 이름이 존재한다면 false를 반환한다.
성공하면 그 이후에는 해당 이름으로 컨트롤 엑세스가 가능하다.
setoutputindex
컨트롤의 out_index값을 설정하는 API이다.
setpointerevents

컴포넌트의 pointer_events 속성값을 반환하는 API이다.

setposition
컴포넌트의 position 속성값을 설정하는 API이다.
setrect
컨트롤의 크기를 지정하는 API이다.
setrectex
컨트롤의 좌표를 변경하는 API로써 파라미터는 class형태로 전달한다.
setright
컴포넌트의 부모 기준 컴포넌트 오른쪽(right) 위치값을 지정하는 API이다.
setsize

컴포넌트의 크기를 변경하는 API이다.

setsizeex
컨트롤의 크기와 단위를 변경하는 API이다.
settabstop
컨트롤의 tabstop 상태를 설정하는 API이다.
settext
컨트롤에 텍스트를 설정하는 API이다.
settext

HTML에디터에 텍스트를 설정하는 API입니다.

settoolbarshow
HTML에디터의 툴바 표시 여부를 설정하는 API이다.
settooltipbox
컴포넌트 tooltipbox 속성을 설정하는 API이다.
settop
컨트롤의 윗쪽(y) 위치값을 지정는 API이다.
settransparent
배경 투명여부를 설정하는 API이다.
setuserdata
콤포넌트에 사용자 정의 값을 저장하기 위한 API이다.
setvaluetype

value_type 속성값을 설정한다.

setvisible
오브젝트를 화면에 보이게 할 지 여부를 설정하는 API이다.
setwidth
컨트롤의 너비값(width)과 너비 단위를 변경하는 API이다.
setzorder
해당 컴포넌트의 순서를 [맨 위로] 또는 [맨 뒤로] 바꿀 수 있는 API이다.
togglecustomclass
컴포넌트에 특정 CSS 클래스가 추가되어 있으면 삭제하고, 없으면 추가하는 API이다.
togglecustominputclass

필드성 컴포넌트 custom_input_class 속성에 특정 CSS 클래스가 추가되어 있으면 삭제하고, 없으면 추가하는 API이다.

val

컴포넌트의 값 문자열을 구하거나 설정한다.

Event

Name Description
on_change
에디터 내용이 변경될 때 호출됨
on_click
마우스로 항목을 클릭할 경우 호출됨
on_focusin
입력 포커스를 얻을 때 호출됨
on_focusout
입력 포커스를 잃을 때 호출됨
on_keydown

키가 눌렸을 때 호출되는 이벤트이다.

on_load
에디터 로딩이 완료되었을 때 호출됨
on_prekeydown

사용자가 입력한 키보드 이벤트에 대해서 표시 및 처리하기 전에 호출되는 이벤트이다.

Update Date

20190611