Templates 플러그인에서 템플릿을 선택하면 한순간에 모든 내용이 템플릿으로 전부 대체되어 난감할 수 있음

그래서 템플릿 다이알로그에서 기본 값을 체크해제 해 두고, 필요시에만 체크할 수 있도록 변경


 

{id:"chkInsertOpt",type:"checkbox",label:f.insertOption,"default":n.templates_replaceContent}

 

아래 처럼 default 값을 해제함

{id:"chkInsertOpt",type:"checkbox",label:f.insertOption,"":n.templates_replaceContent}

 

댓글(0) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )


크롬에서는 포기

Internet Explorer 11 에서 보안 설정에 따라 이미지 업로드가 되는 것을 확인 함.

 

  1. imgur 플러그인이 적용된 도메인을 [신뢰할 수 있는 사이트]에 넣어 줍니다.
    *.imgur.com 도 같이 넣어 줍니다.
  2. [신뢰할 수 있는 사이트] 의 보안 설정{=사용자 지정 수준}에서 □ 도메인 간의 데이터 원본 액세스 항목의 값을 ◎ 사용 으로 설정합니다.

댓글(0) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )


최대화를 기본으로 웹브라우저화면에 꽉차게 열어보기.


CKEDITOR.replace('ckeditor',
    { customConfig : 'config.js', 
      width: '100%',
      height: '360', });

CKEDITOR.on('instanceReady',function( evt ){
     var editor = evt.editor;
     editor.execCommand('maximize');
});

 

댓글(0) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )


elFinder 의 미리보기 창 크기 변경 

 

quicklook : {
autoplay : true,
width    : 450,
height   : 300,
// ControlsList of HTML5 audio/video preview

 

댓글(0) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )


1. CKEditor 를 다운 받을 때 최적화된 코드로 다운받으면 코드 해석이 어렵게 됨. 최적화된 코드를 기준으로 추가된 항목을 확인하면 아래와 같다.    xe/..../ckeditor/config.js

(function(){CKEDITOR.plugins.add("btgrid",{lang:"en,ru,fr,nl",requires:"widget,dialog",icons:"btgrid",init:function(b){var f=b.lang.btgrid;CKEDITOR.dialog.add("btgrid",this.path+"dialogs/btgrid.js");b.addContentsCss(this.path+"styles/editor.css");b.ui.addButton("btgrid",{label:f.createBtGrid,command:"btgrid",icon:this.path+"icons/btgrid.png"});b.widgets.add("btgrid",{allowedContent:"div(!btgrid);div(!row,!row-*);div(!col-*-*);div(!content)",requiredContent:"div(btgrid)",parts:{btgrid:"div.btgrid"},
editables:{content:""},template:'\x3cdiv class\x3d"btgrid"\x3e\x3c/div\x3e',dialog:"btgrid",defaults:{},upcast:function(a){return"div"==a.name&&a.hasClass("btgrid")},init:function(){var a=1,e=this.element.getChildCount();for(a;a<=e;a++)this.createEditable(12,a)},data:function(){if(this.data.colCount&&1>this.element.getChildCount())for(var a=this.data.colCount,e=this.data.rowCount,h=this.data.rowHeight,c=this.parts.btgrid,d=1;d<=e;d++)this.createGrid(a,c,d,h)},createGrid:function(a,e,c,h){for(var d='\x3cdiv class\x3d"row row-'+
c+'"\x3e',b=1;b<=a;b++)d=d+'\x3cdiv class\x3d"col col-md-'+12/a+'"\x3e  \x3cdiv class\x3d"content" style="min-height:'+h+'em;"\x3e    \x3cp\x3eCol '+b+" content area\x3c/p\x3e  \x3c/div\x3e\x3c/div\x3e";e.appendHtml(d+"\x3c/div\x3e");this.createEditable(a,c)},createEditable:function(a,b){for(var c=1;c<=a;c++)this.initEditable("content"+b+c,{selector:".row-"+b+" \x3e div:nth-child("+c+") div.content"})}})}})})();

 

2. btgrid 플러그인 수정  ckeditor/plugins/btgrid/dialogs/btgrid.js

 

CKEDITOR.dialog.add("btgrid",function(d){function c(a){return function(){var b=this.getValue();(b=!!(CKEDITOR.dialog.validate.integer()(b)&&0<b))||alert(a);return b}}var b=d.lang.btgrid;return{title:b.editBtGrid,minWidth:240,minHeight:120,onShow:function(){var a=d.getSelection();a.getRanges();var b=this.getName(),c=this.getContentElement("info","rowCount"),e=this.getContentElement("info","colCount"),h=this.getContentElement("info","rowHeight");"btgrid"==b&&(a=a.getSelectedElement())&&(this.setupContent(a),c&&c.disable(),e&&e.disable())},contents:[{id:"info",
label:b.infoTab,accessKey:"I",elements:[{id:"colCount",type:"select",required:!0,label:b.selNumCols,items:[["2",2],["3",3],["4",4],["6",6],["12",12]],validate:c(b.numColsError),setup:function(a){this.setValue(a.data.colCount)},commit:function(a){a.setData("colCount",this.getValue())}},{id:"rowCount",type:"number",width:"50px",required:!0,label:b.genNrRows,validate:c(b.numRowsError),setup:function(a){this.setValue(a.data.rowCount)},commit:function(a){a.setData("rowCount",this.getValue())}},
{id:"rowHeight",type:"number",width:"50px",label:"줄높이입력",setup:function(a){this.setValue(a.data.rowHeight)},commit:function(a){a.setData("rowHeight",this.getValue())}}
]}]}});

 

댓글(0) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )


CKeditor 의 Plugins 의 Dialog 상자 안에서  개별 field 요소(입력폼)의 값 변경시 다른 fields 요소(입력폼)에 영향을 끼쳐 원하는 값을 입력할 수 있도록 하는 방법입니다. - 아 설명이 이게 맞나? 아무튼 아래 그림으로 설명합니다. 

image.png

위 이미지와 같이 하나의 입력 field 를 수정하면 다른 입력 field 도 같이 바뀌는 거죠. 

{
  type: 'number',
  id: 'input-all',
  label: '일괄적용',
  onChange: function() {
      this.getDialog().setValueOf("탭id", "input-왼쪽위", this.getValue());
      this.getDialog().setValueOf("탭id", "input-오른쪽위", this.getValue());
      this.getDialog().setValueOf("탭id", "input-왼쪽아래", this.getValue());
      this.getDialog().setValueOf("탭id", "input-오른쪽아래", this.getValue());
   }
}

 

 

댓글(1) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

  • dodo 2019.11.11 16:24

    이 플러그인(radisustable)을 이용해서 만든

    이미지 배경 테이블 입니다. 


image.png

위와 같이 elFinder 에서 네트워크 드라이브를 마운트 할 경우 NetworkGroup 에 들어가도록 설정하는 방법입니다. 

    public function __construct()
    {
        $opts = array(
            'phash'  => 'gN_Lw',
            'client_id' => '',
            'client_secret' => '',
            'accessToken' => '',

 

 

댓글(0) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )


Bootstrap grid

https://ckeditor.com/cke4/addon/btgrid


image.png   image.png

 

Col 1 content area

Col 2 content area

Col 3 content area

 

  1. btgrid_1.0b1.zip 를  /ckeditor/plugins/btgrid 위치로 업로드 후 압축 해제
  2. CKEditor config.js config.extraPlugins = 'btgrid'; 추가 
    더 보기...

    XE 라이믹스에서는  관리자> 고급> 에디터> 공통설정> 추가 플러그인 로드 부분에 btgrid 추가 

     

  3. /btgrid/styles/editor.css 를 최종적으로 보여질 html 파일에도 넣어줘야 최종 화면에서 모양이 유지됨

    더 보기...

    XE 라이믹스 에서는 관리자>... 레이아웃> html/css> css  부분에 css파일을 import

    @import url('//도메인/경로/ckeditor/plugins/btgrid/styles/editor.css');

     

     

<예시>
 

 

댓글(0) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )


갑자기 폴더창의 색상을 그라디어트 적용하고 싶어졌음. 

image.png

 

/**
 * Navbar
 */
.elfinder .elfinder-navbar {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#202225+0,3b4047+100 */
background: #191a1c;
background: -moz-linear-gradient(67deg, #191a1c 50%, #535961 100%);
background: -webkit-linear-gradient(67deg, #191a1c 50%,#535961 100%);
background: linear-gradient(67deg, #191a1c 50%,#535961 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a1c', endColorstr='#535961',GradientType=1 );
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
  border: none;
}

 

대각선 67도로 비스듬하게 색상변화 적용 

댓글(0) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )


설치경로> ./addons/php_exif 

지원환경> XpressEngine,Rhymix

라이선스> GPL v2

제작자> karma

 

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

 

다운로드 > XETOWN

댓글(1) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

  • dodo 2019.01.03 00:12 SECRET

    "비밀글입니다."


elfinder/js/elfinder.js

 

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

 

댓글(0) 남기기...
사진 및 파일 첨부

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

파일 크기 제한 : 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

댓글(0) 남기기...
사진 및 파일 첨부

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

파일 크기 제한 : 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'

        }
    },

] );

 

댓글(0) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )


spacingsliders  for ckeditor

 

다운로드> 여기클릭

 

설치 위치
> ckeditor/plugins/spacingsliders

 

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

 

댓글(1) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

  • dodo 2018.11.09 06:40

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


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' ] },
...     
 ];

댓글(1) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

  • dodo 2018.11.09 06:45

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

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


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

 

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

 

 하이구야 
댓글(5) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

  • dodo 2018.10.14 12:50

    https://colorscripter.com/

  • dodo 2018.10.14 12:09 SECRET

    "비밀글입니다."

  • 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.13 18:37
    code

     


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 : {


     
댓글(1) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )


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

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

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

 

댓글(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)
    ),

           

     

 

 

 

 

 

 

 

 

 

댓글(4) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

  • 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 
    ); 
  • dodo 2018.09.16 13:18
    array(
    'driver' => 'GoogleDrive',
    'alias' => 'Google Drive Root Folder',
    'path' => 'root',
    'refresh_token' => '1/**********************'
    )
  • dodo 2018.09.07 19:07

    다중 경로 설정

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

     

  • dodo 2018.09.02 12:15 SECRET

    "비밀글입니다."


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

 

 

댓글(1) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )

  • dodo 2018.08.31 00:52

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


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