kboard-smarteditor-package
네이버 스마트에디터가 포함된 스킨입니다. quill 에디터를 삽입하는 방법을 찾다가 예전에 어느 분께서 스마트에디터를 삽입하는 설명글이 있어 따라해보았습니다. 네이버 스마트에디터가 그 때는 2.0이었는데 마지막 버전이 2.1이네요. 깃헙에서 스마트에디터2 최종버전을 추가했습니다. https://github.com/naver/smarteditor2/blob/master/workspace/static/js/service/HuskyEZCreator.js...
네이버 스마트에디터가 포함된 스킨입니다.
quill 에디터를 삽입하는 방법을 찾다가 예전에 어느 분께서 스마트에디터를 삽입하는 설명글이 있어 따라해보았습니다.
네이버 스마트에디터가 그 때는 2.0이었는데 마지막 버전이 2.1이네요.
깃헙에서 스마트에디터2 최종버전을 추가했습니다.
https://github.com/naver/smarteditor2/blob/master/workspace/static/js/service/HuskyEZCreator.js
해당 파일에는 다음 폴더가 있습니다.
./plugins/kboard/skins/avatar2
./plugins/kboard/assets/smarteditor
./plugins/kboard/helper/Functions.helper.php
위 3개 폴더를 위 경로에 맞춰 업로드해줍니다.
functions.helper.php 파일은 KBoard 게시판 관리 > 글 작성 에디터 > 네이버 스마트에디터 사용
이 부분을 출력하기 위해 수정했습니다. 나중에 kboard를 업데이트하면 사라집니다.
수정한 부분을 적어놓겠습니다.
/**
* 게시글 본문 에디터 목록을 반환한다.
* @return array
*/
function kboard_content_editor_list(){
$editor_list = array(
'' => 'textarea 사용',
'yes' => '워드프레스 내장 에디터 사용',
'snote' => '썸머노트 에디터 사용',
'smart' => '네이버 스마트에디터 사용',
'quill' => 'Quill Editor 사용',
);
return apply_filters('kboard_content_editor_list', $editor_list);
}
여기서 'smart' => '네이버 스마트에디터 사용',
한줄만 추가해넣고 사용하시면 됩니다.
이미지 복붙도 summernote처럼 base64로 디비에 저장되네요.
(이 부분 구현하기가 까다롭네요. 이미지로 처리되어서 db에도 쌓이고 file/upload 디렉토리에 바로 업로드되도록 하고 싶은데 어렵네요. ㅠ)
위 스킨의 경우 구현한 방법이 좀 잘못된 게,
굳이 smarteditor를 스킨과 별도로 빼놔야했었나 싶네요.
원래 스킨과 에디터를 별도로 사용하기 위해서 빼놓는 건데,
이 스킨의 경우는 저 스킨에서만 저 스마트에디터가 동작되도록 코딩되어져있네요.