KothingEditor 에디터 그누보드 버전
https://github.com/kothing/kothing-editor
괜찮은 위지윅 에디터가 있어 작업해보았습니다.
대부분의 웹에디터와 기능은 전체적으로 비슷하며 이미지 업로드의 경우 본문으로 드래그하거나 아래의 이미지 추가 버튼을 사용하여 추가 하시면 됩니다.
그누보드에 맞게 직접 커스텀 제작하였고, 5.4에 추가된 훅 기능을 사용합니다.
5.3이하의 버전에선 일부기능이 동작되지 않을 수 있습니다만 훅기능을 사용하는 부분은 몇 되지 않기 떄문에 해당부분이 적용되는 부분만 커스텀하여 이하의 버전에서도 사용할 수 있습니다
압축 파일의 해당 에디터 폴더를 plugin/editor 내에
KEDITOR.php파일을 extend 폴더내에 넣어주시면 설치 끝입니다.
2020-03-12 06:25
base64 인코딩을 write_update에서 처리할 경우 서버설정에 따라 최대 문자 전송길이 또는 글자제한에 걸리는 경우가 있어 기존의 에디터 파일 첨부와 동일한 방식으로 재수정하였습니다.
따라서 hook기능은 사용하지 않습니다.
따라서 5.4 아래의 버전에서도 동작될거라 생각됩니다만 테스트 해보지 않았습니다.
이미지 회전의 경우 에디터내에서 지원하는 기능이지만 그누보드내의 html필터에 보안문제로 제거가 되기때문에 동작되지 않습니다.
만약 회전기능을 사용하고 싶다면, 해당부분은 htmlpurifier에서 설정하셔서 수정하시면 됩니다.
테스트가 덜 되어 버그가 있을 수 있으니 말씀해주시면 수정해놓겠습니다
자세한건 데모사이트를 참조하세요.
버전 정보
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 34개
볼피드님의 데모사이트에서 몇가지 테스트 하던 도중 수정해야 할 부분들이 있는 것 같아 글 남깁니다.
1. 이미지 사이즈
-> 이미지 세로 사이즈가 굉장히 긴 (3000px이상의 세로 이미지)이미지를 올리게 되면 이미지가 에디터 영역을 벗어납니다. 이 부분 확인 결과 file.css 파일 내 .image-list .file-list ul li 부분 overflow:hidden; 으로 설정해주면 정상 작동 하는 것으로 확인하였습니다.
2. 이미지 추가 후 에러
-> 이미지 추가 후, 추가된 이미지를 이미지 에디터 영역에서 클릭시 크롬 개발자도구에서 errors 표시가 클릭 시 마다 계속해서 증가합니다. 해당 부분 image.plugin.js 파일 내 className 부분이 비어있다고 나와있습니다.
3. 이미지 삭제
-> 이건 원래 자체적인 기능이 그런건지, 아닌지는 잘 모르겠습니다. 이미지 추가 후 해당 이미지를 클릭하고 삭제를 누르면, 다른 이미지를 새로 추가할 때에만 삭제가 되는 현상이 일어납니다. 또한 글쓰기 에디터 영역 내에서 이미지 에디터 영역을 통해 삽입된 이미지를 임의로 삭제하는 경우 아래 이미지 에디터 영역에서는 이미지가 사라지지 않는 현상이 일어납니다.
4. 게시글 작성
-> 볼피드님이 올려주신 데모 링크를 타고 들어가 게시글을 작성하면 게시글이 작성되지 않는 현상이 일어납니다.
마지막으로 이런 좋은 자료를 공개해주신 볼피드님에게 감사의 말씀 올립니다.
정말 감사합니다.
공개 감사합니다~
예를 들어 영카트 상품등록 페이지 에서 에디터가 연달아 있거든요
해결 방법이 있을까요?
적용시켜서 사용하던 중에 문제가 되는 부분이 있어서 여쭤봅니다.
일반 게시글에서는 이미지 추가로 이미지를 넣을 경우엔 잘 올라가는데
관리자 모드에서 레이어 팝업에서 이미지 추가할 경우엔 이미지가 올라가지를 않습니다.
다른 분들은 잘 되는데 제가 적용을 제대로 못해서 그런건지 궁금합니다.
님과 같은 증상이네요.
이미지 업로드가 안되네요...
이미지는 업로드 되었는데... 제가 찾던 에디터인디 ㅜ.ㅜ
나리야 테마 1.4.4 에 에디터로 삽입했었는데, 올리신 스크린샷과 다르게 나타납니다.
혹시 따로 설정해야 할 부분이 있나요?
[http://sir.kr/data/editor/2005/6f813abfad0bc4897ce1c9f1e57beb7c_1589264114_781.jpg]
업로드를 하면
빨강이 게시판 최상단이 아니라 파랑이 게시판 최상단에 보입니다.
즉 반대로 보이는데요...해결 방법이 있을까요?
config.js파일안에 13번째줄 라인나누는부분을 제거해주셔야합니다.
허나, 이 에디터를 기본으로 설정하고 1:1 문의 설정을 했는데 값이 바뀌지 않게 하는 버그가 있습니다.
힌트 좀 주실 수 있나용 ㅠㅠ
$g5['board_table'] = G5_TABLE_PREFIX.'board'; // 게시판 설정 테이블
$sql = "SELECT * FROM {$g5['board_table']} WHERE bo_table = '{$bo_table}'";
$cf = sql_fetch($sql);
부분을 if($bo_table)조건이 참인경우에 작동되게 수정하시고
// Check file size
if ($_FILES["editor_file"]["size"][0] > $cf['bo_upload_size']) {
echo json_encode(array('msg'=> '파일의 용량이 '.$cf['bo_upload_size'].'byte 보다 큽니다'));
$uploadOk = 0;
exit;
}
줄도 참인경우에 작동되게 수정하세요.
그래도 감사합니다
1.
게시판 설정 - 상단 내역 쪽에
<p><br></p>
가 생성됩니다
그냥은 안 보이고 코드 모드로 해야 보입니다
2.
이미지 업로드한 후에 표시가 안됩니다....
크게 문제는 없는데 이미지를 붙이고 나면 이미지 아랫쪽으로 커서이동이 되지 않네요
공유 감사드립니다.
좋은 자료 공유 감사합니다.
*******
이미지의 크기가 크거나 지원하는 형식이 아니라서 업로드 취소가 되었다면, 이후 게시물을 게시할 때 매우 긴 영문으로 쓰인 글들이 나옵니다.
이미지를 여러개 선택하여 작성할 시 작성 화면의 이미지들 순서나 썸네일?이 변하는 오류가 있습니다.따로 해결방법이 있을까요?
*******