CodeMirror 관련 한두가지

프론티어2017-03-05 23:04:31269200vue, CodeMirror,markdown, vue-simplemde

Vue 연동 markdown editor 를 검토하면서
기본적으로 vue-siplemde (https://github.com/F-loat/vue-simplemde) 를 활용하기로 했습니다.

검토하면서 나온 사항 한두가지 정리해 둡니다.


IE 관련 에러

내부적으로는 CodeMirror 를 사용하고 있었는데,
IE 에서 에러가 발생하는 부분이 있어서 추적해 보니, SpellCheck 관련 부분이더군요.
markdown 쪽에 직접관련 없는 부분이어서 Comment 처리하는 것으로 정리했습니다.

이미지
이미지


newlineAndIndentContinueMarkdownList

이미지
예전부터 궁금했던 것인데
위와같이 목록 작성시 Enter 키를 치면 바로 아래 위치를 인식해서 정리되는 것이 Code Editor 의 매력인데
CodeMirror 의 경우 관련 option 이 newlineAndIndentContinueMarkdownList 이더군요
참고로 기록해 둡니다.

 { mode: 'markdown', extraKeys: {"Enter": "newlineAndIndentContinueMarkdownList"} }

이미지