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' 이지만 지정하지 않으면 자동임 }