스마트 폰에서의 에디터 UI
오늘은 스마트폰에서 편하게 사용할 수 있는 UI를 고민해 봤습니다.
아이디어는 Froala와 editor.js에서 가져왔습니다.
상단 툴바에서는 인라인 아이템과 다른 메뉴들이 들어갑니다. (다른 곳은 그림이 블락으로 되어 있는데, 사진이 2-3장이 옆으로 붙을 수도 있어서..)
+를 누르면 블락 아이템이 보여집니다. (데모는 Froala, editor.js 에서)
헤딩을 누르고 Heading을 타이핑하고.
여기 블락 속성이 Heading 이므로 여기서 +를 누르면 헤딩에 필요한 아이콘이 나오는 것이죠.
다음은 리스트(unorderd, ordered, checkbox)에도..
테이블에서는 +는 없고, 셀에 필요한 것을..
인용단락과 하이라이트 코드 블락에 대해서도 생각해 봐야겠고.
해당 아이콘은 그냥 생각나는데로 넣어 봤는데, 무엇(필요한 기능)이 더 들어가면 좋은지 알려주세요. (원래는 블락 지우기도 들어가야 됨)
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 6개
https://eond.com/blog/433723
전 피씨버전(저건 ckeditor이지만;;)만 작업해놓은거고..
저도 제 사이트 프로알라에디터인데, 모바일도 연구해봐야겠네요 ㅎ;