Tistory Editor 0.3.3
Dev

Tistory Editor 0.3.3

2017. 6. 5. 00:26

Tistory Editor는 처음엔 단순히 markdown editor가 있었으면 해서 만들었다가 조금씩 욕심이 생겨 에디터가 무려 3종류나 붙어있는 app이 되었다. markdown하나와 wysiwyg에디터 2개다. 그러고보니 Quill을 붙였을때 앱 버전이 0.2가 되었다. 그리고 Tinymce가 붙어 0.3이 되었다.

tinymce는 처음 시작할 때는 문서도 엉망이고 불친절해서 욕도 좀 하곤 했는데 에디터 자체의 구조가 너무 좋아 참고 참아 하나하나 알아가보니 꽤나 괜찮은 결과물이 나온다. Quill은 시작이 아주 쉽고 몇몇 기능은 아주 뛰어나지만 확장성이 그리 좋진 못하고 delta라는 놈이 나의 발목을 잡았다. delta to html 이라는 모듈도 만들어서 해결해보려 노력했지만 완벽히 변환되지가 않기 때문에 계륵 같은 존재가 되어버렸다.

어쨌든 markdown으로 작성한 것만큼이나 깔끔한 html 결과를 안겨주는데다 wysiwyg이라 이제는 tinymce를 메인 에디터로 쓸만큼 만족스럽다. plugin도 만들 줄 알겠다. 구조도 어느정도 익숙해졌겠다. 이제 실험적인 기능에 도전해보고 싶다. 먼저 회사에서 사용할 몇가지 플러그인을 만들어보고 공개용으로도 몇개 만들어봐야겠다.

댓글
  • 프로필사진 Prof. Ohora Joo님~ 이틀밖에 써보지 않았지만, 덕분에 버려두었던 Tistory 블로그에 글을 다시 쓰게 되었습니다. Markdown언어를 지원하는 녀석으로 Wordpress를 쓰다가 다시 돌아오고 싶어서 기웃기웃 거리고 있었거든요.ㅎㅎㅎ
    다만, 한가지 아쉬운게 있어서 여기 적습니다.
    1. 그림 upload시 크기지정 지원 : Markdown언어로도 뒤에 그림 크기를 지정해주는 방식이 있던데요. 지원하는게 많이 힘들까요?
    2. 위와같이 그림 크기 지정하는게 마땅치 않아 html문법으로 그림의 크기를 지정하고 있는데요 <img src=~ > 해당 글을 저장했을 때는 제대로 적용이 되는데, 다시 수정하고자 할 때에는 해당 반영사항이 없어지고 mark-down문법으로 다시 변형되어 보이더군요. 수정 후 재저장하면 다시 그림 크기 수정이 풀려버려 매 수정할 때마다 html문법으로 다시 크기를 수정해주어야 합니다.
    3. Markdown문법 중 어떤 것은 지원하고 어떤 것은 지원하지 않는지 잘 모르겠더라고요. Help Page라도 하나 있으면 더 좋을듯 합니다.^_^

    위 사항들 정도만 수정되면 정말 파셔도 손색없을 것 같습니다! 감사히 잘 쓰고 있습니다~
    2017.06.07 17:42 신고
  • 프로필사진 Joo 1. markdown문법에는 이미지 크기를 지정할 방법이 없습니다. 변형된 문법이 있긴하지만 그건 표준이 아닙니다.

    2. <img ...> 에 크기가 지정되어 있으면 마크다운으로 변형 안하면 좋겠지만 Tistory Editor에서 사용하는 marked는 이를 무시합니다. markdown 자체를 저장하지 않고 html - markdown 변환을 통하다 보니 아무래도 한계가 있습니다.

    3. html to markdown변환은 marked라는 라이브러리를 사용합니다. 여기에 full featured 라고 한 걸 보니 모두 지원하는 것 같습니다. 지원안하는 것이 있다면 알려주세요. 확인해보겠습니다.

    그리고 markdown editor 말고 tinymce도 붙여뒀는데 그걸 쓰시면 원하시는 걸 다 하실 수 있을 것 같습니다. 거긴 이미지 크기 변경이 아주 쉽게 가능합니다.
    2017.06.07 22:04 신고
  • 프로필사진 Prof. Ohora 친절한 답변 감사합니다 ^^ tinymce도 써봐야겠네요. 2017.06.07 23:31 신고
댓글쓰기 폼
«   2021/01   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31