https://github.com/madstone-dev/stone-editor

깃헙주소입니다.

프로젝트에 에디터 필요해서 CKEditor랑 Quill 둘다 써봤는데 모바일에서 한글이 제대로 입력안되길래 만들어봤습니다.

*IME 제대로 지원함 한글 외에도 중국어 등 가능*

간단한 기능만 필요해서 contenteditable 이랑 execCommand 적절히 활용해서 만들어봤어요.

es6로 작성해놔서 익스플로러 지원은안됩니다.

이미지저장은 별도 서버에 저장할수있도록 파라미터 따로 파뒀어요.

아이콘을 따로만드는것보다 폰트어썸 cdn 쓰는게 좋을것같아서 폰트어썸 썻습니다.

*아이콘은 모두 무료버전으로 사용함*

기존에 부트스트랩 쓰신다면 폰트어썸이 기본으로 있으니까 괜찮은것같아요.

못써봤던 분들은 이 기회에 한번 써보는것도 좋아요 ㅎㅎ

js나 css는 압축하지 않았습니다. 읽기쉽게 작성해뒀으니 슥 훑어보고 아이콘 부분은 수정해서 써도됩니다.

*html 부분을 createElement 대신 `백쿼트`로 작성해둬서 보기 편할거에요. <i class="fas fas-icon"></i> 이런식으로 쓰이는게 폰트어썸 아이콘입니다*

모바일 반응형은 모바일이나 태블릿에서 잘 안쓰는 기능들 위주로 배제하면서 적용했고

갤럭시폴드 280px 까지 맞춰뒀습니다.

파라미터 여러개 추가해둔건 모바일에서도 기타 기능들 사용하고 싶을수 있으니

반응성 끄고 필요없는 기능들 끄고 쓰면됩니다 ㅎㅎ

서버있는 분들은 image_save 파라미터에 메소드 넘기면 json 형태로 파일이랑 타임스탬프 전달해줍니다.

이미지에 stone-image-uploading 클래스랑 data-timestamp 달아뒀기때문에

서버에 업로드할거면 업로드 완료후에 '클래스[타임스탬프]'로 선택자 잡아서 서버에있는 이미지 주소랑 교체하면돼요 ㅎㅎ

많이 써주세요 ㅎㅎ