kboard-smarteditor-package

네이버 스마트에디터가 포함된 스킨입니다. quill 에디터를 삽입하는 방법을 찾다가 예전에 어느 분께서 스마트에디터를 삽입하는 설명글이 있어 따라해보았습니다. 네이버 스마트에디터가 그 때는 2.0이었는데 마지막 버전이 2.1이네요. 깃헙에서 스마트에디터2 최종버전을 추가했습니다. https://github.com/naver/smarteditor2/blob/master/workspace/static/js/service/HuskyEZCreator.js...

무료
최종 업데이트 2021-02-07
조회 734

네이버 스마트에디터가 포함된 스킨입니다.

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를 스킨과 별도로 빼놔야했었나 싶네요.

원래 스킨과 에디터를 별도로 사용하기 위해서 빼놓는 건데,
이 스킨의 경우는 저 스킨에서만 저 스마트에디터가 동작되도록 코딩되어져있네요.
무료