KothingEditor 에디터 그누보드 버전 > 그누보드5 플러그인

그누보드5 플러그인

그누보드는 다양한 기능을 추가하기 쉽습니다.

KothingEditor 에디터 그누보드 버전 정보

KothingEditor 에디터 그누보드 버전

첨부파일

KothingEditor.7z (122.1K) 504회 다운로드 2020-03-12 18:25:12
테스트한 버전5.4.2.2
호환 가능 버전5.4이상만 사용 가능

본문

2038787472_1583932153.2604.png2038787472_1583932198.6097.png

 

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

댓글 전체

좋은 자료 공개해주셔서 감사합니다.

볼피드님의 데모사이트에서 몇가지 테스트 하던 도중 수정해야 할 부분들이 있는 것 같아 글 남깁니다.

1. 이미지 사이즈
-> 이미지 세로 사이즈가 굉장히 긴 (3000px이상의 세로 이미지)이미지를 올리게 되면 이미지가 에디터 영역을 벗어납니다. 이 부분 확인 결과 file.css 파일 내 .image-list .file-list ul li 부분 overflow:hidden; 으로 설정해주면 정상 작동 하는 것으로 확인하였습니다.

2. 이미지 추가 후 에러
-> 이미지 추가 후, 추가된 이미지를 이미지 에디터 영역에서 클릭시 크롬 개발자도구에서 errors 표시가 클릭 시 마다 계속해서 증가합니다. 해당 부분 image.plugin.js 파일 내 className 부분이 비어있다고 나와있습니다.

3. 이미지 삭제
-> 이건 원래 자체적인 기능이 그런건지, 아닌지는 잘 모르겠습니다. 이미지 추가 후 해당 이미지를 클릭하고 삭제를 누르면, 다른 이미지를 새로 추가할 때에만 삭제가 되는 현상이 일어납니다. 또한 글쓰기 에디터 영역 내에서 이미지 에디터 영역을 통해 삽입된 이미지를 임의로 삭제하는 경우 아래 이미지 에디터 영역에서는 이미지가 사라지지 않는 현상이 일어납니다.

4. 게시글 작성
-> 볼피드님이 올려주신 데모 링크를 타고 들어가 게시글을 작성하면 게시글이 작성되지 않는 현상이 일어납니다.

마지막으로 이런 좋은 자료를 공개해주신 볼피드님에게 감사의 말씀 올립니다.

정말 감사합니다.
테스트 한 결과 이미지를 업로드 하고 나서 뷰페이지에서 이미지가 보이지 않는 현상이 있네요 데모 페이지에서 테스트 한 결과 입니다.
에디터를 연달아 두군데 사용하면 두번째에는 작동하지 않네요
예를 들어 영카트 상품등록 페이지 에서 에디터가 연달아 있거든요

해결 방법이 있을까요?
이미지 에디터에서 업로드시 base64로 인코딩이 되버립니다 ㅜㅜ 그래서 게시판에서 이미지가 안불러와지는데 어떻게해결방법이있나요?
그누보드 5.4.2.3 버전에 적용하여 감사히 잘 사용하고 있습니다.
적용시켜서 사용하던 중에 문제가 되는 부분이 있어서 여쭤봅니다.
일반 게시글에서는 이미지 추가로 이미지를 넣을 경우엔 잘 올라가는데
관리자 모드에서 레이어 팝업에서 이미지 추가할 경우엔 이미지가 올라가지를 않습니다.
다른 분들은 잘 되는데 제가 적용을 제대로 못해서 그런건지 궁금합니다.
저도 이제 깔아 봤는데요..

님과 같은 증상이네요.

이미지 업로드가 안되네요...

이미지는 업로드 되었는데... 제가 찾던 에디터인디 ㅜ.ㅜ
좋은 자료 공개해 주셔서 감사합니다.
나리야 테마 1.4.4 에 에디터로 삽입했었는데, 올리신 스크린샷과 다르게 나타납니다.
혹시 따로 설정해야 할 부분이 있나요?
빨강,파랑 2개의 이미지중 빨강을 먼저 선택 그다음 파랑을 선택한 후에
업로드를 하면
빨강이 게시판 최상단이 아니라 파랑이 게시판 최상단에 보입니다.
즉 반대로 보이는데요...해결 방법이 있을까요?
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;
    }
줄도 참인경우에 작동되게 수정하세요.
이미지 업로드하는 구간이 위에 버튼쪽에 있으면 더 편하고 좋을 것 같아요. 글이 길어지면 오고가기가 약간 불편하네요
그래도 감사합니다
[오류 제보]

1.
게시판 설정 - 상단 내역 쪽에
<p><br></p>
가 생성됩니다
그냥은 안 보이고 코드 모드로 해야 보입니다

2.
이미지 업로드한 후에 표시가 안됩니다....
5.3.3.3 쓰고 있습니다.

크게 문제는 없는데 이미지를 붙이고 나면 이미지 아랫쪽으로 커서이동이 되지 않네요

공유 감사드립니다.
추천을 못눌러 아쉽네요.
좋은 자료 공유 감사합니다.
*******
이미지의 크기가 크거나 지원하는 형식이 아니라서 업로드 취소가 되었다면, 이후 게시물을 게시할 때 매우 긴 영문으로 쓰인 글들이 나옵니다.
이미지를 여러개 선택하여 작성할 시 작성 화면의 이미지들 순서나 썸네일?이 변하는 오류가 있습니다.따로 해결방법이 있을까요?
*******
혹시 이미지 크기 1메가로 되있는것같은데 10메가로 늘리려면 어디서 해야할까요? 사진찍은게 보통 5메가 정도하는데 이미지용량이 작게되있어서 그런가 안올라가네요 이미지가
전체 502
그누보드5 플러그인 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT