11.Nas_1


새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사


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

♨ 카랜더 일정 :
  • 링크

  • 첨부

  • 컨텐츠 정보

    본문


     

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

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



    수정 파일


    plugin/editor/smarteditor2/SmartEditor2Skin.html

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


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

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

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


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

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

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


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

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

    해결하는 방법은 SE2BasicCreator.js 파일에서 

    아래 내용처럼 글꼴종류와 글꼴크기 부분을 주석 처리하면 해결될 겁니다.



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

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

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

    대부분의 아이콘들은 한글로 설명이 되어 있어서 구분하기 쉬울 겁니다.



    근데 화살표로 되어있는 더보기 아이콘도 툴바에서만 삭제하면 에러가 발생하는데 어디인지 헷갈릴 겁니다.

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


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



    * 참고 사항


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



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

    해결 방법은 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>



    수정 후 화면입니다.

     

    -------------------------------------- ♠ 출처는 링크 참조 바랍니다. https://11q.kr ♠

    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    등록된 댓글이 없습니다.


    새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사




    Total 1,760 / 27 Page
    [ 리눅스에서 폴더 찾기 리눅스에서 파일 찾기 ]

    리눅스에서 폴더 찾기전체 폴더에서 찾기find / -name 폴더명 -type d현재 폴더(및 하위폴더)에서 찾기find ./ -name 폴더명…

    [ 펌)시놀로지 보안 강화 하는법 / 해킹 당하다 대응 방법/ QR 리더 익스트림 OTP 링크 추가 설치 ]

    시놀로지 보안 강화 하는법 / 해킹 당하다 대응 방법 > 2차 인증 otp 패스입력.....QR 리더 익스트림모바일 QR 코드리더 OTP …

    [ 용량부족으로 외장하드를 기본볼륨으로 만들기 ]

    -용량부족으로 인해 외장하드를 기본볼륨으로 사용할 방법을 찾고있습니다.오태화2015-08 조회 2998 추천 0/etc/synoinfo.conf…

    [ ● 시놀로지작업) 시놀로지 초기 설치 설정하기 ( 또는 헤놀로지 부트로더 설정후) ]

    ● 시놀로지작업) 시놀로지 초기 설치설정하기 ( 또는 헤놀로지 부트로더 설정후) 시놀로지 초기구입이나 헤놀로지 부트로더 로 부팅후 설정 작업 입…

    [ 참조)jun's loader 1.02a 기반으로 atom 230 부트로더 만들기. ]

    참조)jun's loader 1.02a 기반으로 atom 230 부트로더 만들기. 링크 사이트 정보 입니다 jun's loader 1.02a 기…

    [ u5pvr 마우스 연결 감도 증대 및 무선랜-블루투스, 전파간섭 막으려면? (무선랜이 2.4GHZ만 있을 때… ]

    팁)u5pvr 마우스 연결 감도 증대 및 무선랜-블루투스, 전파간섭 막으려면? (무선랜이 2.4GHZ만 있을 때) 참조 자료미막스/tv-box …

    [ http://웹경로 접속하기 https:// 의 주의 요함 및 .htaccess 적용에 http://를 h… ]

    http://웹경로 접속하기 https:// 의 주의 요함 및 .htaccess 적용에 http://를 https://로 자동 리디랙션 적용하기…

    [ Android Emulator에서 앱 실행 ] 댓글 2

    Android Emulator에서 앱 실행Android Emulator는 기기를 시뮬레이션하여 이를 개발용 컴퓨터에 표시합니다. 이 에뮬레이터를…

    [ 배추스킨에 글작성 메뉴에 작성완료버튼 취소 버튼 추가로 PC모드 모바일모드 메뉴 추가 ]

    배추스킨에 글작성 메뉴에 작성완료 버튼 , 취소 버튼 추가로 PC모드 모바일모드 메뉴 추가적용파일 :w:\g5s\skin\board\miwit3…

    [ ● [우분투] 우분투 버전 및 하드웨어/사양 확인 저장장치 명령어 ]

    ●[우분투] 우분투 버전 및 하드웨어/사양 확인 저장장치 명령어https://cornbro.tistory.com/10참조 합니다- 리눅스 배포판…


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-06-29 23:15:21

    오늘의 홈 현황


    • 현재 접속자♨ 571 명
    • 오늘 가입자※ 3 명
    • 어제 가입자※ 4 명
    • 주간 가입자※ 8 명
    • 오늘 방문자 2,069 명
    • 어제 방문자 2,007 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,403,231 명
    • 전체 게시물※ 8,665 개
    • 전체 댓글수※ 24,795 개
    • 전체 회원수 11,077 명

    QR코드


    ☞ QR코드 스캔은 kakao앱 자체 QR코드

    알림 0








    최신글↑