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;
}

 

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

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

파일 크기 제한 : 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 */
      },

    }

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

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

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

0개 첨부 됨 ( / )

  • 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에 재 공유되고 있게 되겠네요.
       저는 그저 가볍게 무료버전으로 클라우드 공개 이미지만 공유하는 목적으로 사용하기로 하였습니다.


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/",

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

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

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


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

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

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

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

0개 첨부 됨 ( / )


http://youngwonjang.github.io/2015/05/31/%20google%20Client%20id.html

 

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

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

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

0개 첨부 됨 ( / )

  • dodo 2018.04.29 10:19

    http://sejin7940.co.kr/xe_tips

  • 다미다미 2018.04.25 10:24

    댓글 확인 

  • dodo 2018.04.24 15:54

    https://www.xpressengine.com/qna/?mid=tip&search_keyword=%EA%B6%8C%ED%95%9C&search_target=title_content&page=2&division=-18122683&document_srl=17365272


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: 50,
        delay: 100
    }

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

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

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

0개 첨부 됨 ( / )


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;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F3F3F3));background:linear-gradient(to bottom,#000 0%,#999999 100%);border:1px solid;border-color:#CCC #C6C6C6 #C3C3C3 #CCC;border-radius:3px;white-space:nowrap;cursor:pointer;text-decoration:none !important;text-align:center;text-shadow:0 1px 0 #FFF;box-shadow:inset 0 0 1px 1px #FFF,0 1px 1px rgba(0,0,0,.1);*display:inline;*zoom:1}

.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;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F3F3F3));background:linear-gradient(to bottom,#000 0%,#999999 100%);border:1px solid;border-color:#CCC #C6C6C6 #C3C3C3 #CCC;border-radius:13px;white-space:nowrap;cursor:pointer;text-decoration:none !important;text-align:center;text-shadow:0 1px 0 #FFF;box-shadow:inset 0 0 1px 1px #FFF,0 1px 1px rgba(0,0,0,.1);*display:inline;*zoom:1}

 

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

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

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

0개 첨부 됨 ( / )


xe/modules/board/skins/xet_infinite_board/_style.gallery.html

무한 스크롤 게시판 갤러시 스킨에서 비밀글 이미지 목록에서 제외하기 

<!--// Style Gallery //-->
<div class="baord_gallery" id="xet_infinite_content">    
    <div class="item" loop="$document_list=>$no,$document" style="margin-bottom:{$module_info->gallery_thumbnail_space}px;" cond="$document->variables[status]!='SECRET'||$logged_info->is_admin=='Y'||$logged_info->member_srl==$document->variables[member_srl]">

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

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

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

0개 첨부 됨 ( / )


xe/modules/board/skins/sketchbook5/_list_webzine.html

웹진 스킨에 적용하는 방법 

    <!--// 일반 목록 -->
    <li loop="$document_list=>$no,$document" class="<!--@if($document_srl==$document->document_srl)-->select <!--@end-->clear">

    <!--// 일반 목록 -->
    <li loop="$document_list=>$no,$document" class="<!--@if($document_srl==$document->document_srl)-->select <!--@end-->clear" cond="$document->variables[status]!='SECRET'||$logged_info->is_admin=='Y'||$logged_info->member_srl==$document->variables[member_srl]">

 

xe/modules/board/skins/sketchbook5/_list_gallery.html

갤러리 스킨에 적용하는 방법

<!--// 일반 목록 시작 -->
<li loop="$document_list=>$no,$document" class="select"|cond="$document_srl==$document->document_srl">
    <div class="tmb_wrp ribbon_v{$mi->ribbon_style}">

<!--// 일반 목록 시작 -->
<li loop="$document_list=>$no,$document" class="select"|cond="$document_srl==$document->document_srl">
    <div class="tmb_wrp ribbon_v{$mi->ribbon_style}" cond="$document->variables[status]!='SECRET'||$logged_info->is_admin=='Y'||$logged_info->member_srl==$document->variables[member_srl]">

이렇게 하면 중간 중간 이가 빠진것처럼 나타남 

 

이렇게 적용하는 경우
한페이지에 표시되는 글 수를 10개로 설정한 경우 비밀글이 2개라면 
8개만 표시되는 문제점이 있음. 

 

관련 내용 참조(출처) 

https://www.xpressengine.com/index.php?document_srl=20542317&search_keyword=%EB%B9%84%EB%B0%80%EA%B8%80&mid=qna

 

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

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

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

0개 첨부 됨 ( / )


웹진형 목록 보기에서 썸네일 비회원에게도 보여주기 

xe/modules/document/document.item.php

if($this->isSecret() && !$this->isGranted())
{
   return;
}

이 부분을 주석처리함. 

// //비밀글 썸테일 보이기  if($this->isSecret() && !$this->isGranted())
        // //비밀글 썸테일 보이기 {
            // //비밀글 썸테일 보이기 return;
        // //비밀글 썸테일 보이기 }

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

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

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

 

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

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

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

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

0개 첨부 됨 ( / )


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

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

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

0개 첨부 됨 ( / )


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

sketchbook5_bb11.jpg

 

.bd_wrt .color_wrp{background:#191919}

.bd_wrt .color_wrp{background:transparent}
댓글(0) 남기기...
사진 및 파일 첨부

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

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

0개 첨부 됨 ( / )


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

sketchbook5_write_textbox_radius.jpg

 

/* Common */
/* Form */

...

 

.bd .itx,.bd select{display:inline-block;margin:0;padding:4px 6px;background:#FAFAFA;border-radius:16px;border:1px solid;border-color:#BBB #DDD #DDD #BBB;*display:inline;*zoom:1}

 

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

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

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

0개 첨부 됨 ( / )


웹 파일 관리자 KCFinder 설치 방법

 

설치 조건 : Apache 2, PHP 5.3 이상

라이선스 GNU General Public License version 3

  1. 소스파일 다운로드  https://github.com/sunhater/kcfinder/releases
  2. 설치하려는 폴더에 복사  /kcfinder        ※ 다른폴더를 이용해도 됩니다. 
  3. 업로드되는 파일이 저장될 폴더를 만듭니다. 기본 값은     /kcfinder/upload/        ※ 다른폴더를 이용해도 됩니다. 
    이 폴더는 퍼미션값을 777 로 설정합니다. 
  4. 3.x 이상 버전에는  /kcfinder/cache 디렉토리가 있습니다. 이 디렉토리에 테마와 관련된 CSS 파일과 JS 파일이 있습니다. 새로운 테마를 만들수도 있습니다. 이 디렉토리에는 .htaccess 파일이 있어야 합니다. 
  5. 이제 경로를 불러 kcfinder 가 실행되는지 확인합니다.    http://www.yangel.org/kcfinder

설치가 되면 conf/config.php 파일을 수정하여 환경을 설정합니다.  설정 방법에는 Dynamic Settings 과 Static Settings 두가지가 있습니다. 

 

[Dynamic Settings]

'disabled' => true,

true / false

kcfinder를 사용할 수 없게 됩니다.

'denyZipDownload' => false,

false / true

이미지를 zip 파일로 다운받을수 있게 합니다. 

 

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

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

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

0개 첨부 됨 ( / )


stage_menu-all.jpg

xe/layouts/stage/css/stage.css

 

  2차 가로 메뉴 배경색
#lighting-nav .active{background:#f9f9f9 !important; height:200px !important; border-top:8px solid; border-left:0 !important}

 

  2차 메뉴 아이콘 색 
#lighting2-nav li .fa{font-size:42px; color:#ccc; *display:inline-block}

 

  2차 세로 메뉴 배경색 
#lighting2{position:fixed; right:480px; top:0; width:160px; height:100%; background-color:#ccc; border-left:1px solid #e3e3e3}

 

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

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

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

0개 첨부 됨 ( / )

  • dodo 2018.03.03 01:35

    2차 가로메뉴 글씨색

     

    #lighting-nav .nav2nd-box li .nav2nd-tit{display:block; margin-top:5px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:15px; color:#BABEBD}

  • dodo 2018.03.03 01:26

    글씨색

    #lighting2-nav li .nav2nd-tit{display:block; margin-top:10px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:15px; color:#aaa

    #lighting2-nav li .nav2nd-tit{display:block; margin-top:10px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:15px; color:#BABEBD

  • dodo 2018.03.03 01:02

    2차 메뉴 배경색 

    #lighting2{position:fixed; right:480px; top:0; width:160px; height:100%; background-color:#707C79; border-left:1px solid #e3e3e3}

     

    #lighting-nav .active{background:#707C79 !important; height:200px !important; border-top:8px solid; border-left:0 !important}

     


stage_menu-text.jpg

xe/layouts/stage/css/stage.css

 

#lighting2-nav li .fa{font-size:42px; color:#ccc; *display:inline-block}

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

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

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

0개 첨부 됨 ( / )

  • dodo 2018.03.03 00:45

    #lighting2-nav li .fa{font-size:42px; color:#e7e7e7; *display:inline-block}


stage_menu.jpg

xe/layouts/stage/css/stage.css

 

#lighting-nav .active{background:#f9f9f9 !important; height:200px !important; border-top:8px solid; border-left:0 !important}

 

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

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

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

0개 첨부 됨 ( / )


메뉴 아이콘을 지정할 수 있습니다. 

XE 관리메뉴 > 사이트 메뉴 편집 > 메뉴 이름 을 " | " 로 구분하여 뒤에 adjust 와 같이 아이콘 이름을 넣어주면 됩니다. 

아이콘은  https://fontawesome.com/icons?d=gallery 에서 사용하려는 아이콘을 클릭하면 이름이 나옵니다. 
이름의 앞부분 fa- 부분은 제외하고 넣어 주면 됩니다. 

XE-Menuicon.jpg

 

 

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

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

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

0개 첨부 됨 ( / )


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