포럼

Froala Editor에 대한 사용의견을 남기는곳 입니다.
데모는 edit mode demo, inline mode demo에서 체험해 보실 수 있습니다.

[문의] pc와 모바일 줄바꿈 호환과 관련하여..

pock 2017.06.12 조회 수 208 추천 수 0

안녕하세요. 라르게덴님.

Froala Editor 에 해당되는 내용은 아니지만, 혹시 기능이나 방법이 따로 있나 문의합니다


PC에서 글을 적다보면 엔터를 통해 줄 바꿈을 하게 됩니다.


모바일(스마트폰)용 화면을 고려치 않았을때에 익숙해서인

적당한 선에서 엔터를 쳐서 끊게 됩니다.

(보통 두가지 패턴으로 글을 작성할건데요)


1)

넌 나를 믿었던 만큼 난 너를 믿었기에 아무 부담없이 너를 소개 시켜줬고

그런 만남이 있은 후부터 우리나라 만세. 무궁화 삼천리 화려한 강산인가.


2)

넌 나를 믿었던 만큼 난 너를 믿었기에 아무 부담없이 너를 소개 시켜줬고 그런 만남이 있은 후부터 우리나라 만세. 무궁화 삼천리 화려한 강산인가.


1)의 경우는 저와 같은 경우고 2)의 방법으로 작성하게 되면 문제가 없을거 같습니다만,

문제는 모바일 이전의 게시물, 4~5년 이전의 게시물들은 대부분 1과 같은 방법으로 엔터를 

쳐서 줄바꿈으로 작성되어 있습니다.




PC모드에서 캡쳐화면.  (멀쩡합니다)






동일내용의 모바일 모드에서 캡쳐화면.  (바보같이 됩니다. ㅠ_ㅠ)



어느정도 의식하면서 글을 적어서 그나마 양호했던 부분인거 같습니다.

하나 더 모바일을 캡쳐해보면 아래와 같습니다.  모바일에서 읽는 분은

글 적은 사람이..  " 바보인가? " 라고 생각하게 될겁니다. ㅠ_ㅠ:




- 읽기도 불편해지니 글 내용도 제대로 전달이 어려워지고

- 글 작성함에 성의 없음으로 신뢰성도 떨어지게 됩니다.

- 상기 2)번과 같이 글을 적으면 해결될 부분인데. 저처럼 익숙한 패턴으로 적는 분들도 있고

- 5년 이전 게시물들의 경우 대부분 1)번과 같이 작성된 게시물이라 아래와 같이 바보 게시물이 됩니다.



물론, Froala Editor 문제가 아니라는 부분 잘 알고 있습니다. ^^;


PC에서 모바일로 주류가 전환되면서 발생하는 문제로

XE코어에서 모바일 파일첨부 문제를 해결하지 못하던 것과 같이

과거에는 문제가 아니였으나 현재는 아주 불편한 문제가 되어버린거죠.


궁금한 부분은 두가지입니다.


Q1.  혹시 모바일 모드를 고려해서 Froala Editor  가로 폭을 제한해주거나 하는 설정이 가능한지요?  전체화면이라는 버튼이 있어서요.. ㅠ_ㅠ:


Q2. 상기 문제를 해결하기 위해 글 작성을 어떻게 해야 할까요?


특정 가로폭을 테이블 하나 삽입해서 작성을 하는 방법도 있을거 같긴한데. 또다른 문제가 있을거 같기도 하구요.



동해물과 백두산이 마르고 닳도록 마누라님이 보우하사 우리 집안 만세. 무궁화 삼천리 화려한 강산. 대한사람 대한으로 집에 빨리 가세. 얼른 얼른








Profile
pock

반갑습니다.

2개의 댓글

Profile
라르게덴
2017.06.12

Q1.

에디터 서식을 통해서 에디터 안의 단락의 가로사이즈를 설정하는 것은 가능합니다. 아래와 같은 코드에 현재 주석 처리 되어있는데 원하는 사이즈를 정해서 주석을 제거하면 됩니다. 현재 inline mode가 100%의 에디터상에서 가로 크기를 지정한 상태입니다.(아래의 주석을 제거한 상태)

modules/editor/styles/froalaeditor_style/style.css

@media (min-width: 992px) {
    div[class*="document_"] > *,
    .fr-view > *
    {
        margin-left: auto;
        margin-right: auto;
        /* width: 816px !important; */
    }
    .fr-placeholder
    {
    /*
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 816px !important;
    */
}

Q2.

하지만 제한을 하더라도 모바일(아이폰)의 가로폭은 400정도의 사이즈이기 때문에 해결방법이 아닙니다. 단락개행을 취소해야하는 문제이기 때문에 사용자가 글을 잘 쓰게 하는 수 밖에 없다고 생각합니다.

Profile
pock
2017.06.13

넵. 이해했습니다.  답변 감사드립니다.   : )



에디터
번호 제목 글쓴이 날짜
38 테스트. 캡쳐 이미지 (모바일) 4 pock 2017.06.22
37 데모 버전에서 문제가 발생합니다. 5 Fuchs 2017.06.22
36 파일 첨부하고 나서 그 다음 줄로 가는 방법? 2 profile 이온디 2017.06.22
35 혹시 에디터는 게시판 스킨에 관계가 없나요? 3 Fuchs 2017.06.22
34 봄이 오면 / 김윤아 5 profile 이온디 2017.06.22
33 ckeditor와 p 태그 한칸 띄우기 문제 비교 1 profile 이온디 2017.06.22
32 [질문] 테스트 결과 및 URL 자동변환과 관련된 문의. 5 pock 2017.06.20
31 셀렉션 인라인 툴바에 대한 문제입니다. 3 rock 2017.06.18
30 현재 진척상황 보고 6 profile 라르게덴 2017.06.12
[문의] pc와 모바일 줄바꿈 호환과 관련하여.. 2 pock 2017.06.12
28 안녕하세요 에디터 구입하고 싶습니다. 1 최현우 2017.06.10
27 건의사항 4 profile 이온디 2017.06.08
26 모바일에서 비번 틀릴 경우 3 profile 이온디 2017.06.08
25 댓글에 댓글을 달려니 내용값을 입력하세요 라고 뜹니다 4 profile 이온디 2017.06.07
24 금칙어 테스트 합니다. 예) ♥♥ <- 자/살 12 profile 라르게덴 2017.06.06
23 속도 테스트를 부탁드립니다. 2 profile 라르게덴 2017.06.05
22 [궁금] 이상한 부분. 2 pock 2017.06.03
21 커뮤니터 운영자로서 에디터 선택. 2 pock 2017.06.03
20 P, br, span, div 태그 2 이온디 2017.06.02
19 앞으로의 일정 2 profile 라르게덴 2017.06.02
Find Account
  • 이메일 주소로 계정 찾기

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

  • 이메일 주소

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

  • 인증메일 재발송

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

  • 이메일 주소

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