Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]

스마트 폰에서의 에디터 UI > 자유게시판

본문 바로가기

사이트 내 전체검색

뒤로가기 자유게시판

토픽 스마트 폰에서의 에디터 UI

본문

오늘은 말도 많은 드라마 "부부의 세계"가 이번주에 끝나기에 몰아서 보고 있습니다.

 

드라마 보면서, 스마트폰에서 편하게 사용할 수 있는 UI를 고민해 봤습니다.

 

아이디어는 Froala와 editor.js에서 가져왔습니다.

 

상단 툴바에서는 인라인 아이템과 다른 메뉴들이 들어갑니다.  (다른 곳은 그림이 블락으로 되어 있는데, 사진이 2-3장이 옆으로 붙을 수도 있어서..)

 

+를 누르면 블락 아이템이 보여집니다. (데모는 Froala, editor.js 에서)

 

헤딩을 누르고 Heading을 타이핑하고.

 

여기 블락 속성이 Heading 이므로 여기서 +를 누르면  헤딩에 필요한 아이콘이 나오는 것이죠.

 

다음은 리스트(unorderd, ordered, checkbox)에도..

 

테이블에서는 +는 없고, 셀에 필요한 것을..

 

인용단락과 하이라이트 코드 블락에 대해서도 생각해 봐야겠고.

 

해당 아이콘은 그냥 생각나는데로 넣어 봤는데,  무엇(필요한 기능)이 더 들어가면 좋은지 알려주세요. (원래는 블락 지우기도 들어가야 됨)

 

800595458_1589490226.0841.png

 

 

추천1 비추천 0

댓글목록 2

아파치님의 댓글

아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (174.♡.♡.134) 작성일

마크다운 에디터는 조금 다르겠지만
일반적인 에디터 써보니 제일 많이 쓰는 아이템이
글자진하게, 이미지, 동영상, 정렬가능 정도 이더라구요....^^

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (47.♡.♡.2) 작성일

마크다운의 기본이 정렬기능이 없는것이 문제이긴 하죠..

글자 크기,  글자 색상 기능도 없어요.

전체 853건 37 페이지
게시물 검색
Copyright © apachezone.com. All rights reserved.

사이트 정보

사이트명 : apachezone.com
개인정보관리책임자 : JOO SUNG

PC 버전으로 보기