타운광장토픽게시판

Toast UI Editor를 라이믹스에 적용해보았습니다

리버스
조회 수 1900
크게 작게 댓글로 가기
크게 작게 위로 아래로 댓글로 가기

toast1.PNG

 

 

딱 작동은 한다.. 까지 제작해봤네요

 

Toast UI Editor v3가 최근에 공개되서 한번 작업해보았습니다

 

디자인은 상당히 맘에 듭니다만 코드가 참 맘에 안드네요

 

뭘 집어 넣으려고 하면 자기가 코드를 완전히 뒤바꿔버리고, 이 기능을 끄는것도 작동하지 않으니..

 

WYSIWYG 에디터라지만 에디터에 나오는 코드와 getHTML 메서드를 통해 받아오는 코드가 달라도 너무 다르니 일반적인 에디터로도 써먹기가 어려울정도네요..

 

마크다운을 기본 지원한다는 점은 일부 유저에게 득이 될 수 있으나 쓰면 쓸수록 단점이 너무 명확해서 커뮤니티에 적용해보려는 시도는 접으려고 합니다

 

디자인은 참 예쁜데 문서도 그렇고 전체적으로 친절하지 않네요

 

결론은 다시 CKEditor로 회귀 ㅜㅜ

 

 

 

아 그래도 좋았던 점은 좀 있었습니다

 

  • 드래그 앤 드롭 업로드
  • CTRL + C & CTRL + V 이미지 업로드 자동지원

  • tosat2.PNG

 

이 이외에는 딱히..?

 

 

 

 

https://hotopay.hotoproject.com/board_imrZ16

체험해보고 싶으신 분들은 체험해보세요

리버스

profile
모듈 제작하는 현역 대학생 리버스입니다!

== 판매중인 모듈 ==
미션] https://xetown.com/thirdparties/1511787
길드] https://xetown.com/thirdparties/1387146
위로 아래로
댓글 11
  • profile
    붙여넣기 및 드래그 업로드는 CKEditor에서도 구현할 수 있을 것으로 보입니다. 당장은 아니지만 언젠가 집어넣을 예정입니다.^^
  • profile profile
    기대하고 있겠습니다! :D
  • profile

    라이믹스에도 뭔가 깔끔하고 이쁜 에디터가 있으면 좋겠는데 ㅜㅜ.. Ckeditor는 뭔가.. 어지러운 느낌이라..레이어 은근 불편.. 모바일에는 별로 안 맞는 에디터랄까..

  • profile

    드래그 앤 드랍 파일 첨부는 CK에디터도 본문에 위치를 직접 잡아 넣지는 못해도

     

     

    화면 캡처 2021-08-22 111504.png

     

    요런식으로 할 수 있어서 이거 사용하면 무척 편리합니다.

     

    다른 사이트의 이미지를 드래그앤 드랍으로 탐색기로 내려 받은 후 -> 탐색기의 파일을 다시 드래그앤 드랍으로 업로드

  • profile profile
    네 저도 글을 쓸때는 해당 방법을 사용하고 있습니다

    다만 저기에 붙여넣는 것과 본문에 바로 붙여넣는건 아무래도 느낌이 다른지라 장점에 써넣기는 했습니다

    그리고 아쉽게도 복붙이미지는 저걸로 처리하기 어려운지라 장점으로 꼽기도 했고요
  • ?
    적용해보려고 고민중인데, 혹시 구체적으로 어떤 단점있는지 알려주실 수 있을까요
  • ? profile

    장점:
    디자인이 예쁘다
    - 이것보다 예쁜 디자인은 아마 플로알라 에디터에서밖에 못찾을꺼 같습니다. 지금은 판매하고 있지 않은 모양이더라고요

     

    모바일에서 예쁘다

    - CKEditor랑은 비교도 할 수 없을만큼 편리하고 깔끔합니다


    단점:
    기능이 많이 없다.
    - 볼드, 이탈릭, 취소선, 밑줄, 글자 색, 정렬정도만 쓸모있고, 그 외에는 딱히 없습니다.
    - 근데 사실 여기 없는 기능을 사용해서 글을 쓸 일은 자주 없어서 괜찮을꺼 같습니다. (단 하나 아쉬운건 글자 크기 조절이 안됩니다)

    이미지 들어가면 난해해진다.
    - 이미지 첨부해보시면 이미지가 클릭이 안돼서 조작하기가 좀 어렵습니다. (특히 이미지 위치 조정)

    첨부파일 목록에서 이미지 추가버튼 누르면 가끔씩 이상한 데 추가가 된다.
    - 이미지가 들어가면 안될곳에 추가됩니다. 특히 이미지 추가 전에 에디터가 아닌 다른 곳 클릭했다가 첨부버튼 누르면 최종적으로 클릭했던곳에 이미지가 들어갑니다


    그래도 제 사이트에서는 이 에디터를 사용하고 있어서 실 사용에 큰 문제는 없습니다.
    버그 해결은 해야하는데 워낙 복잡해서 의욕이 없네요..

  • profile ?
    이미지 관련은 에디터 자체에서 지원이 부족한가보네요

    그래도 마크다운/위지윅 동시에 제공하는 무료 에디터라 좋아보이긴하네요.

    플로알라는 개발문서나 이미지 관련 기능도 좋은데 너무 비싸서 ㅠㅠ

    답변감사합니다
  • ? profile

    에디터 자체에서 지원을 해주면 얼마나 좋을까요;

    지원은 망정 제가 넣은 코드도 지가 혼자서 걸러들어서.. 참 어려웠습니다 ㅜㅜ...

    이미지도 넣으면 태그 다 삭제되고 에디터가 여러모로 개판입니다

  • profile ?
    오류나는건 직접 깃헙에 이슈남기면 해결가능할수도ㅠㅠ feature request도 가능한듯하네요
  • ? profile
    이걸 본격적으로 개발할 맘은 없어서 나중에 시간되면 한번 해보겠습니다