[XE 기능개선] 게시판 에디터 확장 컴퍼넌트 중 원하는 항목을 밖에다가 버튼화

확장 컴퍼넌트 중, 원하는 항목을  밖에다가 버튼만들기

modules/editor/skins//xpresseditor/editor.html  을 수정하면 된다

            <!--@if($enable_component)-->
            <ul class="extra2">

                <!-- 확장 컴포넌트 출력 -->
                <li class="extensions xpress_xeditor_ui_extension">

                   ~~~~~~~~~~~

                </li>

             </ul> 

구조인데, 

확장컴퍼넌트 앞에다가 넣고싶으면,  <ul class="extra2"> 뒤에 바로 넣어주면 되고

확장컴퍼넌트 뒤에다가 넣고프면,  </li> 뒤에다가 추가해주면 된다.

우선, 밖으로 빼려는 확장컴퍼넌트의 이름을 알아야한다.

관리자페이지 에서 기능설정->이지웍에디터  에서 보면..

해당 컴퍼넌트의 이름을 알 수 있다.   (한글이 아니라 괄호 속에 있는 영어로 된 부분)

이 값을 이용해, 추가할 소스를 작성하면 된다.

   <ul id="editor_component_{$editor_sequence}" class="editorComponent">
    <li style="border:1px solid #bbb !important; padding:0px 5px 1px 5px !important;" onmouseover="this.style.background='#c3f57f'" onmouseout="this.style.background='transparent'"><a href="#" onclick="return false;" id="component_{$editor_sequence}_확장컴퍼넌트이름" style="text-decoration:none;"><img src="../../components/확장컴퍼넌트이름/component_icon.gif" alt="" width="13" height="12"/>버튼이름</a></li>
   </ul>

형태로 하면 된다.

예를들면,   네이버포토에디터 확장컴퍼넌트 (photo_editor) 를 추가로 설치한 뒤에...  이를 밖으로 뺄 경우

    <!-- 네이버 포토에디터 외부로 뺴둠 (sejin7940 - 시작)-->
<ul id="editor_component_{$editor_sequence}" class="editorComponent">
    <li style="border:1px solid #bbb !important; padding:0px 5px 1px 5px !important;" onmouseover="this.style.background='#c3f57f'" onmouseout="this.style.background='transparent'"><a href="#" onclick="return false;" id="component_{$editor_sequence}_photo_editor" style="text-decoration:none;"><img src="../../components/photo_editor/component_icon.gif" alt="" width="13" height="12"/>포토에디터</a></li>
   </ul>
    <!-- 네이버 포토에디터 외부로 뺴둠 (sejin7940 - 끝)-->

형식으로 위의 소스  <ul> 내부에 추가하면 된다.

괜히 설명이 복잡한듯한데, 해보면 간단하게 할 수 있을 것이다.

다만, 이 부분 또한 XE Core 내부에 속하긴한다.

xpresseditor  에디터  가 업데이트 되거나 덮어지면 지워지니...   editor_bk.html  형태로 수정사항을 보관해두면 편하다