ckeditor5 사용자화 질문입니다. 채택완료
기후위기
4년 전
조회 1,886
https://sir.kr/cm_free/1583012
위 링크의 ckeditor5를 다운받아 호스팅에 설치했습니다.
정렬 기능과 기타 기능을 추가하려고 ckeditor 공식 페이지에서 커스텀 빌더를 다운받아 덮어씌웠는데 이렇게 하니 작동을 안 해서 코드를 수정하려고 합니다.
일단 /ckeditor5/src/ckeditor.js에 아래와 같이 원하는 기능을 불러왔습니다.
import Font from '@ckeditor/ckeditor5-font/src/font';
import FontFamily from '@ckeditor/ckeditor5-font/src/fontfamily';
이후 /ckeditor5/editor.lib.php 파일의 아래 부분에 다음과 같이 추가했습니다.
ClassicEditor.create( document.querySelector("#'.$id.'"), {
language: "ko",
toolbar: { items: ["fontFamily", "fontSize", "|", "bold",
이 상태에서는 웹의 에디터에 접근이 안되어 /..src/ckeditor.js에 다시 코드를 추가했습니다.
</p>
<p>ClassicEditor
.create( document.querySelector( '#editor' ), {
plugins: [ Font, ... ],
toolbar: [ 'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', ... ]
} )
.then( ... )
.catch( ... );</p>
<p>ClassicEditor
.create( document.querySelector( '#editor' ), {
plugins: [ FontFamily, ... ],
toolbar: [ 'fontFamily', ... ]
} )
.then( ... )
.catch( ... );
editor.execute( 'fontFamily', { value: 'Noto Sans KR' } );
fontFamily.options = [
'default',
'Arial, Helvetica, sans-serif',
'Courier New, Courier, monospace',
'Georgia, serif',
'Lucida Sans Unicode, Lucida Grande, sans-serif',
'Tahoma, Geneva, sans-serif',
'Times New Roman, Times, serif',
'Trebuchet MS, Helvetica, sans-serif',
'Verdana, Geneva, sans-serif'
'Noto Sans KR, sans-serif',
'HSBombaram3_Regular, serif',
'HeirofLightRegular, HeirofLightBold, serif',
'iropke batang, serif',</p>
<p>]여전히 반영이 안 되어 다른 걸 추가해야 할 듯 한데 어디에 무엇을 추가해야 하는지 모르겠습니다.
마지막 코드의 ... 부분도 뭔가 추가하거나 수정해야 하는 것 같은데 몰라서 건드리지 않았습니다 ㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인
답변 고맙습니다.