스마트 에디터 툴바 아이콘 삭제하는 방법 > 그누보드팁

본문 바로가기
전체검색

그누스킨닷컴

그누보드팁

그누보드 영카트 초보 사용자를 위한 기본 매뉴얼, 스킨 제작 기초강좌를 공유합니다.

스마트 에디터 툴바 아이콘 삭제하는 방법

페이지 정보

작성자 관리자 작성일17-11-05 16:35 조회1,632회

본문

01e7aae7141d9aafd268160cc8b2dd0b_1509866337_6138.gif
 

스마트 에디터 툴바 아이콘 중에서 잘 사용하지 않는 기능들을 삭제하는 방법입니다.

모바일 같은 곳에서는 가로 사이즈가 좁기 때문에 일부 아이콘만 넣어서 사용하면 좋겠죠.



수정 파일


plugin/editor/smarteditor2/SmartEditor2Skin.html

plugin/editor/smarteditor2/js/service/SE2BasicCreator.js


위 두 파일을 수정하면 되는데..

실제 아이콘 출력 코드가 있는 파일은 SmartEditor2Skin.html 파일입니다.

한글로 문구가 다 있으니 필요 없는 아이콘 부분만 찾아서 삭제하면 됩니다.


근데 일부 아이콘들은 저 파일에서만 삭제하면 에러가 발생합니다.

예를 들어 글꼴종류, 글꼴크기, 글자색, 배경색, 표 등등...

이런 아이콘들은 SE2BasicCreator.js 파일에서도 수정해야 합니다.


예를 들어서 SmartEditor2Skin.html 파일에서 글꼴과 글꼴크기를 삭제하면 툴바 아이콘에서는 삭제되지만

에디터 공간 아래에 길게 여백이 생기고 사진 첨부 기능 등이 작동하지 않을 겁니다.

해결하는 방법은 SE2BasicCreator.js 파일에서 아래 내용처럼 글꼴종류와 글꼴크기 부분을 주석 처리하면 됩니다.


01e7aae7141d9aafd268160cc8b2dd0b_1509866725_3515.png


마찬가지 방법으로 다른 아이콘들도 삭제하면 됩니다.

SmartEditor2Skin.html 파일에서 일단 아이콘을 삭제 후

SE2BasicCreator.js 파일에서 해당 아이콘에 관련된 코드가 있으면 주석 처리합니다.

대부분의 아이콘들은 한글로 설명이 되어 있어서 구분하기 어렵지 않습니다.


01e7aae7141d9aafd268160cc8b2dd0b_1509866925_8578.gif


화살표로 되어있는 더보기 아이콘도 툴바에서만 삭제하면 에러가 발생하는데

저 부분 위치는 SE2BasicCreator.js 파일에서 마지막 부분에 있는 여기를 주석 처리하면 됩니다.


//oEditor.registerPlugin(new nhn.husky.SE2B_Customize_ToolBar(elAppContainer)); // 2.3 버젼에 있는 툴바 이용



* 참고 사항


수정 후 반영이 바로 안 되면 브라우저 캐시 삭제 후 확인


아이콘을 전부 삭제하고 싶을 때 사진첨부 기능만 남기고 모든 툴바 아이콘을 삭제하면 이런 화면으로 출력됩니다.


01e7aae7141d9aafd268160cc8b2dd0b_1509867563_5783.gif


기능은 작동하지만 세로 배경이 잘려서 보기에 좋지 않죠.

해결 방법은 SmartEditor2Skin.html 파일에서 해당 부분 height 값을 직접 넣어주면 됩니다.

예를 들어 이렇게..


<div class="se2_text_tool husky_seditor_text_tool" style="height:21px">

    <ul class="se2_multy">

        <li class="se2_mn husky_seditor_ui_photo_attach"><button type="button" class="se2_photo ico_btn"><span class="se2_icon"></span><span class="se2_mntxt">사진<span class="se2_new"></span></span></button></li>

    </ul>

</div>



수정 후 화면입니다.

01e7aae7141d9aafd268160cc8b2dd0b_1509867737_9087.gif 

lifeiscool님의 댓글

lifeiscool

은별님 감사합니다 잘 적용해볼게요 ^^

커뮤니티는 당분간 중단하겠습니다.
그누보드팁 목록
번호 제목
공지 그누보드 팁 자료실 공지사항
127 관리자 페이지에서 출력 순서대로 게시판 목록 정렬
126 관리자 페이지 회원 목록에서 회원 정보 일괄 수정하기
125 포인트 내역 전체 초기화 모든 회원 포인트를 0으로 변경
124 게시판 페이지 타이틀 수정 방법
123 메일 발송 기능 사용 시 네이버 스팸메일함으로 분류되는 원인
122 게시판 글 등록 시 메일 발송 비회원은 발송되지 않을 때 해결 방법
121 전체 최신글에서 특정 게시판 출력 제외하기
120 메뉴 설정에서 메뉴코드 me_code 출력하기
119 특정 메뉴 색상을 다르게 설정하기
118 어느 검색 사이트에서 링크 타고 왔는지 확인하는 방법
117 에디터 입력화면 세로 높이 수정 smarteditor2, ckeditor4, cheditor5
116 오토셋(Autoset) 사용방법6 - 가상 호스트 설정 댓글2
115 네이버 소셜로그인 네아로 검수요청 신청서 작성 방법
114 파일 업로드시 파일명 변경 없이 원본 그대로 업로드
113 로그인 영역을 오른쪽에서 왼쪽으로 이동
112 1:1 문의 게시판에 새글이나 답변글 등록시 쪽지 발송하기
111 그누보드 5.3 버전 기본 메뉴 중앙 정렬하기
110 자동등록방지 캡챠(kcaptcha)코드 삭제 - 그누보드 5.3 버전
109 네아로, 네이버 소셜 로그인으로 가입시 닉네임 값에 이메일 아이디가 입력될 경우 댓글1
108 MySQL 버전 차이로 phpmyadmin 에서 DB 필드 타입 변경이 안 될 때
107 네이버 구글 검색 서브 링크
106 메인 메뉴 3차까지 추가하기
105 모바일 브라우저에서 링크 터치 하이라이트 제거 (링크 클릭 영역)
104 그누보드 5.3 기본 레이아웃 전체 가로 사이즈 변경
게시물 검색


그누스터디는 그누보드, 영카트 초보 사용자를 위한 정보를 공유합니다.

Copyright © GNUSTUDY. All rights reserved.
상단으로