본문 바로가기
수익형 웹사이트 만들기

[Rectify] 에디터 Beta v0.2 - 차트, 클립보드 데이터

by jaewooojung 2024. 2. 7.

Beta v0.2

업데이트 내용

1. 차트 노드 추가

recharts 패키지의 bar, line 차트 사용

 

2. clipboard data 연동

에디터 내에서 생성된 콘텐츠가 아닌 외부의 콘텐츠가 클립보드를 통해 삽입되는 경우가 있다. 단순 문자열인 경우에는 paragraph를 생성해서 내용을 채워주면 되지만, 일반적으로 브라우저에서 클립보드에 데이터를 담을 때(복사)에는 HTMLElement로 담기는 경우가 많다. 이 경우 에디터 내에는 이미 이미지(img), 링크(a), 비디오(video)를 랜더링 하는 커스텀 노드가 존재하기 때문에 클립보드에 있는 img, a, video 태그를 그대로 삽입해 버리면 에디터와 매칭되지 않는 html 요소들이 삽입되어 버린다. 그래서 clipboard에 있는 데이터가 들어올 때에는 html의 attributes를 파싱 하여 커스텀 노드의 attributes로 전달 후 이 노드를 랜더링 하면서 통일성을 유지했다. 

 

3. 기존 커스텀 노드 개선

마우스 드래깅, 크기 변환, 캡션 등



        
답변을 생성하고 있어요.