XETOWN

질문/답변

웹에 관련된 질문과 답변을 나눌 수 있습니다.

 

https://github.com/xpressengine/xe-core/pull/1758/files

 

if(/\.(jpe?g|png|gif)$/i.test(result.source_filename)) {
temp_code += '<img src="' + window.request_uri + result.download_url + '" alt="' result.source_filename + '" editor_component="image_link" data-file-srl="' + result.file_srl + '" />';
temp_code += "\r\n<p><br></p>\r\n";
CkeInstance(settings.formData.editor_sequence).insertHtml(temp_code, "unfiltered_html");
   } else {

 

 

현지 위 PR을 이용하면 문제가 되는게

 

<P>문장블라블라..... 자동삽입된이미지 </p>

<p>/<p>

 

이렇게 되어 특히 모바일에서 업로드 하시는 분들이 문장 끝나고 줄바꿈 안한채로 이미지를 업로드하셔서 이미지 정렬이 왔다갔다 하는데요.  모바일은 화면폭이 좁아 눈치채지 못하십니다.

 

그래서 저희는 어쩔수 없이 이미지 위쪽에도  temp_code += "\r\n<p><br></p>\r\n"; 

한번 더 넣어서 무조건 줄바꿈이 되도록 해버렸습니다. 이렇게 하면 문장 없이 사진 먼저 올리는 경우도 무조건 공백이 한줄 추가되서 살짝 신경이 쓰인 다는 정도인데요..

 

 

 

<P>자동삽입된이미지</P> 

이렇게 되도록 고칠 수 있을까요 ?

 

 

  • profile
    prologos 2017.02.10 14:13:09

    문장을 쓰다가 이미지를 삽입했다면 처음에 언급하신 <P>문장블라블라..... 자동삽입된이미지 </p>이런 방식이 옳지 않을까요?

     

    말씀하신대로 이미지를 무조건 독립시키려면
    temp_code += '<p><img...
    temp_code += "</p>\r\n<p>

     

    img태그를 p태그로 감싸면 닫지않은 위쪽의 태그는 에디터가 알아서 닫아줄꺼라 생각됩니다.

  • profile
    웹지기 2017.02.10 14:18:09

    temp_code += "</p>\r\n<p>

    이건 어디에 들어가는지 알수 있을까요 ?

     

    아..  

    temp_code += "</p>\r\n<p><br></p>\r\n";

     

    이건가보네요 ?+

  • profile
    웹지기 2017.02.10 14:23:57 Files첨부 (1)

    여기제가 문장과 붙여서 작은이미지 업로드해볼게요.

    logo.png

     

    라이믹스는 이렇게 처리됩니다.  이렇게 안되면 이미지가 여러장이고 줄바꿈 안한사람 글은 문장이 중간에 끊어지고 이미지 세로사이즈 만큼 다시 간격이 있은 후에 다시 문장이 이어지고 사진도 좌측 우측 마음대로라 글 읽기 정말 불편해서 저희는 공지로 꼭 줄바꿈을 해서 업로드 해달라고 했다가 공지로 해결이 안되어서 윗줄 공백을 추가하게 된겁니다.

     

    커뮤니티에서는 굉장히 글 읽기 힘들어지는 글이 많아집니다.

  • profile
    웹지기 2017.02.10 14:32:59
    테스트에 잠깐 오류가 있었네요.

    의도한대로 잘 되네요. 감사합니다.
  • profile
    웹지기 2017.02.10 14:14:40

    작은이미지라면 의도한게 맞지만 정상적인 크기의 이미지는 문장과 줄바꿈이 하는게 현실적으로 게시판이 어지럽지 않아서 빈도가 작은 작은 사이즈 이미지를 문장과 붙이고 싶은 사람이 한번 더 수정하는게 낫다는 결론이에요.

     

    오래 모니터링해보니 문장과 붙어버리면 넓은 화면 PC에서 사진 여러장 업로드된거 열람할때 문장을 읽을 수가 없어요.

     

    결국 라이믹스에 적용된건 문장과 줄바꿈을 해서 업로드 되게 처리 되어있어요.

  • profile
    prologos 2017.02.10 15:01:32
    네 그럴 수 있겠네요. 이론보다는 현장(?)상황이 중요하니까요...
  • profile
    웹지기 2017.02.10 15:06:00
    네. 이론이나 원리원칙으로는 사용자가 줄바꿈을 원할때 하는게 맞습니다.
    하지만 말씀하신 현장에서는 이런 이론이나 원칙을 알 필요도 없고 대부분 모르기 때문에 크게 피해를 보는 쪽을 배려해서 강제할 수 밖에 없는 상황이 벌어지는거죠.

    저희가 오토삽입 채용하고 초기 줄바꿈 없이 회원들의 자발적인 줄바꿈을 기대했지만 그건 불가능에 가까운 희망이었어요.
  • profile
    기진곰 2017.02.10 14:41:13

    현재 라이믹스에 적용되어 있는 소스는 제가 마지막으로 건드렸는데요,

    자바스크립트에서 삽입하라고 명령하는 코드와 실제 CKEditor에서 삽입되는 코드가 다를 수 있습니다.

    CKEditor 나름대로 줄바꿈을 처리하는 방법이 있기 때문에 거기에 맞춰서 강제 변환하더군요.

    그냥 태그 입력한다고 그 상태 그대로 들어가지 않아요.

    이것까지 감안해서 이미지를 삽입해야 하기 때문에 애로사항이 많습니다.

  • profile
    웹지기 2017.02.10 14:42:38
    네. 일단 위 답변으로 충분히 만족할 만한 결과를 얻었습니다. 의도한대로 문장과 붙지않게 처리가 잘 되네요.

List of Articles
번호 제목 글쓴이 날짜
공지 답변을 확실히 받기위한 질문자 지침서 21 람보 2015.12.31
3972 라이믹스 이번 멤버모듈 업데이트 이후 소셜XE 로그인이 안되네요 4 기븐 2017.02.11
3971 캐시파일 재생성이 안보이는대 해결법있나요 ? 1 file 용민22 2017.02.11
3970 lang.xml 부분 수정후에 한글이 안나옵니다 ... 6 용민22 2017.02.11
3969 ckeditor 4.6버전 XE나 라이믹스에 그냥 덮어씌우면 안 되지 않나요? 8 기븐 2017.02.11
3968 XE에서 라이믹스로 변경했는데.. 2 피피포 2017.02.11
3967 날짜와 시간추가 file 가이더 2017.02.11
3966 혹시 모바일에서만 이미지 자동 본문삽입 안되게 할 수 있을까요? 5 기븐 2017.02.11
3965 nginx 설정 구문 문의드려요 4 고라자 2017.02.11
3964 라이믹스 설치시 데이터 정렬방식이... 1 우리아기 2017.02.11
3963 기본url www ssl질문 2 준쓰 2017.02.11
3962 구글검색 질문드립니다. 2 희스깅 2017.02.10
3961 구글에서 메일이 왔는데 방문자가 줄었습니다. 2 file 낙타 2017.02.10
3960 라이믹스 커뮤니케이션 모듈 문의드려요 고라자 2017.02.10
3959 클라우드 플레어를 SSL 기능만 사용할수 있을까요? 2 낙타 2017.02.10
3958 라이믹스(XE)의 쪽지보내기 창에 파일첨부를 할 수있는 방법이 없을까요? 4 고라자 2017.02.10
3957 FTP에서 삭제되지 않고 남아있는 파일을 삭제하려면 어떻게 해야할까요? 2 file RADIX 2017.02.10
3956 php 7.0 으로 업그레이드 후 쇼핑몰 모듈이 에러가 납니다(전문가조언부탁) 4 file 김범진 2017.02.10
» 이미지 본문 자동삽입 PR 수정 ? 9 웹지기 2017.02.10
3954 소설 로그인 시에 이전 페이지가 아닌 이전 게시판 목록으로 이동하는 문제 2 DevinLee 2017.02.10
3953 라이믹스 이용법에 대한 질문 1 투정 2017.02.10
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 203 Next
/ 203
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...