에디터 모드 데모

Froala Editor를 체험해 보실 수 있습니다. 자유롭게 글을 남겨주세요.
단, 욕설, 음란물 등의 글이 보일 경우 삭제 조치합니다.
또한, 홈페이지 용량 관리 차원에서 글이 삭제될 수 있으니 이점 양해바랍니다.

Profile
pock

2017.06.22

가로줄 삽입. 이상 현상

조회 수 227 추천 수 0


가로줄(수평선) 삽입시 이상 현상입니다.


이전에 한번 적었지만, 수평선 삽입시 이질감이 있습니다. 삽입후 커서 위치가 잘 구분되지 않는 부분도 있고

현재 라르게덴님 작업 에디터의 경우 인라인 모드를 고려해서인지 짧은 수평선이 들어가 있습니다.

짧은 수평선이라 낯선 부분도 있고 원인은 모르겠으나 오류가 있는 것인지 이상 현상에 대해 아래 동영상을 참고해 주십시요.  



- 수평선(가로선) 삽입후 Froala Editor 위치가 구분이 잘 안됩니다. 보통 가로선 삽입후 커서가 가로선 아래일거 같지만, 윗쪽에 위치하는 조건이 많아서 마우스 커서로 이동해줘야 합니다.

- 긴 가로선은 커서 위치가 구분이 되는데 짧은 가로선의 경우 가로선이 중앙정렬이 되기 때문에 대부분의 게시판이 좌측 정렬로 글 작성하는 입장에서 낯선 느낌으로 받게 되고

- 클리앙(그누보드)와 달리 현재 라르게덴님 버전에서는 가로선 삽입후 커서 이동시 튕기는 현상이 있는거 같습니다. (1분 30초부터 보시면 됩니다)  텍스트 치고 나서는 방향키로 이동이 됩니다만, 텍스트 없는 상태에서는 가로선 아래에서는 방향키로 이동시 튕깁니다. 

- 추정하기에 가로선이 있는 영역(같은 줄)에서는 텍스트를 칠 수 없기 때문에 자동으로 튕기는게 있는데 가로선이 꽉찬 형태가 아닌 짧은 형태에서만 나타는 문제가 아닐까도 싶습니다.







Profile
pock

반갑습니다.

2개의 댓글

Profile
라르게덴
2017.06.23

의도한거라고 생각해주세요.

기본 froala는 수평선 디자인이 전혀 되어있지 않습니다. 저는 디자인을 한것이고 위아래 마진을 조금 넓혔기 때문에 글사이에 공간이 있는거고요. 블록보기를 켜두시고 보시면 좀 더 확인되실 겁니다.

그리고 hr에 커서가 들어가는것 또한 hr의 css를 제가 border style을 입혔기 때문이고요. 커서가 들어가는 대신 타이핑이 안되기 때문에, 또 커서가 수평선에 들어간 상태에서 퀵 아이콘이 보이는 버그도 있었지만 froala에 이슈올려서 해결되었습니다. 모두 의도된 처리입니다.

마지막으로 가장 중요한 것은 이 모든 스타일은 사용자께서 직접, 쉽게 css로 바꾸 실 수 있도록 설계하고 있습니다. 마음에 드시는 방법대로 입맛대로 모두 정의 가능하니 걱정하실 필요없습니다.

Profile
pock
2017.06.23
@라르게덴

예. 커서 위치랑 수평선 옆쪽에 위치할때 자동으로 커서 이동 되는 것은 지난번에 설명해 주셔서 알고 있었는데 


1분30초~1분40초 사이에 보시면 아예 위로는 이동 못해서요. 이 부분도 포함된건지 애매해서 올렸습니다. 늦으시간까지 고생하시네요 ~ㅠ_ㅠ:

번호 제목 글쓴이 날짜 조회 수
32 mp3 그리고 quick Insert 1 mp3 2017.07.22 183
31 한글 이미지 파일 2 한글파일 2017.07.22 261
30 Wikia ㅂㅈㄷ 2017.07.10 261
29 다짐 2017.07.09 181
28 테스트 글입니다. 아그래 ㅎㅎ 아그래 2017.07.07 245
27 유튜브 2 천사시체 2017.07.01 212
26 유튜브 테스트 천사시체 2017.07.01 209
25 출시전 테스트도 겸해서 미리 구매가 가능할까요? 천사시체 2017.06.23 469
24 안드로이드 모바일 테스트 천사시체 2017.06.23 198
23 아아 마이크 테스트 장나라 2017.06.23 199
22 pc 크롬 테스트 천사시체 2017.06.23 225
21 동영상. 첨부후 3 pock 2017.06.23 312
가로줄 삽입. 이상 현상 2 pock 2017.06.22 227
19 캡쳐 이미지 붙혀넣기시 이상 현상. 3 pock 2017.06.22 236
18 캡쳐 이미지 테스트. 3 pock 2017.06.22 223
17 첨부 파일 테스트. 6 pock 2017.06.22 239
16 이미지 첨부 테스트. 5 pock 2017.06.22 229
15 캡쳐후 붙혀넣기. 본문 첨부가 댓글로 따라오는 문제. 재현. 11 pock 2017.06.21 287
14 화면캡쳐로 에디터에 바로 붙혀넣기. 4 pock 2017.06.20 932
13 이미지 테스트 글쓴이 2017.06.13 1469
Find Account
  • 이메일 주소로 계정 찾기

    아이디/비밀번호는 가입시 등록한 메일 주소로 알려드립니다. 가입할 때 등록한 메일 주소를 입력하고 "ID/PW 찾기" 버튼을 클릭해주세요.

  • 이메일 주소

    이메일 주소 형식이 올바르지 않습니다.

  • 인증메일 재발송

    인증 메일을 받지 못한 경우 다시 받을 수 있습니다.

  • 이메일 주소

    이메일 주소 형식이 올바르지 않습니다.