https://sir.kr/cm_free/1583012
위 링크의 ckeditor5를 다운받아 호스팅에 설치했습니다.
정렬 기능과 기타 기능을 추가하려고 ckeditor 공식 페이지에서 커스텀 빌더를 다운받아 덮어씌웠는데 이렇게 하니 작동을 안 해서 코드를 수정하려고 합니다.
일단 /ckeditor5/src/ckeditor.js에 아래와 같이 원하는 기능을 불러왔습니다.
Copy
import Font from '@ckeditor/ckeditor5-font/src/font';
import FontFamily from '@ckeditor/ckeditor5-font/src/fontfamily';이후 /ckeditor5/editor.lib.php 파일의 아래 부분에 다음과 같이 추가했습니다.
Copy
ClassicEditor.create( document.querySelector("#'.$id.'"), {
language: "ko",
toolbar: { items: ["fontFamily", "fontSize", "|", "bold",이 상태에서는 웹의 에디터에 접근이 안되어 /..src/ckeditor.js에 다시 코드를 추가했습니다.
Copy
ClassicEditor
.create( document.querySelector( '#editor' ), {
plugins: [ Font, ... ],
toolbar: [ 'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', ... ]
} )
.then( ... )
.catch( ... );
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',
]여전히 반영이 안 되어 다른 걸 추가해야 할 듯 한데 어디에 무엇을 추가해야 하는지 모르겠습니다.
마지막 코드의 ... 부분도 뭔가 추가하거나 수정해야 하는 것 같은데 몰라서 건드리지 않았습니다 ㅠ
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2021-06-05 (토) 10:02:46
원본과 새로 다운받은 것을 Winmerge 같은 것으로 비교해서 어디가 수정을 했는지 찾아 보는 것도 하나의 방법인 것 같습니다.
올려주신 코드에서는 특별한 이상한 것은 없을 것 같아서..
답변에 대한 댓글 1개
2021-06-05 (토) 12:52:06
답변을 작성하려면 로그인이 필요합니다.
답변 고맙습니다.