[에디터] page-ai-editor 그누보드5 연동 팩
그누보드5 글쓰기에 page-ai-editor를 붙이는 연동 팩입니다.
원본 소스(React/Tiptap)는 넣지 않았고, 빌드된 js/css와 그누보드 어댑터·업로드만 배포합니다.
대상 버전: 5.6.x (작성 기준 5.6.34)
게시판마다 에디터를 고를 수 있습니다. 사이트 기본 에디터는 그대로 두고, 원하는 게시판만 page-ai-editor로 바꿉니다.
■ 특징
- 표 삽입 후 셀을 고르면 행/열 추가·삭제가 됩니다.
- 이미지 첨부는 레이어에서 선택 또는 드래그입니다. jpg/png/gif/webp, 파일당 5MB.
- 이미지는 그누보드 기본 bbs 업로드가 아니라 plugin/page_ai_editor AJAX로 올립니다. 세션 토큰과 게시판 쓰기 권한으로 막습니다.
- PC·모바일 모두 위지윅입니다. 서식, 링크, 유튜브, 찾기/바꾸기, 미리보기, 글자수(check_byte 연동)를 씁니다.




■ AI 연동 — 향후 제공 예정
상태바에 AI 도우미 버튼이 보일 수 있으나, 지금은 유료화 준비 중입니다.
설치만으로 AI가 동작하지 않습니다. 과금·키 발급·약관이 정리되면 별도 업데이트로 안내합니다.
원본 데모 키를 넣지 마세요.
■ 파일 구조와 용도
zip을 그누보드 루트(common.php 있는 곳) 기준으로 덮어씁니다.
plugin/editor/page-ai-editor/ — 그누보드가 인식하는 에디터 슬롯. 폴더 이름이 에디터 ID입니다.
- editor.lib.php : editor_html / get_editor_js / chk_editor_js. 숨은 wr_content와 제출 시 getHTML() 동기화, 업로드 URL·토큰
- page-ai-editor.js : 빌드 산출물. 수정하지 말고 교체만
- page-ai-editor.css : 툴바·캔버스·상태바. 테마 색은 사이트 CSS로 덮음
plugin/page_ai_editor/ — 본문 이미지 AJAX. 그누보드 기본 업로드가 아닙니다.
- upload.php : POST multipart, 필드명 file. 성공 201 + { "url": "..." }
- delete.php : POST JSON { "url": "..." }. 성공 204. data/editor 아래만 삭제
- page_ai_editor.lib.php : 세션 토큰(ss_page_ai_editor_token 또는 X-Page-AI-Token), 쓰기 레벨, 5MB, 확장자, getimagesize, 저장 루트 data/editor
extend/page_ai_editor.extend.php
- 이 에디터를 쓰는 게시판만 모바일 DHTML을 켭니다. 다른 게시판은 기존 정책을 유지합니다.
data/editor/년월/
- 업로드된 이미지가 저장됩니다. 미리 폴더를 만들고 웹 서버 쓰기 권한을 주세요. 월별 하위 폴더는 업로드 시 자동 생성됩니다.
테마 글쓰기 스킨과 custom.css는 사이트마다 달라서 zip에 넣지 않았습니다.

■ 파일 업로드 연동
1. 툴바 이미지 첨부 → 레이어에서 파일 선택 또는 드래그
2. 에디터가 upload.php?token=...&bo_table=게시판 으로 POST
3. 토큰이 없거나 틀리면 403, 이미지가 아니면 415, 용량 초과 413
4. 성공하면 본문에 /data/editor/년월/파일명 URL이 들어갑니다
5. 본문에서 이미지 삭제 시 delete.php가 서버 파일까지 지웁니다
허용: jpg jpeg png gif webp. SVG·실행 파일·일반 첨부는 거절합니다.

■ 설치
1. plugin/editor/, plugin/page_ai_editor/, extend/, config.php 를 백업합니다.
2. 위 경로로 파일을 복사하고 data/editor/ 를 만듭니다. 권한 예: 0755.
3. config.php 의 define('G5_IS_MOBILE_DHTML_USE', false); 한 줄을 주석 처리합니다. 이 줄이 살아 있으면 모바일은 textarea로 떨어집니다. 사이트 전역 true보다, extend가 게시판 단위로 켜는 쪽을 권장합니다.
4. 관리자에서 게시판만 이 에디터로 바꿉니다. (아래)
5. 글쓰기 스킨에 $editor_html 과 $editor_js 가 있어야 합니다. textarea를 직접 그린 스킨은 에디터가 안 붙습니다.
6. 강력 새로고침 후 표 삽입, PNG 업로드, 등록 후 보기 화면, 모바일 글쓰기를 확인합니다.

■ 관리자 설정
사이트 기본 에디터(환경설정 > 기본환경설정 > 에디터 선택, cf_editor)는 smarteditor2 등으로 두어도 됩니다. 게시판의 에디터 선택이 우선합니다.
게시판관리 > 해당 게시판 수정
- DHTML 에디터 사용: 사용
- 에디터 선택: page-ai-editor (목록에 없으면 폴더 복사가 안 된 것입니다. 이름과 대소문자를 확인하세요.)
- HTML 사용 권한: 글을 쓰는 회원 레벨 이하. 게스트 글쓰기면 1.
저장 후 해당 게시판 글쓰기를 강력 새로고침합니다.


업로드 403은 세션, 415는 확장자, 이미지가 안 보이면 data/editor 권한과 /data/editor/ 웹 접근입니다.
툴바 토큰·높이 등 세부는 zip 안 설치안내.md 를 보시면 됩니다.
■ 라이선스
AI 기능을 제외한 이 배포분은 무료이며, MIT 라이선스로 재배포할 수 있습니다.
AI 연동은 향후 제공 예정이며 이 라이선스에 포함되지 않습니다.
■ 피드백
쓰시다가 불편한 점이나 오류가 있으면 이 글에 댓글로 알려 주세요.
확인되는 대로 빠르게 수정해서 다시 배포하겠습니다.
원본 소스(React/Tiptap)는 넣지 않았고, 빌드된 js/css와 그누보드 어댑터·업로드만 배포합니다.
대상 버전: 5.6.x (작성 기준 5.6.34)
게시판마다 에디터를 고를 수 있습니다. 사이트 기본 에디터는 그대로 두고, 원하는 게시판만 page-ai-editor로 바꿉니다.
■ 특징
- 표 삽입 후 셀을 고르면 행/열 추가·삭제가 됩니다.
- 이미지 첨부는 레이어에서 선택 또는 드래그입니다. jpg/png/gif/webp, 파일당 5MB.
- 이미지는 그누보드 기본 bbs 업로드가 아니라 plugin/page_ai_editor AJAX로 올립니다. 세션 토큰과 게시판 쓰기 권한으로 막습니다.
- PC·모바일 모두 위지윅입니다. 서식, 링크, 유튜브, 찾기/바꾸기, 미리보기, 글자수(check_byte 연동)를 씁니다.




■ AI 연동 — 향후 제공 예정
상태바에 AI 도우미 버튼이 보일 수 있으나, 지금은 유료화 준비 중입니다.
설치만으로 AI가 동작하지 않습니다. 과금·키 발급·약관이 정리되면 별도 업데이트로 안내합니다.
원본 데모 키를 넣지 마세요.
■ 파일 구조와 용도
zip을 그누보드 루트(common.php 있는 곳) 기준으로 덮어씁니다.
plugin/editor/page-ai-editor/ — 그누보드가 인식하는 에디터 슬롯. 폴더 이름이 에디터 ID입니다.
- editor.lib.php : editor_html / get_editor_js / chk_editor_js. 숨은 wr_content와 제출 시 getHTML() 동기화, 업로드 URL·토큰
- page-ai-editor.js : 빌드 산출물. 수정하지 말고 교체만
- page-ai-editor.css : 툴바·캔버스·상태바. 테마 색은 사이트 CSS로 덮음
plugin/page_ai_editor/ — 본문 이미지 AJAX. 그누보드 기본 업로드가 아닙니다.
- upload.php : POST multipart, 필드명 file. 성공 201 + { "url": "..." }
- delete.php : POST JSON { "url": "..." }. 성공 204. data/editor 아래만 삭제
- page_ai_editor.lib.php : 세션 토큰(ss_page_ai_editor_token 또는 X-Page-AI-Token), 쓰기 레벨, 5MB, 확장자, getimagesize, 저장 루트 data/editor
extend/page_ai_editor.extend.php
- 이 에디터를 쓰는 게시판만 모바일 DHTML을 켭니다. 다른 게시판은 기존 정책을 유지합니다.
data/editor/년월/
- 업로드된 이미지가 저장됩니다. 미리 폴더를 만들고 웹 서버 쓰기 권한을 주세요. 월별 하위 폴더는 업로드 시 자동 생성됩니다.
테마 글쓰기 스킨과 custom.css는 사이트마다 달라서 zip에 넣지 않았습니다.

■ 파일 업로드 연동
1. 툴바 이미지 첨부 → 레이어에서 파일 선택 또는 드래그
2. 에디터가 upload.php?token=...&bo_table=게시판 으로 POST
3. 토큰이 없거나 틀리면 403, 이미지가 아니면 415, 용량 초과 413
4. 성공하면 본문에 /data/editor/년월/파일명 URL이 들어갑니다
5. 본문에서 이미지 삭제 시 delete.php가 서버 파일까지 지웁니다
허용: jpg jpeg png gif webp. SVG·실행 파일·일반 첨부는 거절합니다.

■ 설치
1. plugin/editor/, plugin/page_ai_editor/, extend/, config.php 를 백업합니다.
2. 위 경로로 파일을 복사하고 data/editor/ 를 만듭니다. 권한 예: 0755.
3. config.php 의 define('G5_IS_MOBILE_DHTML_USE', false); 한 줄을 주석 처리합니다. 이 줄이 살아 있으면 모바일은 textarea로 떨어집니다. 사이트 전역 true보다, extend가 게시판 단위로 켜는 쪽을 권장합니다.
4. 관리자에서 게시판만 이 에디터로 바꿉니다. (아래)
5. 글쓰기 스킨에 $editor_html 과 $editor_js 가 있어야 합니다. textarea를 직접 그린 스킨은 에디터가 안 붙습니다.
6. 강력 새로고침 후 표 삽입, PNG 업로드, 등록 후 보기 화면, 모바일 글쓰기를 확인합니다.

■ 관리자 설정
사이트 기본 에디터(환경설정 > 기본환경설정 > 에디터 선택, cf_editor)는 smarteditor2 등으로 두어도 됩니다. 게시판의 에디터 선택이 우선합니다.
게시판관리 > 해당 게시판 수정
- DHTML 에디터 사용: 사용
- 에디터 선택: page-ai-editor (목록에 없으면 폴더 복사가 안 된 것입니다. 이름과 대소문자를 확인하세요.)
- HTML 사용 권한: 글을 쓰는 회원 레벨 이하. 게스트 글쓰기면 1.
저장 후 해당 게시판 글쓰기를 강력 새로고침합니다.


업로드 403은 세션, 415는 확장자, 이미지가 안 보이면 data/editor 권한과 /data/editor/ 웹 접근입니다.
툴바 토큰·높이 등 세부는 zip 안 설치안내.md 를 보시면 됩니다.
■ 라이선스
AI 기능을 제외한 이 배포분은 무료이며, MIT 라이선스로 재배포할 수 있습니다.
AI 연동은 향후 제공 예정이며 이 라이선스에 포함되지 않습니다.
■ 피드백
쓰시다가 불편한 점이나 오류가 있으면 이 글에 댓글로 알려 주세요.
확인되는 대로 빠르게 수정해서 다시 배포하겠습니다.
버전 정보
테스트한 버전
5.6.34
호환 가능 버전
5.6.x
첨부파일
총 5명이 반응했습니다
|
댓글을 작성하시려면 로그인이 필요합니다.
그누보드5 플러그인
710건그누보드 호환이거나 독립적으로 실행되는 플러그인을 소개합니다.
댓글 5개
https://modam.oootool.com/
user1 ~ user9 / user1234
피드백 주면 기능 개선에 많은 도움이 됩니다.
시멘틱 태그만 사용하고
유튜브 임베트가 간편하고
이미지 되는 걸 찾았는데
딱 이거네요
너무너무 감사합니다. 잘쓸게요