역시나 제 홈피에 써둔글을 퍼왔습니다.

따라서 말이 짧더라도 양해바랍니다 ^^

글 출처 - http://sejin7940.co.kr/tips_xe/2737

 

----------------------------------------------------------------------------------------------

 

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

 

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> 뒤에다가 추가해주면 된다.

 

 

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

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

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

 

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

 

<li style="margin:0px 0px 0px 5px; padding:0px;">
       <a href="#" onclick="return false;" id="component_{$editor_sequence}_확장컴퍼넌트이름" class="buttonOfficial"><span><img src="../../components/확장컴퍼넌트이름/component_icon.gif" alt="" width="13" height="12"/> 버튼이름</span></a>
 </li>

 

형태로 하면 된다.

 

 

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

 

    <!-- 네이버 포토에디터 외부로 뺌 (sejin7940 - 시작)-->
    <li style="margin:0px 0px 0px 5px; padding:0px;">
                    <a href="#" onclick="return false;" id="component_{$editor_sequence}_photo_editor" class="buttonOfficial"><span><img src="../../components/photo_editor/component_icon.gif" alt="" width="13" height="12"/> Naver Photo Editor</span></a>
    </li>
    <!-- 네이버 포토에디터 외부로 뺌 (sejin7940 - 끝)-->

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

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

 

 

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

혹시 모르니, 수정전에 원본 파일은 별도 백업해서 저장해두고..

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