모나코 에디터를 티스토리 에디터로 사용하기 -1-

티스토리 블로그를 시작하면서,
앞서서 작성한 TISTORY APi 관련글에서도 이야기 했지만, 에디터가 불편했다.

에디터 중엔 괜찮은 성능을 발휘하는 에디터인 TOAST UI EDITOR를 적용했고 큰 불만은 없고 사실 어느정도 만족하지만,

내가 만든걸 아닌걸 갖다 붙여 쓰는것은 항상 만족이 안되는 부분이 있기 마련이다.
그리고 더 좋은것을 알고 있다면 더더욱말이다.

개발을 어느정도 하는사람이라면 왠만한 텍스트에디터는 웹이든 윈도우 프로그램이든 맥용 프로그램이든 아쉬운점이 있을것이다.

vs-code, inteliJ 등에서 지원하는 강력한 편집 기능에 익숙해져있고(탭, 멀티커서 등..) 이러한 것은 개발 툴에서나 지원하지 일반적인 문서 편집기에서는 지원하지 않기 때문이다

그러던 도중 vscode의 기반이 된 모나코 에디터라는것을 알게 되었다.
vscode가 타입스크립트 크로뮴 엔진 기반으로 만들어진건 알고 있었지만 공개되어 오픈소스로 아예 풀어놓은지는 몰랐었다.

보고 나서 느낀건 아 이걸 웹에디터 및 코드하이라이트용으로 쓰면 편하겠다는 생각이였다.

생각도 생각이고 ,생각보다 작업도 내 실력으로도 할만하다 느껴져서 작업에 착수했다.

우선 마크다운, 마크다운 미리보기를 만들어놓았고 간단한 위지윅 에디터에서 지원하는 기능 등을 추가 해보았다

https://github.com/ohah/mvmEditor

위의 링크에서 개발된 소스 및 동작은 확인할 수 있으며 현재도 개발중이니 완성됐을때 사용하는것이 바람직하다.

궁극적인 목표는 API를 활용하여 별도의 에디터를 사용하여 글작성하는 페이지인

https://allthatnba.com/tistory/ 에서 해당 에디터를 사용하여 글을 작성하는것이다.

TOAST UI EDITOR에 적용한 chartjs, 코드 하이라이트 기능 등을 포팅해야하는 과정이 남아 있다.