웹마스터 팁

XE기본기능으로 들어가 있는데 잘 모르시는 분들이 계신것 같아서 팁게에 올려봅니다.

/* 정확히는 저도 1.2.4설치하고 이것 저것 만지다 알게 되었습니다 =ㅁ=   */

 

우선 서식기능은 관리자가 임의로 설정해둔 내용이 글 작성 버튼을 누르면 내용 입력폼에 자동으로 기본 서식이 출력되는 기능입니다.

 

해당 서식은 직접 만드셔야 됩니다.

 

 

1. /modules/editor/style 폴더에 새로운 폴더를 하나 만듭니다.. 저는  newstyle 이라는 폴더로 만들어 봤습니다.

style1.jpg

 

2. 저는 이곳에 default 스타일 화일을 그대로 복사 해서 옮겨 왔습니다. (자신의 능력하에 직접 파일을 만드셔도 됩니다.)

   - 아래 파일을 전부 복사해서  newstyle 폴더에 붙여넣기!!

style2.jpg

 

 

 

3. editor.html 파일을 열어  <body> </body> 태그 사이에 내용을 작성해 줍니다.

 - HTML 도 사용가능하며 이곳에 작성 된 내용이 기본 서식으로 출력 됩니다.

 - 이때 html 파일의 저장은 꼭 UTF-8로 해주세요 안그러면 한글이 깨져서 나옵니다.

 

style3.jpg

 

 

4. skin.xml 파일을 열어 수정합니다.

  - default 파일을 수정하였기에 한글로 된 부분만 우선 수정 했습니다.

 - 테스트 용이라 다른 부분은 그냥 안건드렸습니다.

style4.jpg

 

 

 

5. 관리자 페이지에서 해당 서식을 사용할 게시판 모듈의 추가 설정 으로 들어갑니다.

 - 추가 설정에 문서서식 이라는 항목이 있고 보시는 것처럼 테스트로만든서식 이라는 항목이 추가되어있습니다.

 

style5.jpg

 

 

 

 

6. 쓰기 버튼을 누르니  기본적으로 아래와 같이 텍스트 <hr>태그 <b> 태그  <table> 태그가 적용되어있습니다. 테이블은 내용이 없어서 안보이네요 ;;

style7.jpg

 

 

만약 UTF-8로 저장을 안하시면 한글이 아래처럼 깨져서 나오니 주의 하세요.

style6.jpg

 

 

 

/*====================  수정 내용=====================*/

 YO-DA 님 댓글 보고 수정 하였습니다.

위의 서식을 적용할 경우 댓글에도 서식이 적용 되어 나오는 현상이 있습니다.

 

/modules/editor/editor.model.php

line 242  주석 처리

 

 function getModuleEditor($type = 'document', $module_srl, $upload_target_srl, $primary_key_name, $content_key_name) {
            // 지정된 모듈의 에디터 설정을 구해옴
            $editor_config = $this->getEditorConfig($module_srl);

            // type에 따른 설정 정리
            if($type == 'document') {
                $config->editor_skin = $editor_config->editor_skin;
                $config->content_style = $editor_config->content_style;
                $config->content_font = $editor_config->content_font;
                $config->content_font_size = $editor_config->content_font_size;
                $config->sel_editor_colorset = $editor_config->sel_editor_colorset;
                $config->upload_file_grant = $editor_config->upload_file_grant;
                $config->enable_default_component_grant = $editor_config->enable_default_component_grant;
                $config->enable_component_grant = $editor_config->enable_component_grant;
                $config->enable_html_grant = $editor_config->enable_html_grant;
                $config->editor_height = $editor_config->editor_height;
                $config->enable_autosave = $editor_config->enable_autosave;
            } else {
                $config->editor_skin = $editor_config->comment_editor_skin;
                //$config->content_style = $editor_config->content_style;
                $config->content_font = $editor_config->content_font;
                $config->content_font_size = $editor_config->content_font_size;
                $config->sel_editor_colorset = $editor_config->sel_comment_editor_colorset;
                $config->upload_file_grant = $editor_config->comment_upload_file_grant;
                $config->enable_default_component_grant = $editor_config->enable_comment_default_component_grant;
                $config->enable_component_grant = $editor_config->enable_comment_component_grant;
                $config->enable_html_grant = $editor_config->enable_comment_html_grant;
                $config->editor_height = $editor_config->comment_editor_height;
                $config->enable_autosave = 'N';
            }

 

빨간색으로 된 부분을 주석 처리 하시면 댓글에 서식이 적용되지 않습니다. 

 

 

/*========== 중요========= */

 

XpressEditor 사용상 약간 불편한 점으로(다른 에디터는 잘 모르겠네요) 테이블 문제가 있습니다.

테이블 생성시 테이블의 상하에 여백이 없으면 커서가 테이블 밖으로 나갈 수 있는 방법이 없습니다.

html 을 아는 분들은 별도로 html 수정을 통해 공간을 만들지만 일반적으로 위지윅 에디터를 사용하는 유저들은 짜증을 부리게 되더군요.

사내에서 XE를 사용중인데 사내 데이터들을 엑셀에서 복사해서 붙여넣는다던가 테이블로 작성하는 경우가 많아서 불평/불만을 많이 듣고 있습니다.

테이블 생성 시 테이블의 상/하에 <p> 태그 하나 정도 넣어서 커서가 위치할 수 있도록 해주셔야 됩니다.

제목 글쓴이 날짜
다른 서버 간 서브도메인 쿠키 공유 에이트 2018.08.04
요즘 제가 jquery 웹앱 솔루션을 개발했습니다. [1] file 안드류KIM 2018.04.03
DB를 손쉽게 관리 [1] EISOFT 2018.07.15
act로 다른 페이지 보여주기 이온디 2018.07.25
CKEditor 이용시 몇가지 유용한 설정 [11] prologos 2015.05.02
Google 스프레드시트에서 구글 번역으로 XE 다국어 내용 만들기(Lang.xml 용도) file 달빛늑대 2018.07.17
Code-Highlighter 3.0.83 가로 스크롤바를 어디론가 보내 버리고 싶으신 분. 달빛늑대 2018.07.16
XE용 CKEditor v4.9.2 (다크 스킨 수정) file 큰돌♡ 2018.07.04
[수정]알림센터 Lite에 메일발송 기능을 추가하기 [13] file 매실茶 2013.11.25
고정도메인 host 변경하기 해피정닷컴 2016.03.11
도메인 변경 또는 설치 폴더 변경시 이미지 주소변경하기 file 해피정닷컴 2018.06.08
게시판글 엑셀 파일 보내기 php7용 file 황금날개 2018.06.05
단축url API 사용하시는 분들... 미스터강 2018.06.01
글 작성시 미리 저장된 서식 불러오기. [10] file 개돌 2009.07.09
[PHP] 이름 및 연락처 마스킹 처리 ppumweb 2018.05.21
새로운 쪽지 유무에 따라 이미지 변경하는 법 [2] 멀티비타민 2013.12.16
관리권한 없이도 특정그룹에게 비밀글 열람 및 댓글작성 권한 부여하는 방법 ( 부운영자등을 위해) sejin7940 2018.04.26
윈도우 8.1 및 윈도우10 에서 IIS + mysql + PHP 설치 [9] file HSJI 2014.07.21
게시판 본문읽기에서 컨텐츠 이미지와 텍스트 분리하여 출력하기 forest535 2018.04.09
EXIF 메타정보 필요하신 분 있으시면 forest535 2018.04.09