contentEditable를 버리고 모든 글자를 캔버스에 직접 그린 텍스트 에디터 Tasfer
Tasfer: a text editor drawn on a 2D canvas
Tasfer는 브라우저의 contentEditable API를 버리고 HTML5 2D 캔버스에 모든 글자, 커서, 선택 영역, 줄바꿈, 아랍어 RTL 텍스트까지 직접 측정하고 그리는 텍스트 에디터다. 키 입력만 숨겨진 input으로 받고 렌더링은 전적으로 자체 코드가 담당해 모든 브라우저에서 동일하게 동작한다. 서버와 계정 없이 로컬 우선으로 작동하며, CRDT와 WebRTC를 직접 구현해 암호화된 P2P 협업을 지원한다. LaTeX 수식, 코드 블록, 표, 캘린더까지 확장됐고 AGPL 앱과 MIT 엔진으로 오픈소스화됐다.
그래서 나는 조금 미친 짓을 했다. contentEditable을 버리고 모든 것을 HTML5 캔버스 위에 직접 그렸다.