Prosemirror 개발 환경 설정

시스템 운영하다 보면 웹에디터에 신규기능추가 및 기존기능수정 요청이 간간히 발생하지만

오픈소스 에디터를 주로 사용하다 보니 추가 및 수정이 간단하지 않은 경우가 많다. 

 

매번 신규 개발 할 때마다 어떤 에디터를 사용할까. 

요즘에는 이 에디터가 잘 나간다는데..

현재 사용 중인 자바스크립트 프레임워크에 잘 호환되는 에디터는 무엇일까. 

등등.. 에디터 선택에 대한 고민을 하게 된다. 

 

내 입맛대로 수정해서 쓸 수 있는 에디터를 하나쯤 갖고 싶다라는 생각을 하던 중 발견한 것이 

prosemirror 인데 레고 처럼 조립해서 쓸 수 있다라는 데서 한 번 도전해 볼까?

의욕이 생겼지만... 

 

http://prosemirror.net/

ProseMirror

 

최신 자바스크립트에 익숙하지 않았기 때문에 샘플의 구동조차 할 수 없었다.

그래서 webpack 설정 및 사용 방법 부터 공부해야 했고, 

드디어 샘플은 실행해 볼 수 있게 되었다.

 

Watch

logdirectory/prose-mirror-examples