로그인

검색

Extra Form

// Toolbar configuration generated automatically by the editor based on config.toolbarGroups.
config.toolbar = [
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Save', 'NewPage', 'ExportPdf', 'Preview', 'Print', '-', 'Templates' ] }, 

20210917_153242.jpg


    { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },

20210917_153429.jpg


    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] },

20210917_153630.jpg


    { name: 'forms', items: [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },

20210917_153719.jpg


    '/',
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'CopyFormatting', 'RemoveFormat' ] },

20210917_153805.jpg


    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl', 'Language' ] },

20210917_153904.jpg


    { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },

20210917_153951.jpg


    { name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe' ] }, '/',

20210917_154055.jpg


    { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },

20210917_154207.jpg


    { name: 'colors', items: [ 'TextColor', 'BGColor' ] },

20210917_154239.jpg


    { name: 'tools', items: [ 'Maximize', 'ShowBlocks' ] },

20210917_154314.jpg


    { name: 'others', items: [ '-' ] },
    { name: 'about', items: [ 'About' ] }  20210917_154357.jpg


];

 

 

// Toolbar groups configuration.
config.toolbarGroups = [
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
    { name: 'forms' },
    '/',
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
    { name: 'links' },
    { name: 'insert' },
    '/',
    { name: 'styles' },
    { name: 'colors' },
    { name: 'tools' },
    { name: 'others' },
    { name: 'about' }
];

 


[XE 전용]

{ name: 'clipboard', groups: [ 'xecomponent'], 'emoticon', 'image_link', 'poll_maker', 

20210917_154445.jpg

 


[추가 플러그인]  20210917_170219.jpg

'btgrid', 'simplebutton'

 

  • < 플러그인의 toolbar 표시 부분 기본 형식  >

        init: function(editor) {
          
           // Add widget
           editor.ui.addButton('btgrid', {
             label: lang.createBtGrid,
             command: 'btgrid',
             toolbar: 'insert',                 // toolbar groub into which the button will be added
             icon: this.path + 'icons/btgrid.png'
           });    

     


  1. 11
    Dec 2021
    22:47

    Loading CSS

    Read More
  2. 28
    Nov 2021
    19:36

    CSS FlexBox

    Read More
  3. 27
    Nov 2021
    23:22

    CSS Layout 관련

    css에서 웹문서의 레이아웃을 지정하고 수정하기 위한 중요한 속성인 position, display, float 속성에 대해 확인해 봅니다. https://velog.io/@jeongmin_sung/TIL-CSS-position-display-float-%EC%A0%95%EB%A6%AC%ED%95%98%EA%B8%B0 https://www.w3schools.co...
    Read More
  4. 26
    Nov 2021
    21:40

    웹개발 툴, 그것을 알려드림 - 드림코딩 by 엘리

    ■ CSS Overview 개발자 도구 탭에 나타내기
    Read More
  5. 25
    Sep 2021
    23:05

    이미지를 가운데 정렬하기

    이미지 가운데 정렬하기 <img src = "excel.gif" style="vertical-align:middle" >
    Read More
  6. 17
    Sep 2021
    15:46

    Ckeditor Toolbar 등록 이름

    // Toolbar configuration generated automatically by the editor based on config.toolbarGroups. config.toolbar = [ { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Save', 'NewPage', 'ExportPdf', 'Preview...
    Read More
  7. 14
    Sep 2021
    00:19

    배경 이미지 고정 하기

    background-attachment : scroll | fixed | local ; 배경이미지의 스크롤 방식을 조절한다. scroll > 본문과 이미지가 같이 스크롤 됨. fixed > 본문이 스크롤 되어도 이미지는 고정됨. local >
    Read More
  8. 09
    Sep 2021
    23:17

    웹진형 제목 글자 크기 와 색상

    board.css /* Webzine */ .bd_zine>li{position:relative;margin:0 auto;word-break:break-all;word-wrap:break-word} ... .bd_zine.zine .tmb_wrp img,.bd_zine .no_img{border:1px solid #DDD} .bd_zine h3{margin:0;font-size:15px;color:#444} black.css /...
    Read More
  9. 30
    Aug 2021
    23:19

    본문 파일목록 영역 배경 색상

    본문 영역 목록 리스트 부분의 색상지정 원본 .elfinder-workzone { /** background: #3B4047; */ background: rgb(36,39,41); /* Old browsers */ background: -moz-linear-gradient(top, rgba(36,39,41,1) 0%, rgba(25,26,28,1) 100%); /* FF3.6-15 */ backg...
    Read More
  10. 30
    Aug 2021
    22:35

    테마 설정

    elFinder 테마설정 파일 elFinder..root/elfinder.php define('elFinderConfig', { // elFinder options (REQUIRED) // Documentation for client options: // https://github.com/Studio-42/elFinder/wiki/Client-configuration-options defaultOpts : { cssA...
    Read More
  11. 19
    Aug 2021
    13:18

    Ckeditor in Rhymix 댓글 부분 설정 변경

    1. 파일 위치 ..Rhymix/modules/editor/skins/ckeditor/editor.html 2. 댓글 부분 > 약 183라인 // Define the simple toolbar. <!--@if($editor_toolbar === 'simple')--> settings.ckeconfig.toolbar = [ { name: 'styles', items: [ 'Font', 'FontSize', '-...
    Read More
  12. 19
    Aug 2021
    13:04

    Sketchbook5 댓글 부분 색상 지정

    ..Rhymix/modules/board/skins/sketchbook5/css/black.css 댓글 쓰기 영역 테두리, 배경 색 부분 .cmt_editor,.fdb_tag{border-color:#333;background:#131313}
    Read More
  13. 19
    Aug 2021
    12:46

    Sketchbook5 본문 제목 부분 CSS 변경

    ..Rhymix/modules/board/skins/sketchbook5/css/board.css 제목 테두리 유형, 글꼴에 영향을 끼침 /* Board Style */ .rd_hd .board .top_area{padding:11px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right...
    Read More
  14. 19
    Aug 2021
    12:39

    Sketchbook5 댓글수 표시 영역 배경 색상

    ..Rhymix/modules/board/skins/sketchbook5/css/black.css .bd .bg_f_f9{background:#111 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXN...
    Read More
  15. 19
    Aug 2021
    12:31

    Sketchbook5 댓글 외곽 테두리 둥글게 만들기

    ..Rhymix/modules/board/skins/sketchbook5/css/board.css .cmt_editor{margin-bottom:32px;padding:12px 16px 20px;background:#FCFCFC;border:1px solid #DDD;border-bottom-color:#CCC;border-radius:8px;box-shadow:0 1px 3px -1px rgba(0,0,0,.1);*zoom:1}
    Read More
  16. 19
    Aug 2021
    12:18

    Sketchbook5 버튼 둥글둥글하게 만들기

    Sketchbook5 게시판 버튼 둥글게 만들기 xe/modules/board/skins/sketchbook5/css/board.css .bd_btn,.btn_img{display:inline-block;position:relative;height:28px;margin:0;padding:4px 20px;background:#F3F3F3 url(../img/ie/btn.png) repeat-x;backgroun...
    Read More
  17. 19
    Aug 2021
    12:03

    Sketchbook5 카테고리 테두리 둥글게 만들기

    .Rhymix/modules/board/skins/sketchbook5/css/black.css "border-radius:18px 3px 3px 18px;" 부분 추가 .bd_cnb{background:#333;border-color:#111;box-shadow:-1px 0 2px #000} ↓ .bd_cnb{background:#333;border-color:#111;box-shadow:-1px 0 2px #000;b...
    Read More
  18. 18
    Aug 2021
    10:58

    Rhymix 레이아웃 배경이미지 넣기

    layouts/default.css body { background:url(원하시는 주소 또는 파일위치) repeat;} default/conf/info.xml 에서 배경화면 설정 탭 생성 -> <style type="text/css"> <block cond="$layout_info->background_image">html{background:url({$layout_info->backg...
    Read More
  19. 18
    Jul 2021
    22:07

    Ckeditor in Rhymix 편집기 전체 테두리 색상, 두께

    Rhymix 에 포함된 Ckeditor 에서 편집기 전체 테두리 색상 또는 두께 설정 Rhymix/common/js/plugins/ckeditor/ckeditor/skins/moono-lisa/editor.css .cke_chrome{display:block;border:0px solid #d1d1d1;padding:0}
    Read More
  20. 18
    Jul 2021
    21:52

    Ckeditor in Rhymix 입력창 배경색

    Rhymix 에서 Ckeditor 의 입력창 배경색 변경하기 Rhymix/modules/editor/skins/ckeditor/css/default.less Line 39 .light_dark(@cs) when not (@cs = moono-dark) { background-color: #fff; color: #000; &.color_scheme_dark { background-color: #000; co...
    Read More
Board Pagination Prev 1 2 3 4 Next
/ 4