설치경로> ./addons/php_exif 

지원환경> XpressEngine,Rhymix

라이선스> GPL v2

제작자> 은메달karma

 

특징> 사진의 EXIF 정보를 보여주고, 위치정보가 포함되어 있을 경우 클릭하면 지도로 표시해 줍니다. 

 

다운로드 > XETOWN

  • dodo 2019.01.03 00:12 SECRET

    "비밀글입니다."

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

elfinder/js/elfinder.js

 

/**
* Contextmenu config
*
* @type Object
*/
contextmenu : {

 

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

emoji  플러그인은 CKEditor 4.11.1 이상 버전에서 작동합니다. 

연결되어 있는 아래의 모든 플러그인이 설치되어 있어야 작동합니다. 

 

  1. emoji
  2. Autocomplete
  3. Text Match
  4. Ajax Data Loading
  5. Panel Button
  6. Floating Panel
  7. xml

각각의 설치 방법은 아래 내용을 참고하세요. 

아래 플러그인을 추가로 설치하세요. 
emoji > 설치 경로 ../ckeditor/plugins/emoji 
Autocomplete > 설치 경로 ..//ckeditor/plugins/autocomplete
Text Match > 설치 경로../ckeditor/plugins/textmatch
Ajax Data Loading > 설치 경로../ckeditor/plugins/ajax
Panel Button > 설치  경로../ckeditor/plugins/panelbutton
Floating Panel > 설치  경로../ckeditor/plugins/floatpanel
xml > 설치 경로../ckeditor/plugins/xml


../ckeditor/config.js 파일에 플러그인을 설정하고, 도구모음 아이콘을 등록하세요. 

config.extraPlugins = 'emoji, textmatch, ajax, autocomplete, panelbutton, floatpanel, xml';

 

config.toolbar = [

    { name:'추가플러그인', items:['EmojiPanel'] }

];
 


각 설치 파일은 아래에서 다운받으세요. 

emoji_4.11.1.zip

ajax_4.11.1.zip

autocomplete_4.11.1.zip

floatpanel_4.11.1.zip

panelbutton_4.11.1.zip

textmatch_4.11.1.zip

xml_4.11.1.zip

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

CKEditor 스타일 리스트에 스타일 추가하기 
style_list.jpg

 

ckeditor/styles.js 파일을 수정합니다. 

 

CKEDITOR.stylesSet.add( 'default', [
     {
        name: 'r8 #999 default',
        element: 'div',
        styles: {

            padding: '5px 10px',
            background: '#999',
            border: '1px solid #ccc',
            'border-radius': '8px 8px 8px 8px'

        }
    },

] );

 

Atachment
첨부 '1'
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

spacingsliders  for ckeditor

 

다운로드> 여기클릭

 

설치 위치
> ckeditor/plugins/spacingsliders

 

설정 추가 
> config.extraPlugins = 'spacingsliders';

 

  • dodo 2018.11.09 06:40

    줄간격과 자간을 동시에 적용할수 없어 사용하지 않음 

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

CKEditor Plugins <Hkemoji>

 

Hkemoji.jpg

 

 

다운로드 경로 > https://ckeditor.com/cke4/addon/hkemoji   또는 여기클릭

           

설치경로> ...ckeditor/plugins/hkemoji

 

[환경 설정]

ckeditor/config.js

config.extraPlugins = 'hkemoji';


config.toolbar = [
...    
{ name: 'insert3', items: [ 'HKemoji' ] },
...     
 ];

Atachment
첨부 '1'
  • dodo 2018.11.09 06:45

    적용시 이미티콘 이름을 직접 지정해 줘야 하는 문제가 있어서 사용하지 않음

    Arrow Right  XE 에디터 컴포넌트의 이모티콘을 사용하면 동일한 구성이 가능함 

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

코드스니펫 테마 변경합니다. 

 

var cow = new Mammal( "moo", {
	legs: 4
} );

 

 하이구야 
  • dodo 2018.10.13 18:37
    code

     

  • dodo 2018.10.14 01:43

    ..xe/common/css/bootstrap.min.css

    pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}

    위 부분의 background-color:#f5f5f5; Angle Double Right   background-color:#808880

  • dodo 2018.10.14 07:54

    code,pre{padding:0 3px 2px;font-family:Monaco, Menlo, Consolas, "Courier New", monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}

  • dodo 2018.10.14 12:09 SECRET

    "비밀글입니다."

  • dodo 2018.10.14 12:50

    https://colorscripter.com/

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

elFinder Material theme

 

  1. theme( Material.zip ) 파일을 elFinder/css/Material 폴더에 업로드 합니다. 
  2. elFinder.php 파일을 수정합니다. 
    <script>
    	  define('elFinderConfig', {
    	    // elFinder options (REQUIRED)
    	    // Documentation for client options:
    	    // https://github.com/Studio-42/elFinder/wiki/Client-configuration-options
    	   defaultOpts : {
    	      cssAutoLoad : ['./css/Material/css/theme.css'],
    	      // Array of additional CSS URLs                   
    	      url : 'php/connector.minimal.php'       //  서버관리자
    	      ,commandsOptions : {


     
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

이렇게 그림을 그릴수 있습니다. 그렇지만 쉽지는 않군요. 

나중에 수정도 할 수 있습니다. 

삽입된 이미지를 삭제하고 이미지 넣기 해서, 현재 보유한 이미지를 수정하면 됩니다. 

 

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

elFinder - file manager for web 

elFinder는 웹에서 파일관리가 가능한 오픈소스 파일관리자입니다. 디자인이 간결하고 다양한 파일관리 기능을 가지고 있습니다. 

 

[elFinder 기능 정리]

  • 서버간 파일 작업(복사, 삭제, 이동, 업로드, 폴더/파일의 생성, 이름변경 등)
  • ftp, 클라우드 연계
  • 사용 편의
    - 드래그앤드롭 지원
    - 파일 편집 : 이미지, 텍스트 
    - 폴더 한방에 비우기 
    - 각종 파일정보의 표시 / 디렉토리 용량 확인 
    - 썸네일 생성 : 심지어는  ftp 로 연결된 디스크의 썸네일도 생성됨 
  • 안전성(파일 삭제시 휴지통에 넣어 복구가 가능)
  • 사용자 기능 설정 : Custom
    - 툴바, 팝업메뉴 사용자 설정 : Custom Context menu
    - 멀티 디스크 : Multiple Roots 
  • 가볍고 빠른 성능 : 소스 용량이 4MB가 안됨.
  • 다양한 파일관리 기능
    - 업로드된 파일을 zip, rar, 7z, tar, gzip, bzip2 으로 압축 
    - 이미지파일, 텍스트파일의 생성과 편집 : txt, jpeg, png, bmp, pxd, svg, tiff, dng, webp, xcf, psd, ppm, sketch
    - 이미지파일의 오픈소스 웹툴로 연계한 고급 편집 : TUI Image Editor, Pixlr Editor, Pixlr Express, Photopea, Online Convert 
    - 파일 검색, 정렬, 필터 
  • web 편집기와의 통합 : elRTE, CKEditor, TinyMCE
  • 지원 웹프라우저 : 파이어폭스, Internet Explorer, 사파리, 오페라, 크롬 등 
  • 서버 요구 조건 : 웹서버,  PHP
     

 

  이 자료는 elFinder 설치과정에 대한 기본적인 방법을 개인적인 필요에 따라 기억하기 위해 작성한 글입니다. 보다 전문적인 내용은 해당 안내( https://studio-42.github.io/elFinder/ )를 참고하시기 바랍니다. 
  제가 설치한것과 다른 방법이나, 보다 효율적인 방법을 알고 계시면 댓글 남겨주시면 감사드리겠습니다. 

 

 

 

1. elFinder 설치 ( elFinder 2.1.42 / 출처 https://studio-42.github.io/elFinder )

서버에 업로드 합니다.  예시)  root/elFinder 

/elFinder/*.*


 

2.  필요한 파일들을 생성해 줍니다.

  • elFinder

     

     

     

    elFinder.php

    elfinder.html → elfinder.php 등으로 고쳐 사용해도 됨

     

    이 파일을 ckeditor/config.js 에서 아래와 같이 불러오게 됨. 

        config.filebrowserBrowseUrl = '/elFinder/elFinder.php';
        config.filebrowserImageBrowseUrl = '/elFinder/elFinder.php';

     

    만일 파일관리자만 실행하려고 하면 이 파일을 열면 됩니다. 
        예) https://www.yangel.org/elFinder/elFinder.php 

     

    Line> 1

     

    XE 로그온 연동

     

     

     

     

     

     


    Line> 10

     

     

     

     

     

     

     

     

     

     

     

     

     


    Line> 17

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    <?php 
    define('__XE__', true); 
    require_once("../xe경로/config/config.inc.php"); 
    $oContext = &Context::getInstance(); 
    $oContext->init(); 

    $logged_info = Context::get('logged_info'); 
    $logged_info->is_admin;
    $yangel_user_id=$logged_info->user_id;
    ?>


    <script data-main="./main.js" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>

    아래와 같이 XE 로그인 상태에 따라 접속방식을 다르게 할 수 있겠네요. 

     

        <script 
        <? if($logged_info->is_admin == 'Y'){  ?>    
                data-main="./main.관리자.js
        <? } ?>
        <? if($logged_info->is_admin){  ?>    
                data-main="./main.사용자.js"
        <? } ?>
        <? if(!$logged_info->is_admin){  ?>
                    data-main="./main.손님.js
        <? } ?>
        src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>


            <script>
                define('elFinderConfig', {
                    // elFinder options (REQUIRED)
                    // Documentation for client options:
                    // https://github.com/Studio-42/elFinder/wiki/Client-configuration-options

                    defaultOpts : {
                        url : 'php/connector.관리자.php'

                    ... ... ...

     

                            , height : '100%'   // optional
                            , resizable : false // optional
                        }
                    }
                });
            </script>

    위 부분을 아래와 같이 XE 로그온 상태에 따라 다르게 불러오도록 설정 

          <? if($logged_info->is_admin == 'Y'){  ?>    

            <script>

                    ... ... ...

                        url : 'php/connector.관리자.php'

                    ... ... ...

            </script>

          <? } ?>
          <? if($logged_info->is_admin){  ?>    

            <script>

                    ... ... ...

                        url : 'php/connector.사용자.php'

                    ... ... ...

            </script>
          <? } ?>
          <? if(!$logged_info->is_admin){  ?>

            <script>

                    ... ... ...

                        url : 'php/connector.손님.php'

                    ... ... ...

            </script>

          <? } ?>

     

    Line> 62

    For CKEditor

                    managers : {
                        // 'DOM Element ID': { /* elFinder options of this DOM Element */ }
                        
    'elfinder': {}
                    }
                });
            </script>
        </head>

    *** 윗 부분을 아래와 같이 수정 ***

    managers : {
        // 'DOM Element ID': { /* elFinder options of this DOM Element */ }
        'elfinder': {
            getFileCallback : function(file, fm) {
                window.opener.CKEDITOR.tools.callFunction((function() {
                    var reParam = new RegExp('(?:[\?&]|&amp;)CKEditorFuncNum=([^&]+)', 'i') ;
                    var match = window.location.search.match(reParam) ;
                    return (match && match.length > 1) ? match[1] : '' ;
                })(), fm.convAbsUrl(file.url));
                fm.destroy();
                window.close();
            }
            , height : '100%'   // optional
            , resizable : false // optional
        }
    }
    
      main.js main.default.jsmain.js 로 복사
      → main.admin.js , main.gyest.js 등으로 변형하여 사용함 
       

    Line> 106

    Line> 107

    Line> 128

    'extras/editors.default.min'  → extras/editors.default.min.js

    'elFinderConfig' → elFinderConfig.js

    'elfinder' : 'elfinder.min', → js/elfinder.min.js 

      extras editors.default.min.js      
               
      js

    elfinder.min.js

    elfinder.js

    elfinder.js 원본 파일

    elfinder.min.js 최적화 파일
       → elfinder.files.js 등 적당한 파일로 변형하여 사용 
           mail.js 에서 이파일을 정의함 

       

    Line> 891

     

     

     

     

     

     


    Line> 11607

     

     


    Line> 10823

    폴더창 크기 조절

                    if (this.src && this.src.match(/js\/elfinder(?:-[a-z0-9_-]+)?\.(?:min|full|관리자)\.js$/i)) {
                        myTag = $(this);
                        return false;
                    }

    ※ 이 파일명을 elfinder.관리자.js 로 하는 경우 위와 같이 "관리자"를 추가해 줘야 정상 작동함 


        uiOptions : {
            // toolbar configuration  툴바를 정의함

     


            // navbar options
            navbar : {
                minWidth : 150,
                maxWidth : 500,
                // auto hide on initial open
                autoHideUA: [] // e.g. ['Mobile']
            },

    ***** 아래와 같이 수정 *****

            // navbar options
            navbar : {
                minWidth : 80,   // 너비 최소
                maxWidth : 300,  // 너비 최대
                // auto hide on initial open
                autoHideUA: ['Mobile']  // 모바일 자동 숨김
            },

     

      php

    connector.관리자.php

     

    마우트 설정 부분

    connector.minimal.php-dist → connector.관리자.php 등으로 수정하여 사용함.

     

    접근하려는 폴더, ftp, 구글드라이브 등에 대한 설정을 하게 됨. 

         

    'roots' => array(
        // 이 부분 아래에 마우트를 설정함


    // 폴더를 설정하는 경우

    array(
        'driver'        => 'LocalFileSystem',

                    // driver for accessing file system (REQUIRED)
        'path'          => '.이미지경로',  

                   // path to files (REQUIRED)
        'URL'           => dirname($_SERVER['PHP_SELF']) . '이미지경로',

                  // URL to files (REQUIRED)
        'trashHash'     => 't1_Lw',

                    // elFinder's hash of trash folder
        'alias'         => $yangel_user_id.'(img)',
        'winHashFix'    => DIRECTORY_SEPARATOR !== '/',

                   // to make hash same to Linux one on windows too
        'uploadDeny'    => array('all'),

                   // All Mimetypes not allowed to upload
        'uploadAllow'   => array('image', 'text/plain'),

                  // Mimetype `image` and `text/plain` allowed to upload
        'uploadOrder' => array('deny', 'allow'),

                 // allowed Mimetype `image` and `text/plain` only
        'accessControl' => 'access'  
    ),


    // ftp 설정 

    array(
        'driver' => 'FTP',
        'host'   => 'ftp주소',
        'user'   => '계정',
        'pass'   => '비번',
        'path'   => '마운트 할 경로',
        'tmbPath' => '썸네일생성경로',
        'tmbURL'  => dirname($_SERVER['PHP_SELF']) . '썸네일생성경로',
        'tmpPath' => '/썸네일생성경로',
        'alias'     => '마운트할때 보여지는 이름'
    ),


    // Trash volume 휴지통 설정 
    array(
        'id'            => '1',
        'driver'        => 'Trash',
        'path'          => '휴지통경로',
        'tmbURL'        => dirname($_SERVER['PHP_SELF']) . '/휴지통썸네일경로',
        'winHashFix'    => DIRECTORY_SEPARATOR !== '/', 
        'uploadDeny'    => array('all'),                // 모든 업로드 금지
        'uploadAllow'   => array('all'),                // Same as above
        'uploadOrder'   => array('deny', 'allow'),   // Same as above
        'accessControl' => 'access',                    // Same as above
        'alias'     => '쓰레기통 이름'
    )

       

    masterImages 폴더는 읽기는 가능하고

    쓰기(삭제) 거부됨

    array(
      'driver'        => 'LocalFileSystem', 

      'path'          => '../../maserimages/',

      ... ... ...

      'alias'         => 'masterImages',
      'accessControl' => 'access',
      'defaults' => array('read' => true, 'write' => false)
    ),

           

     

 

 

 

 

 

 

 

 

 

  • dodo 2018.09.02 12:15 SECRET

    "비밀글입니다."

  • dodo 2018.09.07 19:07

    다중 경로 설정

    https://github.com/Studio-42/elFinder/wiki/Multiple-Roots

     

  • dodo 2018.09.16 13:18
    array(
    'driver' => 'GoogleDrive',
    'alias' => 'Google Drive Root Folder',
    'path' => 'root',
    'refresh_token' => '1/**********************'
    )
  • dodo 2018.10.13 08:07

    폴더의 업로드 용량 제한 

     

    $opts = array(
    'roots' => array(
        array(
         'driver'  => 'LocalFileSystem', 
         'path'  => '/path/to/files/', 
         'uploadMaxSize' => '500k' //here which you want to give 
    ); 
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

https://maesiltea.iptime.org/zbxe/index.php?mid=diary&category=55728&document_srl=60365

 

 

  • dodo 2018.08.31 00:52

    https://www.tuwlab.com/computer/9086

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

이 게시판의 CKEditor에 적용한 웹폰트 목록입니다. 

맑은 고딕 ABCabc 123

궁서 ABCabc 123

나눔손글씨 붓 ABCabc 123

나눔손글씨 펜 ABCabc 123

제주한라산 ABCabc 123

노토산스 한글 ABCabc 123

연성 Yeon Sung 123

서툰이야기 Poor Story 123

PaytoneOne 한글 123

Work Sans 한글 123

Akronim 한글 123

Allura 한글 123

Macondo 한글 123

Indie Flower 한글 123

Dancing Script 한글 123

Cabin Sketch 한글 123 

 

 

 

  • dodo 2018.11.23 16:22

    < 추가 >

    제주고딕

    어비 스위트

     

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

KCFinder 툴바 배경색 변경 

KCfinder/themes/dark/03.misc.css

body {
    background: #000;
    color: #aaa;
}

body {
    background: #272e2f;
    color: #aaa;
}

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

KCFinder 의 배경 색상 변경 방법 

/KCfinder/themes/dark/03.misc.css

#toolbar a.selected {
    color: #aaa;
    border: 1px solid #425064;
    border-radius: 4px;
    background: #202D3E;
    box-shadow: inset 0 0 3px #000, inset 0 0 6px #000, 0 0 3px #425064, 0 0 2px #425064;
}


#toolbar a.selected {
    color: #aaa;
    border: 1px solid #425064;
    border-radius: 4px;
    background: #505a5f;
    box-shadow: inset 0 0 3px #000, inset 0 0 6px #000, 0 0 3px #425064, 0 0 2px #425064;
}

 

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

File Uploader by Uploadcare

출처 : https://ckeditor.com/cke4/addon/uploadcare
호환정보 : File Uploader by Uploadcare 3.0   ckeditor 4.9 / 4.8 / 4.7

구글드라이브, 플리커 등 클라우드 드라이브의 파일이나 이미지를 Ckeditor 에 삽입할 수 있게하는 플러그인입니다. 

uploadcare01.jpg

 

 [설정 방법]

  1. 플러그인 업로드  .../ckeditor/plugins/uploadcare
     
  2. .../ckeditor/config.js 에 확장플러그인 등록
    config.extraPlugins ='uploadcare';
     
  3. https://uploadcare.com/accounts/settings/ 에서 회원 가입 후 API Key 생성
    구글계정으로 소셜 회원가입이 가능합니다. 가입하고 API 키를 선택해서 생성하면 됩니다. 
     
  4. xe/modules/editor/skins/ckeditor/editor.html 맨 상단에 3. 에서 생성한 API Key 스크립트 추가

    <script>

        UPLOADCARE_PUBLIC_KEY = '7859a72cc41c660d0cb4';
    </script>
     

  5. ../xe/modules/editor/skins/ckeditor/editor.html 맨 중간 아래 코드를 추가

    // Initialize CKEditor settings.
    var settings = {
      // ..... ckeditor 툴바 설정 부분 하단에 아래 내용 추가...

      uploadcare: {
          publicKey: '
    7859a72cc41c660d0cb4', // set your public API key here
          multiple: true, // allow multi-file uploads
           crop: '1:1,4:3', // set crop options when handling images
           /* feel free to add more “object key” options here */
      },

    }

Atachment
첨부 '1'
  • dodo 2018.05.27 07:39

    File Uploader by Uploadcare 플러그인의 문제점이 있었으니 무료가 아니라는 것.
    무료 버전은 저장공간 500MB, 이미지만 사용이 가능합니다.
    PDF나 기타 파일의 업로드 등이 필요한 경우 유료버전(월 사용료)으로 전환해야 합니다.
    ★ 더 큰 문제는 클라우드에서 직접 파일을 링크하지 않는다는 거네요.
        File Uploader by Uploadcare 에서 각 클라우드로 로그인하여 자료를 가져오고 이 자료가 File Uploader by Uploadcare 서버에 다시 업로드 되는 구조입니다. 결국 클라우드에 있던 자료가 File Uploader by Uploadcare 에 다시 올라가는 거죠. 이렇게 되면 비밀자료를 링크했을 경우 클라우드에 비공개로 보관되어 있던 자료까지 File Uploader by Uploadcare에 재 공유되고 있게 되겠네요.
       저는 그저 가볍게 무료버전으로 클라우드 공개 이미지만 공유하는 목적으로 사용하기로 하였습니다.

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

xe/modules/automention/skins/default/plugin/emojione/emojionearea.min.js

 

var M={defaultBase:"https://cdnjs.cloudflare.com/ajax/libs/emojione/",defaultBase3:"https://cdn.jsdelivr.net/",

var M={defaultBase:"https://자체서버경로/emojione/",defaultBase3:"https://cdn.jsdelivr.net/",

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

다운로드 codesnippet_4.9.2.zip / 설치방법 Code Snippet _ CKEditor.pdf

원본출처   https://ckeditor.com/cke4/addon/codesnippet

 

본문에 코드를 삽입할 수 있게하고, 삽입된 코드는 각 언어에 따라 색상으로 명령을 구분해 줍니다. 

[설치방법]

1. .../ckeditor/plugins/codesnippet  위치에 업로드 
 

2.  .../ckeditor/config.js 파일에  아래 내용 삽입 

    config.extraPlugins = 'codesnippet';


3.  XE를 사용하는 경우 ...xe/modules/editor/skins/ckeditor/editor.html 에서 툴바 설정 추가 

toolbar: [
{ name: 'insert1', items: [ 'CodeSnippet' ] }
]


필요에 따라 댓글 툴바에도 설정 추가 

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

xe/modules/automention/skins/default/js/am_at.js

 

    var emojis_colon_config = {
        at: js_emoti.colon_key,
        data: emojis_colon,
        displayTpl: "<li>${preview} ${name}</li>",
        insertTpl: '${img}',
        limit: 45,
        delay: 100
    }

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

xe/modules/board/skins/sketchbook5/css/m_editor.css

 

/* 모바일에서 에디터 툴바 문제 조치 - 아래 내용 추가 */

#cke_editor { display: none; }

 

 

https://xetown.com/qna/355441

 

/modules/board/m.skins/sketchbook5
여기서 write_form.html 와 _write_form_mobile.html

부분에서 

 {$oDocument->getEditor()} 나 {$commentt->getEditor()} 를 지움 

 

저는 지우지는 않고

<!--@if(!Mobile::isMobileCheckByAgent())-->

<!--@end-->
 

이걸로 묵었습니다.

기진곰님 말씀대로 모바일때 표시가 달라지는 코드가 있던데 제대로 작동을 안하더라구요

 

스케치북 기준으로 스케치북 폴더에서 css/m_editor.css을 열어서

 

#cke_editor { display: none; }

 

이것을 추가해주는 것 입니닷.

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

목록
Board Pagination Prev 1 2 Next
/ 2
rhwlsghkcocndgus XE1.9.2 STAGE1.5.2
서버에 요청 중입니다. 잠시만 기다려 주십시오...