웹마스터 팁
게시판 에디터 확장 컴퍼넌트 중 원하는 항목을 밖에다가 버튼화
2010.07.18 08:25
역시나 제 홈피에 써둔글을 퍼왔습니다.
따라서 말이 짧더라도 양해바랍니다 ^^
글 출처 - 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 형태로 수정사항을 보관해두면 편하다
댓글 3
-
러키군
2010.07.18 12:44
-
baqui
2011.01.15 03:30
정말 감사합니다...꼭 필요했어요...
-
socialskyo
2013.09.03 00:29
요걸로 이모티콘을 밖으로 뺴고 싶은데....1.7에서는 안되나 봐요....
좋은정보네요. ^^
근데 기본스킨을 수정해서 쓰실경우 왠만하면 폴더 카피해서 다른이름으로 바꾸신후 쓰시는게 추후 업데이트를 위해 좋습니다. :)