웹마스터 팁
게시판 에디터 확장 컴퍼넌트 중 원하는 항목을 밖에다가 버튼화
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에서는 안되나 봐요....
제목 | 글쓴이 | 날짜 |
---|---|---|
포인트복권 팝업창 말고 현재창에서 바로 사용하기! [1] | 바가G | 2014.04.28 |
유챗 팝업창으로 만들기 [1] | oscarmike | 2014.04.26 |
도움안될 것 같은 람보의 주옥같은 팁1 (스케치북 스킨에서 ctrl+enter키로 댓글작성 완료하기) [5] | BJ람보 | 2014.04.26 |
머니시스템 보유머니 출력하기 [13] | oscarmike | 2014.04.24 |
회원가입시 아이피 기록하기 [10] | 수직상승 | 2014.04.24 |
css를 이용한 페이지 인식 | 헤이즈디자인 | 2014.04.23 |
Windows Server 이벤트 로그 정리하기 | StyleRoot | 2014.04.20 |
Windows Server 에서 세션 최적화 | StyleRoot | 2014.04.20 |
가비아에서 웹호스팅 관련 팁 [1] | JerryKim | 2014.04.19 |
무한 스크롤 스크립트 [4] | 웹빌드 | 2014.04.16 |
XE 업데이트후 갑자기 CSS/JS등이 403 오류가 날때 | YJSoft | 2014.04.16 |
include용 파일에는 닫는 php문이 없다? | YJSoft | 2014.04.14 |
NULL/XMAS 패킷 포트 스캐닝 방지 방안 | 고구마군 | 2014.04.12 |
<div>에 ajax html 넣기 [3] | 웹빌드 | 2014.04.10 |
xe 쪽지 보내기창에 파일첨부하기 연동하는 팁 [7] | 졸라맨 | 2014.04.09 |
장비 침입 탐지 및 자동 ip 차단 프로그램 소개 [4] | 고구마군 | 2014.04.09 |
Windows IIS 에서 F5 연타 방지하기 (mod_evasive , limit_req) [3] | StyleRoot | 2014.04.08 |
jquery 외부로드하기 [22] | DynamicLaser | 2014.04.07 |
부트스트랩 css 팁 [3] | 돼지코구뇽 | 2014.04.05 |
관리자를 제외하고는 타회원의 회원정보 보기를 막는 방법 [1] | sejin7940 | 2014.04.04 |
좋은정보네요. ^^
근데 기본스킨을 수정해서 쓰실경우 왠만하면 폴더 카피해서 다른이름으로 바꾸신후 쓰시는게 추후 업데이트를 위해 좋습니다. :)