toast ui 3

toast ui editor 3.0이 출시되었다.

본 블로그에 탑재 된 toast ui editor (이하 tui editor)가 버전업 되었다. 대충 쓰는덴 문제가 없으나 미천한 영어실력이라 대충 내가 필요한 기능들을 이해한 대로 정리하고자 한다. 경량화 기존의 마크다운 에디터는 코드미러와 토스트마크업을 동시에 띄우고 입력되는 데이터를 다른 API들을 통해 동기화 했다고 한다. 둘이 데이터를 다루는 방식이 다르기 때문에 같은 코드를 넣더라도 한 쪽에서 이를 인식하려면 꽤나 많은 과정을 거쳤던 듯 하다. 당장 렉도 많고, 글이 글어지기라도 하면 입력 지연, 멈춤 등이 발생하니 사용성이 개선 되었다니 반가울 다름이다. 커스텀 마크다운 문법 지원 GFM기반의 기본 마크다운 문법을 지원해 다채로운 작성이 불가능했던 것이 현실이다. $를 사용해 커스텀 마크다운..

Toast UI Editor (tui editor) plugin 적용하기 (#2)

서론 지난 글에서 tui editor에 plugin을 적용해 봤었다. 다만 해당 plugin은 css가 없는 단순 기능 추가였어서 현재 코드의 문제가 드러나지 않았었는데 이번에 적용하는 code-syntax-highlight에서 아주 대차게 고생시켰다. 해당 플러그인은 codeblock에서 문법 강조 효과를 주는 플러그인으로, 블로그 글도 올리고(js, vue) swift도 포스팅도 올리고, 후에 올릴 다른 프로젝트에 관한 글들까지 생각하면 문법적으로나 시각적으로나 구별이 좀 필요할 것 같다고 생각이 들었다. 책을 안 읽은 사람보다 한 권만 읽은 사람이 더 무섭다고 했던가... 어줍잖은 지식으로 기고만장하면 어떻게 되는지 뼈저리게 느꼈다. 이번 포스팅은 tui editor의 기본 플러그인인 code-sy..

Toast UI Editor (tui editor) plugin 적용하기 (#1)

서론 지난 글에서 테스트 중에는 크게 불편함을 느끼지 못했던 에디터의 몇몇 문제에 대해 이야기 한 적이 있다. ( https://chillog.page/board/chillog/1617855589867 ) 시각적인 부분과 몇몇 간단한 문제들은 당일, 익일에 걸쳐 수정을 완료했지만, 아마 부족한 내 실력과 더불어 '문서화가 잘 되어 있지만 잘 되어 있지 않다.' 라는 어느 분이 지적한 문제가 겹쳐 상당히 해멘 Toast UI의 vue에서의 plugin 적용 법에 관한 이야기 이다. 이번 글에서 적용한 plugin은 tui markdown editor에서 셀 병합 기능을 추가해 주는 plugin으로, 학습 내용을 정리하던 중 너무 불편해 이걸 해결하지 않고는 차마 견딜 수가 없었다. 따라하고 있던 fkkme..