이미지 및 테이블 이동 기능이 추가 되었습니다. (좌측핸들 클릭+드래그)
이미지 생성 AI를 누구나 사용할 수 있도록 무료 버전을 연동 하였습니다.
(1분당 약 3장 생성가능 / 유료버전 선택적 연동)
실시간 입력, 모드 전환시 XSS 공격 대응 라이브러리를 적용 하였습니다. (DOMPurify)
폰트선택 기능을 적용 하였습니다.
그누보드의 코어파일 수정없이 에디터를 사용할 수 있도록 처리 하였습니다.
naver와 kakao 동영상은 표기되지 않습니다. (메타데이터만 표기 / 코어에서 차단)

캔버스모드 개발중, 글감:게시물연동 개발중
이모티콘 개발중, 이미지 라이브러리 개발중
아이콘 라이브러리 개발중, 템플릿 블록 개발중
테마 및 컬러서정 개발중, AI사용 권한처리 개발중
에디터 설정처리 개발중, 가이드 작성중

1차 중간개발 테스트 버전 공개
2025.02.18 05:18 / False9

PDF저장, 이미지저장, 인쇄 기능이 추가 되었습니다. (테스트 가능)
모바일버전의 저장기능은 개발중 이며 그림자 속성은 포함 되지 않습니다.
입력 및 불러오기에 XSS 대응 코드를 추가 하였습니다.

PDF저장, 이미지저장, 인쇄 기능 추가완료
2025.02.08 08:51 / False9

그누보드 기본기능인 자동저장과, 작성자 임의로 저장 버튼을 클릭하여 작성중인 내용을 저장할 수 있습니다.
저장된 내용은 [불러오기] 버튼으로 언제든지 불러올 수 있습니다.
에디터 설치 만으로 js를 Override 하므로 그누보드 원본 autosave.js 는 수정하지 않습니다.

작성하는 중에는 덮어쓰기 됩니다. (60초)
불러오기 이후는 불러온 데이터에 덮어쓰기 됩니다.
새로고침 후 저장은 신규데이터에 저장됩니다.






임시저장, 자동저장, 불러오기 완료
2025.02.07 03:02 / False9

1차 테스트 버전이 공개 되었습니다.

저장 기능은 추후 오픈 예정입니다. 작성만 테스트 하실 수 있습니다.
부가기능 개발 및 버그수정은 계속 진행중입니다.

많은 성원 부탁드립니다.
감사합니다.

완료된 기능
굵기, 기울임, 밑줄, 정렬, 컬러, 배경컬러
표삽입, 셀병합, 셀병합취소, 셀컬러, 셀크기변경
이미지 드래그 앤 드랍 및 다중첨부
html 코드 편집, 초기화, 미리보기, 전체화면, 저장
이미지 크기변경 및 자르기
이미지 필터 (밝기, 대비, 채도, 그레이, 블러, 투명도, 인버트, 세피아)
이미지 스타일 (라운드, 테두리, 그림자)
URL 붙혀넣기 감지 (og_image 포함 메타정보 및 유튜브, 비메오, 다음, 네이버 동영상 미리보기)
모바일 반응형 처리

개발중인 기능
크로스브라우징 폰트설정 스킨화, 에디터 테마 스킨화
글감(게시물 연동)
이미지 드래그 이동, 테이블 드래그 이동
문단블록(템플릿) 추가
인라인 편집 기능추가
XSS 보안강화
지도(카카오, 구글) 연동, 이미지 라이브러리,
캔버스모드(드로잉/레이어)
편집자추가, 편집자정보
임시저장 및 불러오기, PDF저장 및 인쇄
관리자모드 에디터 전용설정

1차 테스트 버전 공개완료
2025.01.31 11:46 / 리빌더

* 저장 및 게시판 연동작업 완료 되었습니다.






style 필터링 우회 및 XSS 대응 함수처리 완료
rbeditor_sanitize_output($view['wr_content'])

폰트설정, 기타 출력버그, 부가기능, 블록템플릿 진행 확인중

저장기능 테스트
2025.01.22 14:57 / False9

* 보이는 그대로 저장하기 위한 미리보기 기능을 추가 하였습니다.




미리보기 기능 테스트
2025.01.16 06:25 / 리빌더

* 셀 가장자리에 마우스오버시 가이드라인을 제공하며 셀의 크기를 조절할 수 있습니다.




* 병합된 셀을 병합해제 할 수 있는 기능을 추가 하였습니다.




* 선택된 셀에 백그라운드 컬러를 추가할 수 있습니다.




테이블 기능 강화 테스트
2025.01.16 06:23 / 리빌더

* PNG 이미지의 투명한 부분을 제외하고 그림자를 만들 수 있도록 드롭쉐도우 적용완료




* 이미지의 원활한 크기변경을 위한 object-fit: cover 잘라내기 적용
> 이미지 영역의 크기를 변경하면 이미지는 영역을 채운 상태에서 중앙 정렬로 크롭 됩니다.




* 이미지 필터 종류를 확장 하였습니다.




이미지 편집기능 강화 테스트
2025.01.16 06:20 / 리빌더

[작업중인 기능요약]
> 미니툴바 기능추가, 병합해제(수정중), 셀컬러(수정중)
> 장소/주소 (구글 및 카카오 API)
> 이미지 라이브러리 API
> 문단(템플릿)블록 (이미지드랍)
> 글감(게시물 연동)
> 유튜브 동영상 자동출력
> CSS모드 / HTML모드
> 관리자연동(모드별 사용권한, API키 등)
> 기타 UI 개선 및 미니툴바 기능개선
> 동영상 자동출력
> 드로잉모드 펜굵기, 컬러, 타입설정
> 기타 개선사항 및 요구사항 적극반영

[고도화 예정]
> 이미지 편집 기능 강화
> 발행예약, 불러오기, 자동저장
> 편집자 추가(수정권한 공유)
> 테마
> 드로잉모드(Fabric.js) 확장기능
> PDF 및 이미지 저장, 인쇄
> 이미지 편집기능 강화 (API)
> 확장 및 커스텀을 위한 모듈화
> 다양한 입력옵션 (인용구, 정렬 등)
> PHP외 사양한 언어추가
> 번역, AI 모듈
> 기타 개선사항 및 요구사항 적극반영


RB 에디터 1.0
HTML5, PHP, JavaScript, Ajax, Curl
jQuery, jQuery UI, Fabric, Coloris

기본 UI 작업이 완료 되었습니다.
미니툴바의 일부 기능을 수정중에 있습니다.
자세한 내용은 새소식 > 업데이트 노트 메뉴를 확인해주세요.

















기본 UI 완료 테스트
2025.01.10 05:42 / False9

Url을 붙혀넣기 하면, 해당 Url의 메타데이터를 출력 합니다.
Url을 타이핑하는 경우는 출력되지 않습니다.
타이핑 후 엔터키로도 출력하게 하려고 했으나, 다른 입력이 있을 경우 사용에 불편함이 있어서 붙혀넣기를 했을때만 출력 됩니다.



UI 작업 전 메타데이터 출력 테스트
2025.01.08 17:30 / 리빌더

이미지를 드랍 및 첨부 후 클릭하여
이미지 편집바를 활성화 할 수 있습니다. (UI 작업전이니 참고해주세요.)
활성화된 편집바에서 슬라이더 컨트롤로 이미지에 필터를 적용할 수 있습니다.
모서리라운드, 크기조절, 다중이미지 등의 기능이 추가되어 있습니다.



UI 작업 전 이미지 편집 기능 테스트
2025.01.08 17:30 / 리빌더

테이블 생성 이후 테이블에서 제공되는 기능이 강화 되었습니다.
Ctrl+클릭 으로 셀을 선택할 수 있으며, 선택된 셀을 병합하거나, 컬러를 입힐 수 있습니다.
또한 셀 내에 이미지를 드랍하거나, 셀 내부 정렬을 변경하는 기능이 추가 되었습니다.



UI 작업 전 테이블 기능 테스트
2025.01.08 17:30 / 리빌더

기존 드로잉 모드를 > 캔바스 모드로 변경합니다.
마우스포인터로 드로잉만 가능했던 부분을 좀 더 다양한 오브젝트를 활용할 수 있습니다.
텍스트 박스를 동적으로 생성하고 에디팅 할 수 있습니다.

1. 텍스트 박스 생성 > 자유이동, 회전, 컬러 등
2. 이미지 드랍 및 첨부 > 자유이동, 회전, 효과, 자르기 등
3. 마우스 포인터를 통한 드로잉
4. 오브젝트 단일선택, 다중선택, 드래그선택 > 딜리트키 > 오브젝트 제거
5. 보이는 모양 그대로 저장

프로토타입 준비 할 것. @False9



UI 작업 전 Canvas 테스트
2025.01.03 00:11 / 리빌더