Plugins / Font Awesome fortyTwo(fa42)

Font Awesome fortyTwo

ckeditor Plugins fa42 적용 방법입니다. 

fa42 는 Font-awesome 최신버전인 6.4.0 을 적용할 수 있습니다. 

Font-awesome 의 버전이 어떤 의미가 있는지 모르지만 최신 경향이 반영된 아이콘이 추가되었거나 그런정도의 차이가 있을 듯 합니다. 

 라이믹스에서 Ckeditor 4 버전으로 편집기를 사용하여 Font-awesome 아이콘을 추가할 수 있도록 설정하도록 하겠습니다. 

 다운로드

   - Ckeditor 4 배포처에서 받기  바로가기

   - 개발자 사이트에서 받기  바로가기

 의존하는 다른 플러그인 

   - fa42 는 colordialog 플러그인을 필요로 합니다. 

 설치경로

• ckeditor/plugins/fa42

 환경설정

4.1. config.js

config.extraPlugins = 'colordialog,fa42'; 

CKEDITOR.dtd.$removeEmpty['i'] = 1 또는 false; // <i> 태그를 사용하려는 경우, 라이믹스에서는 <i>사용시 기울임 꼴로 나타남
CKEDITOR.dtd.$removeEmpty['span'] = 1 또는 false; // <span> 태그를 사용하려는 경우 

4.2. CND을 이용하려는 경우 - /fa42/plugin.js

       var rootPath = CKEDITOR.plugins.get("fa42").path,
                defaultConfig = {
                    fa42Path: '//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css',
                           // CDN 경로지정 
                    fa42Tag: 'span'    // span 태그를 사용하려는 경우 
                }

 웹사이트 헤더의 스타일시트에 아래 내용 적용

// 이렇게 font-awesome 을 적용시켜 줘야 게시판 글 보기 상태에서 적용된 내용이 보여집니다. 

<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
또는
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

 기타 참고사항, 아래는 배포처 설명임

config.fa42 = {
    fa42Version: '10.4.2',   // 사용 버전을 지정할 수 있지만 않하면 자동으로 최신버전이 적용된다는 소리인듯 
    fa42Level: 'free' // 'free' or 'pro' 이지만 지정하지 않으면 자동임 
}