XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
출처 | sejin7940 |
---|
확장 컴퍼넌트 중, 원하는 항목을 밖에다가 버튼만들기
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 형태로 수정사항을 보관해두면 편하다