KothingEditor 에디터 그누보드 버전 정보
KothingEditor 에디터 그누보드 버전관련링크
첨부파일
테스트한 버전5.4.2.2
호환 가능 버전5.4이상만 사용 가능
본문
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에서 설정하셔서 수정하시면 됩니다.
테스트가 덜 되어 버그가 있을 수 있으니 말씀해주시면 수정해놓겠습니다
자세한건 데모사이트를 참조하세요.
추천
16
16
댓글 전체
감사합니다

좋은 자료 공개해주셔서 감사합니다.
볼피드님의 데모사이트에서 몇가지 테스트 하던 도중 수정해야 할 부분들이 있는 것 같아 글 남깁니다.
1. 이미지 사이즈
-> 이미지 세로 사이즈가 굉장히 긴 (3000px이상의 세로 이미지)이미지를 올리게 되면 이미지가 에디터 영역을 벗어납니다. 이 부분 확인 결과 file.css 파일 내 .image-list .file-list ul li 부분 overflow:hidden; 으로 설정해주면 정상 작동 하는 것으로 확인하였습니다.
2. 이미지 추가 후 에러
-> 이미지 추가 후, 추가된 이미지를 이미지 에디터 영역에서 클릭시 크롬 개발자도구에서 errors 표시가 클릭 시 마다 계속해서 증가합니다. 해당 부분 image.plugin.js 파일 내 className 부분이 비어있다고 나와있습니다.
3. 이미지 삭제
-> 이건 원래 자체적인 기능이 그런건지, 아닌지는 잘 모르겠습니다. 이미지 추가 후 해당 이미지를 클릭하고 삭제를 누르면, 다른 이미지를 새로 추가할 때에만 삭제가 되는 현상이 일어납니다. 또한 글쓰기 에디터 영역 내에서 이미지 에디터 영역을 통해 삽입된 이미지를 임의로 삭제하는 경우 아래 이미지 에디터 영역에서는 이미지가 사라지지 않는 현상이 일어납니다.
4. 게시글 작성
-> 볼피드님이 올려주신 데모 링크를 타고 들어가 게시글을 작성하면 게시글이 작성되지 않는 현상이 일어납니다.
마지막으로 이런 좋은 자료를 공개해주신 볼피드님에게 감사의 말씀 올립니다.
정말 감사합니다.
볼피드님의 데모사이트에서 몇가지 테스트 하던 도중 수정해야 할 부분들이 있는 것 같아 글 남깁니다.
1. 이미지 사이즈
-> 이미지 세로 사이즈가 굉장히 긴 (3000px이상의 세로 이미지)이미지를 올리게 되면 이미지가 에디터 영역을 벗어납니다. 이 부분 확인 결과 file.css 파일 내 .image-list .file-list ul li 부분 overflow:hidden; 으로 설정해주면 정상 작동 하는 것으로 확인하였습니다.
2. 이미지 추가 후 에러
-> 이미지 추가 후, 추가된 이미지를 이미지 에디터 영역에서 클릭시 크롬 개발자도구에서 errors 표시가 클릭 시 마다 계속해서 증가합니다. 해당 부분 image.plugin.js 파일 내 className 부분이 비어있다고 나와있습니다.
3. 이미지 삭제
-> 이건 원래 자체적인 기능이 그런건지, 아닌지는 잘 모르겠습니다. 이미지 추가 후 해당 이미지를 클릭하고 삭제를 누르면, 다른 이미지를 새로 추가할 때에만 삭제가 되는 현상이 일어납니다. 또한 글쓰기 에디터 영역 내에서 이미지 에디터 영역을 통해 삽입된 이미지를 임의로 삭제하는 경우 아래 이미지 에디터 영역에서는 이미지가 사라지지 않는 현상이 일어납니다.
4. 게시글 작성
-> 볼피드님이 올려주신 데모 링크를 타고 들어가 게시글을 작성하면 게시글이 작성되지 않는 현상이 일어납니다.
마지막으로 이런 좋은 자료를 공개해주신 볼피드님에게 감사의 말씀 올립니다.
정말 감사합니다.
관련 오류 수정하여 업로드하였습니다
혹시 이거 프린터 기능도 되는 것인지 궁금 합니다.
테스트 한 결과 이미지를 업로드 하고 나서 뷰페이지에서 이미지가 보이지 않는 현상이 있네요 데모 페이지에서 테스트 한 결과 입니다.

추천을 안할수가없네요
공개 감사합니다~
공개 감사합니다~
이미지 추가하면 원하는 위치에 넣을수 없는것 같습니다. 항상 상단에만 삽입되는것 같아요

좋은자료 감사드려요~
엄청 귀한 자료네요~

오오 감사합니다

위지웍 에디터 for 그누보드 5.4이상
심플하니 예뻐요. 잘쓰겠습니다.

에디터를 연달아 두군데 사용하면 두번째에는 작동하지 않네요
예를 들어 영카트 상품등록 페이지 에서 에디터가 연달아 있거든요
해결 방법이 있을까요?
예를 들어 영카트 상품등록 페이지 에서 에디터가 연달아 있거든요
해결 방법이 있을까요?
이미지 에디터에서 업로드시 base64로 인코딩이 되버립니다 ㅜㅜ 그래서 게시판에서 이미지가 안불러와지는데 어떻게해결방법이있나요?
그누보드 5.4.2.3 버전에 적용하여 감사히 잘 사용하고 있습니다.
적용시켜서 사용하던 중에 문제가 되는 부분이 있어서 여쭤봅니다.
일반 게시글에서는 이미지 추가로 이미지를 넣을 경우엔 잘 올라가는데
관리자 모드에서 레이어 팝업에서 이미지 추가할 경우엔 이미지가 올라가지를 않습니다.
다른 분들은 잘 되는데 제가 적용을 제대로 못해서 그런건지 궁금합니다.
적용시켜서 사용하던 중에 문제가 되는 부분이 있어서 여쭤봅니다.
일반 게시글에서는 이미지 추가로 이미지를 넣을 경우엔 잘 올라가는데
관리자 모드에서 레이어 팝업에서 이미지 추가할 경우엔 이미지가 올라가지를 않습니다.
다른 분들은 잘 되는데 제가 적용을 제대로 못해서 그런건지 궁금합니다.
저도 이제 깔아 봤는데요..
님과 같은 증상이네요.
이미지 업로드가 안되네요...
이미지는 업로드 되었는데... 제가 찾던 에디터인디 ㅜ.ㅜ
님과 같은 증상이네요.
이미지 업로드가 안되네요...
이미지는 업로드 되었는데... 제가 찾던 에디터인디 ㅜ.ㅜ

멋진 정보 감사 드립니다~

빨강,파랑 2개의 이미지중 빨강을 먼저 선택 그다음 파랑을 선택한 후에
업로드를 하면
빨강이 게시판 최상단이 아니라 파랑이 게시판 최상단에 보입니다.
즉 반대로 보이는데요...해결 방법이 있을까요?
업로드를 하면
빨강이 게시판 최상단이 아니라 파랑이 게시판 최상단에 보입니다.
즉 반대로 보이는데요...해결 방법이 있을까요?
감사합니다

글자정렬이 나타나지 않는문제가 있습니다
config.js파일안에 13번째줄 라인나누는부분을 제거해주셔야합니다.
config.js파일안에 13번째줄 라인나누는부분을 제거해주셔야합니다.
잘 쓰고 있습니다.
허나, 이 에디터를 기본으로 설정하고 1:1 문의 설정을 했는데 값이 바뀌지 않게 하는 버그가 있습니다.
허나, 이 에디터를 기본으로 설정하고 1:1 문의 설정을 했는데 값이 바뀌지 않게 하는 버그가 있습니다.

감사합니다.
사용해보겠습니당 ㅎ
감사합니다
이미지를 추가하면 Base64로 올리는거 같아요 ㅜㅜ 그래서 이미지가 전혀 안불러와지네요
base64로 이미지를 저장하면 DB에 잘려서 올라가네요ㅜ... data 폴더에 올리기 위해서 imageUploadUrl : "/imageUpload.php", 옵션을 넣었는데도 오류가 납니다....
힌트 좀 주실 수 있나용 ㅠㅠ
힌트 좀 주실 수 있나용 ㅠㅠ
imageUpload.php에서 오류가 발생해서 그렇습니다.
$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;
}
줄도 참인경우에 작동되게 수정하세요.
$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.
이미지 업로드한 후에 표시가 안됩니다....
1.
게시판 설정 - 상단 내역 쪽에
<p><br></p>
가 생성됩니다
그냥은 안 보이고 코드 모드로 해야 보입니다
2.
이미지 업로드한 후에 표시가 안됩니다....
5.3.3.3 쓰고 있습니다.
크게 문제는 없는데 이미지를 붙이고 나면 이미지 아랫쪽으로 커서이동이 되지 않네요
공유 감사드립니다.
크게 문제는 없는데 이미지를 붙이고 나면 이미지 아랫쪽으로 커서이동이 되지 않네요
공유 감사드립니다.

추천을 못눌러 아쉽네요.
좋은 자료 공유 감사합니다.
*******
이미지의 크기가 크거나 지원하는 형식이 아니라서 업로드 취소가 되었다면, 이후 게시물을 게시할 때 매우 긴 영문으로 쓰인 글들이 나옵니다.
이미지를 여러개 선택하여 작성할 시 작성 화면의 이미지들 순서나 썸네일?이 변하는 오류가 있습니다.따로 해결방법이 있을까요?
*******
좋은 자료 공유 감사합니다.
*******
이미지의 크기가 크거나 지원하는 형식이 아니라서 업로드 취소가 되었다면, 이후 게시물을 게시할 때 매우 긴 영문으로 쓰인 글들이 나옵니다.
이미지를 여러개 선택하여 작성할 시 작성 화면의 이미지들 순서나 썸네일?이 변하는 오류가 있습니다.따로 해결방법이 있을까요?
*******

혹시 이미지 크기 1메가로 되있는것같은데 10메가로 늘리려면 어디서 해야할까요? 사진찍은게 보통 5메가 정도하는데 이미지용량이 작게되있어서 그런가 안올라가네요 이미지가