Toast UI Editor를 라이믹스에 적용해보았습니다
딱 작동은 한다.. 까지 제작해봤네요
Toast UI Editor v3가 최근에 공개되서 한번 작업해보았습니다
디자인은 상당히 맘에 듭니다만 코드가 참 맘에 안드네요
뭘 집어 넣으려고 하면 자기가 코드를 완전히 뒤바꿔버리고, 이 기능을 끄는것도 작동하지 않으니..
WYSIWYG 에디터라지만 에디터에 나오는 코드와 getHTML 메서드를 통해 받아오는 코드가 달라도 너무 다르니 일반적인 에디터로도 써먹기가 어려울정도네요..
마크다운을 기본 지원한다는 점은 일부 유저에게 득이 될 수 있으나 쓰면 쓸수록 단점이 너무 명확해서 커뮤니티에 적용해보려는 시도는 접으려고 합니다
디자인은 참 예쁜데 문서도 그렇고 전체적으로 친절하지 않네요
결론은 다시 CKEditor로 회귀 ㅜㅜ
아 그래도 좋았던 점은 좀 있었습니다
- 드래그 앤 드롭 업로드
- CTRL + C & CTRL + V 이미지 업로드 자동지원
-
이 이외에는 딱히..?
https://hotopay.hotoproject.com/board_imrZ16
체험해보고 싶으신 분들은 체험해보세요
리버스
Lv. 7
모듈만드는 대학생입니다.
https://potatosoft.kr
https://potatosoft.kr
![toast1.PNG [File Size:127.6KB/Download:7]](/files/download/link/1604605/a2d8b25f02416fa074c5a6f602331762/toast1.PNG){kind=link}
![tosat2.PNG [File Size:19.1KB/Download:11]](/files/download/link/1604622/2025df82bbfa19146cad6d77c04bdaf9/tosat2.PNG){kind=link}
댓글 11
라이믹스에도 뭔가 깔끔하고 이쁜 에디터가 있으면 좋겠는데 ㅜㅜ.. Ckeditor는 뭔가.. 어지러운 느낌이라..레이어 은근 불편.. 모바일에는 별로 안 맞는 에디터랄까..
드래그 앤 드랍 파일 첨부는 CK에디터도 본문에 위치를 직접 잡아 넣지는 못해도
요런식으로 할 수 있어서 이거 사용하면 무척 편리합니다.
다른 사이트의 이미지를 드래그앤 드랍으로 탐색기로 내려 받은 후 -> 탐색기의 파일을 다시 드래그앤 드랍으로 업로드
다만 저기에 붙여넣는 것과 본문에 바로 붙여넣는건 아무래도 느낌이 다른지라 장점에 써넣기는 했습니다
그리고 아쉽게도 복붙이미지는 저걸로 처리하기 어려운지라 장점으로 꼽기도 했고요
장점:
디자인이 예쁘다
- 이것보다 예쁜 디자인은 아마 플로알라 에디터에서밖에 못찾을꺼 같습니다. 지금은 판매하고 있지 않은 모양이더라고요
모바일에서 예쁘다
- CKEditor랑은 비교도 할 수 없을만큼 편리하고 깔끔합니다
단점:
기능이 많이 없다.
- 볼드, 이탈릭, 취소선, 밑줄, 글자 색, 정렬정도만 쓸모있고, 그 외에는 딱히 없습니다.
- 근데 사실 여기 없는 기능을 사용해서 글을 쓸 일은 자주 없어서 괜찮을꺼 같습니다. (단 하나 아쉬운건 글자 크기 조절이 안됩니다)
이미지 들어가면 난해해진다.
- 이미지 첨부해보시면 이미지가 클릭이 안돼서 조작하기가 좀 어렵습니다. (특히 이미지 위치 조정)
첨부파일 목록에서 이미지 추가버튼 누르면 가끔씩 이상한 데 추가가 된다.
- 이미지가 들어가면 안될곳에 추가됩니다. 특히 이미지 추가 전에 에디터가 아닌 다른 곳 클릭했다가 첨부버튼 누르면 최종적으로 클릭했던곳에 이미지가 들어갑니다
그래도 제 사이트에서는 이 에디터를 사용하고 있어서 실 사용에 큰 문제는 없습니다.
버그 해결은 해야하는데 워낙 복잡해서 의욕이 없네요..
그래도 마크다운/위지윅 동시에 제공하는 무료 에디터라 좋아보이긴하네요.
플로알라는 개발문서나 이미지 관련 기능도 좋은데 너무 비싸서 ㅠㅠ
답변감사합니다
에디터 자체에서 지원을 해주면 얼마나 좋을까요;
지원은 망정 제가 넣은 코드도 지가 혼자서 걸러들어서.. 참 어려웠습니다 ㅜㅜ...
이미지도 넣으면 태그 다 삭제되고 에디터가 여러모로 개판입니다