각 에디터별 기능 비교
각 에디터별로 비교 테이블을 만들어 봤습니다.
엑셀에서 테이블로 만드는 기능을 못 찾아서 그냥 이미지와 링크로
비교 에디터는
커스텀 CKeditor4(SIR에서 사용, 아파치존에서 사용)
CKeditor5 (웹사이트 데모)
Froala (웹사이트 데모)
Vditor 마크다운 에디터
테스트하다 보니 Ckeditor4는 모든 Attribute가 각각의 Span으로 들어가다 보니 불필요한 텍스트가 늘어나네요
[code]
<p style="text-align: center;">
<span style="color:#2ecc71;">
<span style="font-family:궁서체;">
<span style="font-size:16pt;">
<span style="background-color:#f1c40f;">테스트</span>
</span>
</span>
</span>
</p>
[/code]
Froala 같은 경우에는 하나의 스타일로 들어갑니다.
[code]
<p>
<strong>
<em>
<u>
<span style='font-size: 24px; font-family: "Times New Roman", Times, serif, -webkit-standard; color: rgb(243, 121, 52); background-color: rgb(226, 80, 65);'>test</span>
</u>
</em>
</strong>
</p>
[/code]
CKeditor5는 확인할 방법을 못찾았습니다.
Froala가 기능이 많이 있네요.
1. Embeded URL은 URL을 넣으면 카카오톡이나 페북처럼 첫 화면을 보여주네요.
2. Font Awesome 넣는 기능도 있습니다.
지금 쓰고 계시는 에디터에서 어떤 기능을 자주 쓰시나요? 빠진것 있으면 댓글로 알려주세요.
보내주신 댓글과 다른 에디터도 공부하면서 각 에디터 별 기능을 추가해 보겠습니다.
댓글 18개
이모지 스펙 https://gist.github.com/rxaviers/7360908 에 추가하면 가능할 것 같습니다.
카카오톡 이모티콘도 현재는 :ry01: 식으로 해 놨는데. 이것도 이름을 알면
:ryan-sad: 식으로 변경했으면 좋을 것 같습니다.
개발을 하지 않은 일반인들은 좀 어렵고
익스플로러 지원했으면 좋겠습니다
저는 ckeditor나 summernote 에디터에 있는
이미지 드래그 앤 드롭 기능과
스크린샷 해둔 내용 컨트롤 브이 눌렀을 때 붙여넣기 기능이 정말 마음에 들더라구요!
스크린샷은 자동으로 클립보드에 들어가나요?
클립보드에 들어가요!
악보나 그림 표현 같은 경우는 에디터와 관계없이 view 스킨에서 관장할텐데요.
이 부분은 css가 따로 들어가는 것인가요?
그래서 테마시 배경색상 및 그림 색상도 변경할 수 있습니다.
hook으로 알림보내는 것은 한번 적용해 놨었는데, 그 다음 진도가 안나가네요.
에디터가 빨리 끝나야 되는데.. 언제 끝날지..
테스트 사이트들은 드래그 앤 드롭 이미지 첨부가 안되는군요 ㅠㅠ
향후 업데이트시 편하게 되면 더 좋을 것 같아요 ㅎㅎ
별 차이는 없겠지만 ㅠㅠ
테스트 전용으로 ㅎㅎ
이미지 드래그&드롭도 지원하구요
마크다운도 지원하고
,수학공식은 Wiris.com을 지원하는 것 같네요.
감사합니다.