RB에디터 기본기능 체험버전 나왔습니다~ 정보
RB에디터 기본기능 체험버전 나왔습니다~
본문
RB에디터 기본기능 체험버전 나왔습니다!
관심과 응원 고맙습니다~!!
기본기능만 있는 개발중인상태의 체험버전이라 자잘한 버그가 있을 수 있습니다 ㅎ
https://rebuilder.co.kr/content/editor
테스트 오픈된 기능
굵기, 기울임, 밑줄, 정렬, 컬러, 배경컬러
표삽입, 셀병합, 셀병합취소, 셀컬러, 셀크기변경
이미지 드래그 앤 드랍 및 다중첨부
html 코드 편집, 초기화, 미리보기, 전체화면, 저장(추후)
이미지 크기변경 및 자르기
이미지 필터 (밝기, 대비, 채도, 그레이, 블러, 투명도, 인버트, 세피아)
이미지 스타일 (라운드, 테두리, 그림자)
URL 붙혀넣기 감지 (og_image 포함 메타정보 및 유튜브, 비메오, 다음, 네이버 동영상 미리보기)
모바일 반응형 처리
개발중인 기능
크로스브라우징 (IOS, 사파리)
폰트설정 스킨화, 에디터 테마 스킨화
글감(게시물 연동)
이미지 드래그 이동, 테이블 드래그 이동
문단블록(템플릿) 추가
인라인 편집 기능추가
XSS 보안강화
지도(카카오, 구글) 연동, 이미지 라이브러리,
캔버스모드(드로잉/레이어)
임시저장 및 불러오기, PDF저장 및 인쇄
관리자모드 에디터 전용설정
코드 리팩토링 및 고유선택자, Class명 개선
4
관련링크
베스트댓글

@Tak2
해당문제는 \u200B(제로폭)을 삽입하면서 생긴 문제로 확인됩니다.
IOS/사파리 일때 분기처리를 따로 해주었습니다~

@jihan006?
네 맞습니다~
$('#editor').on('keydown', function (e) { 에서
if (e.key === 'Enter') { 로 따로 처리를 했는데 IOS나 사파리에서는 엔터키 동작의 커스텀을 아예 없애고 브라우저의 native 엔터키 처리 방식에 따라 줄바꿈이 수행되도록 했습니다 ~
이렇게하니 contenteditable 요소에서 <br>이나 <div> 가 새로 생기는것을 확인할 수 있었습니다 !

보기만 해도 멋집니다
보안도 잘되고 보완도 잘 하셔서 10년은 너끈이 이끌어 나갈 프로그램이 되길
소망합니다 : )
댓글 26개

보기만 해도 멋집니다
보안도 잘되고 보완도 잘 하셔서 10년은 너끈이 이끌어 나갈 프로그램이 되길
소망합니다 : )

@예뜨락
좋은말씀 고맙습니다 :D
지속적인 고도화와 발전을 약속드립니다~!

웹접근성에 문제가 없는지 테스트 해보고 싶은데 로그인해야지만 확인이 가능하네요
ex) 이미지 업로드시 불필요한 title 값 뺴고 alt="게시글제목" 등으로 하면 좋을것 같습니다만..


@펄스나인 올 불필요한 title 값 제거가 되어있네요 멋집니다 ^^
테이블 합치는 기능이 없네요


ios에서
테(줄바꿈)스
하면
테테스 한줄로 되는 오류가 발생해요.
(저도 에디터 만들다가 동일 현상 나타나서 포기;;)

@Tak2
알려주셔서 감사합니다~
ios는 테스트중에 있습니다 :D

@Tak2 이 문제 때문에 CK에디터가 입력 처리기를 완전히 갈아엎었죠.
ios 뿐만 아니라 CJK 및 조합형 문자 입력의 대부분의 문제가 해결됐죠.

@jihan006? 해결방법좀 알려주실 수 있을까요? 아이패드에서 글쓰는데 제가 만든 에디터로 쓰려하니 입력 오류? 때문에 미칠 것 같아서요.

@Tak2 저도 모릅니다.
https://github.com/rhymix/rhymix/issues/932
이건 CK에디터에서 라이믹스 쪽에서 해결한 방법인 것 같은데, 위 에디터는 직접 만드셨다고하니... 코드보니 jquery로 키입력 이벤트를 처리하신 것 같은데, 관련해서 키 press/down/up 등의 이벤트 처리를 손 봐야할 것 같네요.

@jihan006? 감사합니다

@jihan006?
네 맞습니다~
$('#editor').on('keydown', function (e) { 에서
if (e.key === 'Enter') { 로 따로 처리를 했는데 IOS나 사파리에서는 엔터키 동작의 커스텀을 아예 없애고 브라우저의 native 엔터키 처리 방식에 따라 줄바꿈이 수행되도록 했습니다 ~
이렇게하니 contenteditable 요소에서 <br>이나 <div> 가 새로 생기는것을 확인할 수 있었습니다 !

@Tak2
해당문제는 \u200B(제로폭)을 삽입하면서 생긴 문제로 확인됩니다.
IOS/사파리 일때 분기처리를 따로 해주었습니다~

@펄스나인 감사합니다 저도 해당 문제를 덕분에 해결했습니다.

@Tak2
해결되셨다니 다행입니다 :D
편안한 한주 되세요!
멋진 에디터이네요~

@라온헤윰
감사합니다~!!
편안한 주말 되세요~~

일단 감사하단 말씀먼저...

@평상심NZ
감사합니다~ 편안한 하루 되세요~
멋지고 대단하십니다

@김철용
좋은말씀 고맙습니다~
남은 주말 잘 보내세요~

아쉽네요. 해외 결제만 원활했으면 구입을 했을텐데.....
에디터가 완성되가면서 활인률이 작아지고 가격도 함께 오르는군요.
적절한 조치라 생각 합니다. 필요하신분은 빨리 결제 하는것이 좋겠네요.
앞으로도 계속 응원 드리겠습니다.

@亞波治
저 역시 아쉽습니다 ㅠ 좋은말씀 고맙습니다.
오픈 초기라 아직 PG를 구비하지 못했네요..
양해 부탁드립니다. ( _ _)
완성 이후 이벤트로 다시 찾아뵙겠습니다!
편안한 한주 되세요~

멋진걸 만드셨네요. 추천합니다.

@비타주리
매번 찾아봐주셔서 고맙습니다 ~
편안한 한주 되세요~