RB 에디터 개발현황 > 자유게시판

자유게시판

RB 에디터 개발현황 정보

RB 에디터 개발현황

본문

사전구매 할인이벤트 종료 되었습니다.

참여해주신 모든분들께 감사의 말씀 올립니다. ( _ _)

 

중간 개발내용 전달 드립니다.

 

--------

 

이미지 편집기능 강화 (드롭쉐도우, 잘라내기, 필터확장)

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

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

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

 

테이블 기능 강화 (크기변경, 병합해제, 컬러설정)

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

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

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

 

미리보기 구현

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

 

기타

* 이미지 핸들링 개선

* 시각화 작업

* font > span 으로 교체

* span 중첩되어 스타일 들어가는 문제 수정

* 커서 위치에 있는 텍스트의 스타일 <> 버튼활성 동기화

* 이미지 클릭시 이미지에 적용된 효과 <> 슬라이더 동기화

 

감사합니다!

 

 

3537874058_1736977096.3441.png

 

3537874058_1736977101.5559.png

 

3537874058_1736977106.2902.png

 

3537874058_1736977110.852.png

 

3537874058_1736977116.7076.png

 

3537874058_1736977120.6489.png

 

3537874058_1736977124.6442.png

 

 

추천
3

댓글 4개

@jihan006? 안녕하세요~


초반에는 CKEditor, TinyMCE 등을 활용하려고 했습니다만,,

기타 여러가지 이유로 배제 했습니다 ㅠ

바닥부터 진행하고있습니다 ㅎ..

 

순수 자바스크립트로 하고있고, 현재 약 4000줄 정도 되어갑니다..ㅎ

DOM 선택, 스타일 변경, 이벤트 같은 건 제이쿼리로 처리하고있습니다~

 

라이브러리는 jQuery와 jQuery UI, 캔버스에 Fabric.js를 사용중입니다.

캔버스는 모바일 사용성이 떨어져서 레이어 기능이 있는 Konva.js 로 교체될 수 있습니다.

 

유지보수와 지속 사용성을 위해 외부 CDN에 의존하지 않을 (직접 파일로 처리) 계획입니다. (생각만..) 

라이브러리는 보안이나 기타 기능에서 추가로 채용될 수 있습니다!

감사합니다 :D

전체 198,049 |RSS
자유게시판 내용 검색

회원로그인

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