RB 에디터 개발현황 정보
RB 에디터 개발현황
본문
사전구매 할인이벤트 종료 되었습니다.
참여해주신 모든분들께 감사의 말씀 올립니다. ( _ _)
중간 개발내용 전달 드립니다.
--------
이미지 편집기능 강화 (드롭쉐도우, 잘라내기, 필터확장)
* PNG 이미지의 투명한 부분을 제외하고 그림자를 만들 수 있도록 드롭쉐도우 적용
* 이미지의 원활한 크기변경을 위한 object-fit: cover 잘라내기 적용
> 이미지 영역의 크기를 변경하면 이미지는 영역을 채운 상태에서 중앙 정렬로 크롭 됩니다.
* 이미지 필터 종류를 확장 하였습니다.
테이블 기능 강화 (크기변경, 병합해제, 컬러설정)
* 셀 가장자리에 마우스오버시 가이드라인을 제공하며 셀의 크기를 조절할 수 있습니다.
* 병합된 셀을 병합해제 할 수 있는 기능을 추가 하였습니다.
* 선택된 셀에 백그라운드 컬러를 추가할 수 있습니다.
미리보기 구현
* 보이는 그대로 저장하기 위한 미리보기 기능을 추가 하였습니다.
기타
* 이미지 핸들링 개선
* 시각화 작업
* font > span 으로 교체
* span 중첩되어 스타일 들어가는 문제 수정
* 커서 위치에 있는 텍스트의 스타일 <> 버튼활성 동기화
* 이미지 클릭시 이미지에 적용된 효과 <> 슬라이더 동기화
감사합니다!
3
댓글 4개

멋집니다.!!^^

@유찬아빠 감사합니다! ^^

와. 기반으로한 프레임워크, 라이브러리는 어떤건가요?
그냥 바닥부터 만드신 건가요?

@jihan006? 안녕하세요~
초반에는 CKEditor, TinyMCE 등을 활용하려고 했습니다만,,
기타 여러가지 이유로 배제 했습니다 ㅠ
바닥부터 진행하고있습니다 ㅎ..
순수 자바스크립트로 하고있고, 현재 약 4000줄 정도 되어갑니다..ㅎ
DOM 선택, 스타일 변경, 이벤트 같은 건 제이쿼리로 처리하고있습니다~
라이브러리는 jQuery와 jQuery UI, 캔버스에 Fabric.js를 사용중입니다.
캔버스는 모바일 사용성이 떨어져서 레이어 기능이 있는 Konva.js 로 교체될 수 있습니다.
유지보수와 지속 사용성을 위해 외부 CDN에 의존하지 않을 (직접 파일로 처리) 계획입니다. (생각만..)
라이브러리는 보안이나 기타 기능에서 추가로 채용될 수 있습니다!
감사합니다 :D