토픽 에디터에서 사진 올리는 방법
본문
어떤 방식이 가장 좋을 가요? 그려해야 될 부분은 어떤 것들이 있을까요?
1) 메뉴에서 아이콘을 클릭해서 올리기 (멀티플로 올리기)
2) 에디터 화면에 사진을 드랍시켰을 때 올라가기 (멀티플로)
3) Mobile에서 지원하기
그누보드에 내장된 에디터
1. Cheditor5
1) 아래와 같은 별도의 화면이 나와서 여기서 사진을 선택할 수 있음. 멀티플도 가능, 드랍도 가능, 사진의 순서를 조정가능함.
2) 에디터 화면에 사진을 드랍할 수 있음.
3) cheditor5/imageUpload 디렉토리가 있음
2. Smarteditor2
1) 아래와 같은 별도의 화면이 나와서 여기서 사진을 선택할 수 있음. 멀티플도 가능, 드랍도 가능, 사진의 순서를 조정가능함.
2) 에디터 화면에 사진을 드랍할 수 있음.
3) photo_uploader 디렉토리에서
** 화면 디자인이 cheditor5보다 좋아 보임.
3. Ckeditor4 (sir및 아파치존에서 사용하고 있음)
1) 바로 파일 선택창이 나와서 선택하게 나옴. (멀티플 선택은 안됨.)
2) 에디터 창에 드랍 가능함. (여기서는 멀티플 사진 드랍이 가능함.)
3) ??
4. Toast UI (마크 다운 에디터 https://sir.kr/g5_plugin/5218)
1) 아래와 같이 나옴. 멀티플 안됨
2) 에디터 창에 드랍도 가능함. (멀티플 안됨)
3) editor.lib.php에서 ajax로 upload.php로 보냄. hook로 https://nhn.github.io/tui.editor/api/latest/global.html#addImageBlobHook
마젠토님의 댓글
XMLHttpRequest 를 알아야겠네요. https://developer.mozilla.org/ko/docs/Web/API/XMLHttpRequest