각 에디터별 기능 비교 정보
각 에디터별 기능 비교
관련링크
본문
각 에디터별로 비교 테이블을 만들어 봤습니다.
엑셀에서 테이블로 만드는 기능을 못 찾아서 그냥 이미지와 링크로
비교 에디터는
커스텀 CKeditor4(SIR에서 사용, 아파치존에서 사용)
CKeditor5 (웹사이트 데모)
Froala (웹사이트 데모)
Vditor 마크다운 에디터
테스트하다 보니 Ckeditor4는 모든 Attribute가 각각의 Span으로 들어가다 보니 불필요한 텍스트가 늘어나네요
<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>
Froala 같은 경우에는 하나의 스타일로 들어갑니다.
<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>
CKeditor5는 확인할 방법을 못찾았습니다.
Froala가 기능이 많이 있네요.
1. Embeded URL은 URL을 넣으면 카카오톡이나 페북처럼 첫 화면을 보여주네요.
2. Font Awesome 넣는 기능도 있습니다.
지금 쓰고 계시는 에디터에서 어떤 기능을 자주 쓰시나요? 빠진것 있으면 댓글로 알려주세요.
보내주신 댓글과 다른 에디터도 공부하면서 각 에디터 별 기능을 추가해 보겠습니다.
추천
6
6
댓글 18개
마젠토님만의 에디터를 만들어 보시면 어떨까요 : )
@예뜨락 조금씩 만들고 있는 것이 Vditor입니다.
폰트어썸은 마크다운에서 :fa-camera: 식으로 fa-로 시작하면 폰트어썸으로 넣게 만들면 될 것 같습니다.(기능요청함)
이모지 스펙 https://gist.github.com/rxaviers/7360908 에 추가하면 가능할 것 같습니다.
카카오톡 이모티콘도 현재는 :ry01: 식으로 해 놨는데. 이것도 이름을 알면
:ryan-sad: 식으로 변경했으면 좋을 것 같습니다.
이모지 스펙 https://gist.github.com/rxaviers/7360908 에 추가하면 가능할 것 같습니다.
카카오톡 이모티콘도 현재는 :ry01: 식으로 해 놨는데. 이것도 이름을 알면
:ryan-sad: 식으로 변경했으면 좋을 것 같습니다.
마크다운이 참 편하고 좋은데
개발을 하지 않은 일반인들은 좀 어렵고
익스플로러 지원했으면 좋겠습니다
개발을 하지 않은 일반인들은 좀 어렵고
익스플로러 지원했으면 좋겠습니다
전 마크다운 좋아요
마크다운 표현 능력이 엄청나네요.
저는 ckeditor나 summernote 에디터에 있는
이미지 드래그 앤 드롭 기능과
스크린샷 해둔 내용 컨트롤 브이 눌렀을 때 붙여넣기 기능이 정말 마음에 들더라구요!
저는 ckeditor나 summernote 에디터에 있는
이미지 드래그 앤 드롭 기능과
스크린샷 해둔 내용 컨트롤 브이 눌렀을 때 붙여넣기 기능이 정말 마음에 들더라구요!
@우성짱 사진이 있는 글 전체를 copy & paste 하면 그림도 업로드 한다고 하는데, 아직 테스트는 안해 봤습니다.
@우성짱 에디터에서 해당되는 CSS를 자동 로드하고 필요한 부분은 scss로 컨트롤 합니다.
그래서 테마시 배경색상 및 그림 색상도 변경할 수 있습니다.
그래서 테마시 배경색상 및 그림 색상도 변경할 수 있습니다.
@마젠토 멘션 기능도 있는 것 같은데.. 이건 시스템 상으로 따로 만들어야겠군요 ㅎㅎ
@우성짱 PHP에서 만들어 줘야 합니다. 외부함수 at: {} 안에 데이타베이스에서 닉네임과 사진 읽어서 넣어주면, 나머지는 에디터에서 처리해 주는 것 같습니다. 그리고 submit하면 정규식으로 걸러서 알림으로 보내는 과정이 될 것 같네요.
hook으로 알림보내는 것은 한번 적용해 놨었는데, 그 다음 진도가 안나가네요.
에디터가 빨리 끝나야 되는데.. 언제 끝날지..
hook으로 알림보내는 것은 한번 적용해 놨었는데, 그 다음 진도가 안나가네요.
에디터가 빨리 끝나야 되는데.. 언제 끝날지..
@마젠토 이미지 첨부테스트도 해보고 싶네요.
테스트 사이트들은 드래그 앤 드롭 이미지 첨부가 안되는군요 ㅠㅠ
향후 업데이트시 편하게 되면 더 좋을 것 같아요 ㅎㅎ
별 차이는 없겠지만 ㅠㅠ
테스트 사이트들은 드래그 앤 드롭 이미지 첨부가 안되는군요 ㅠㅠ
향후 업데이트시 편하게 되면 더 좋을 것 같아요 ㅎㅎ
별 차이는 없겠지만 ㅠㅠ
@우성짱 잠시 기다리세요.. 게시판하나 만들어 드릴께요..
Froala에디터 에서 export PDF 하고 수학공식 기능 지원합니다.
이미지 드래그&드롭도 지원하구요
이미지 드래그&드롭도 지원하구요
