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

본문 바로가기
전체검색

아이디비번찾기

그누보드 팁

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

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

페이지 정보

작성자 관리자 작성일17-11-05 16:35 조회711회

본문

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

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

로그인 후 댓글을 남겨주세요.
그누보드 팁 목록
번호 제목
공지 그누보드 팁 자료실 공지사항
92 썸네일 이미지 출력할 때 여백 없이 사용하기
91 문자열 글자 자르기 cut_str 함수
90 로그인 로그아웃했을 때 특정 페이지로 이동
89 메뉴 설정 회원 레벨별로 다르게 출력하기 댓글2
88 관리자 페이지 메뉴 추가하는 방법
87 게시판 조회수 새로고침 할 때마다 증가시키는 방법
86 인기 검색어 DB에 저장하지 않기
85 회원 아이디를 이메일 주소로 가입 및 로그인 댓글4
84 특정 게시판에서 이미지 파일만 업로드 허용하기
83 총 게시물수, 코멘트수 출력하기
82 게시판 관리자가 본인보다 레벨이 높은 회원이 작성한 글 관리
81 분류명에 특수문자는 사용할 수 없습니다.
80 네아로 네이버 소셜 로그인 도메인 www 유무에 따라 안 되는 현상
79 네아로 네이버 소셜 로그인을 사용할 때 접속 해제하는 방법
78 최고관리자,게시판관리자 여러명 추가하기
77 테스트 회원 아이디를 제공할 때 회원 정보 수정 금지
76 아이코드 문자 발신번호 등록하는 방법
75 Warning: Unknown: write failed: Disk quota exceeded 그누보드 사용 …
74 소셜 로그인 그누보드 5.3버전에 있는 것을 5.2버전에 추가하기 댓글2
73 사이트에 숨김 처리된 스팸 광고 글이 있는지 확인하는 방법
72 광고 스팸성 글을 안 보이게 숨겨서 올리는 것 필터링
71 게시판 글 제목이나 내용에서 단어 필터링 관리자는 예외 시키기
70 인덱스(index) 페이지에 특정 게시판을 직접 출력하기 댓글4
69 모바일과 PC 테마 각각 다른 테마를 사용해서 적용하기
게시물 검색


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

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