sketchbook5.스킨/css/black.css

.bd .et_vars{background:#191919}

 

도큐먼트 권한 지정 에드온 사용시 스케치북5스킨에서 글쓰기 사용시 권한지정 항목이 세로로 나열되는 문제 

이렇게 나열 되는데 가로로 나열되도록 하려면 

sketchbook5.스킨명/css/board.css 파일에서 아래와 같이 CSS 설정함

.exForm li{
    display:inline;
    list-style:none;
    float: left;
}

적용 후 

XE code_highlighter

1. XE code_highlighter 를 설치합니다. 
   설치 위치> xe/modules/editor/components/code_highlighter
    
2. ckeditor 편집기의 툴바를 등록합니다.  

   toolbar: [
   	  { name: 'xe_component', items: ['code_highlighter' ] },
   	]

< 다운로드 경로 > 

1. XE 공식 자료실 > 
2. 구글 드라이브 자료실 > 

웹폰트 만들어 직접 서비스 적용하기 

1. https://onlinefontconverter.com/ 웹사이트에 들어갑니다. 
   • 아래 그림과 같이 변환할 폰트파일을 업로드 합니다. 
     

      

   • ① font-face, eot, svg, ttf, woff, woff2 에 체크합니다. 
   • ② SELECT FONT(S) 를 클릭하여 ③ ttf 폰트를 업로드 합니다. 
   • ④ Done 를 클릭하여 계속 진행 합니다.(변환을 시작하고, 잠시 기다립니다.) 
   • ⑤ 변환이 완료되면 SAVE YOUR FONT 를 클릭합니다.
     

      

   • ⑥ Download Attachment 를 클릭해서 파일을 다운받습니다. 
2. 다운 받은 onlinefontconverter.com.zip 파일의 압축을 해제하면 아래와 같이 6개의 파일이 생성됩니다. 
   
   
   이 파일을 모두 웹서버의 웹폰트 폴더에 업로드 합니다. 

    

3. 웹 페이지 헤더부분의 폰트를 읽어 들이는 부분에 font.css 를 포함시킵니다. 
   예1) ckeditor 의 경우 config.js 에 
        config.contentsCss = 'https://서버경로/font.css'; 
   예2) XE 의 경우 관리페이지> 에디터 > 공통설정의 CSS 파일 추가 에 
        https://서버경로/font.css
   예3) ckeditor 의 config.js 에 글꼴을 추가합니다. 
        config.font_names = '맑은 고딕;...;어비스윝/UhBee swit;' + CKEDITOR.config.font_names;

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