RAON K Developer Manual

K Editor :: RAONKEDITOR_CustomAction

void RAONKEDITOR_CustomAction(editor_id, paramObj)

에디터에 custom icon을 추가하였을 때 icon 클릭시 동작하는 메소드 입니다.

command 추가

raonkeditor.config.xml 파일에서 tool_bar_1 또는 tool_bar_2 부분에서 원하는 위치에
command는 "c_"를 앞에 붙여서 작성하고 command에 대한 설명은 "|" 뒤에 작성합니다.

예)
<tool_bar_1>
<tool>new</tool>
<tool>...</tool>
<tool>c_go_homepage|홈페이지로 이동</tool>
</tool_bar_1>

icon 추가

16x16 사이즈로 아이콘을 만들어서 raonkeditor/images/raonk/icon 폴더에 넣습니다.
아이콘 파일 이름은 "command".gif 형태로 저장합니다.
예) c_go_homepage.gif

parameters

paramObj.strCmd 클릭된 icon의 command 값 입니다.
editor_id 적용할 에디터의 id 입니다.

remarks

custom icon 클릭시 동작할 메소드를 작성합니다.

sample code

<!-- ..... 생략 ..... -->

<script type="text/javascript" src="keditor/js/raonkeditor.js"></script>
<script type="text/javascript">

    function RAONKEDITOR_CustomAction(editorId, paramObj) {
        // paramObj.strCmd : 실행된 커스텀 아이콘 커맨드명

        //custom icon command 값이 "c_go_homepage"라고 가정합니다.
        if(paramObj.strCmd == "c_go_homepage"){
            window.open("http://www.raonk.com");
        }
        else if(paramObj.strCmd == ....){
        //work something ...
        }
        //work something ...
    } 	

</script> 	
</head>
<body>
<!-- ..... 생략 ..... -->
<div style="width:900px;height:550px">
  
    <script type="text/javascript">
     new RAONKEditor({Id:'editor1'});
    </script>       
 
</div>