react prosemirror

오늘은 content editable로 에디터를 만들어보았다.
window.execCommand가 deprecated 되었다는 소식을 듣고 놀랐다.
아직 대체는 없고 getSelection 등 으로 처리를 해줘야 하는 모양이다.
물론 JavaScript 에디터들은 기본적으로 해당 기능을 구현해놓았다. Ckeditor 등.
아마 content editable에 스펙들이 추가될거 같은데 기다리기는 좀 그렇다.
content editable은 프레젠테이션 레이어가 바뀌었을 때 캐럿 위치를 잡기가 애매해서 다른 방법을 찾아보았다.
프레젠테이션 레이어 변경의 예는 마크다운 텍스트를 html로 변경해서 세팅을 해주는 것이다.
대체는 useProsemirror를 사용해서 리액트에 붙여주는 것이다.
Editor state와 Editor view에 접근할 수 있고 에디터 컴포넌트 밖에서 쉽게 값을 가져오고 반영할 수 있다.
정말 대단한 프로그래머들이 많은 것 같다. 존경스럽다.