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
    네. 일단 위 답변으로 충분히 만족할 만한 결과를 얻었습니다. 의도한대로 문장과 붙지않게 처리가 잘 되네요.
  • profile
    데히히이이 2017.02.27 12:06:57
    감사합니다. 웹지기님의 세심함에 감탄했습니다.

    전 이건 회원이 지켜줘야할거라고만 생각했는데...

    웹지기님을 따라가려면 한참 멀었나봅니다.

List of Articles
번호 제목 글쓴이 날짜
3967 ckeditor 4.6버전 XE나 라이믹스에 그냥 덮어씌우면 안 되지 않나요? 8 기븐 2017.02.11
3966 XE에서 라이믹스로 변경했는데.. 2 피피포 2017.02.11
3965 날짜와 시간추가 file 가이더 2017.02.11
3964 혹시 모바일에서만 이미지 자동 본문삽입 안되게 할 수 있을까요? 5 기븐 2017.02.11
3963 nginx 설정 구문 문의드려요 4 고라자 2017.02.11
3962 라이믹스 설치시 데이터 정렬방식이... 1 우리아기 2017.02.11
3961 기본url www ssl질문 2 준쓰 2017.02.11
3960 구글검색 질문드립니다. 2 희스깅 2017.02.10
3959 구글에서 메일이 왔는데 방문자가 줄었습니다. 2 file 낙타 2017.02.10
3958 라이믹스 커뮤니케이션 모듈 문의드려요 고라자 2017.02.10
3957 클라우드 플레어를 SSL 기능만 사용할수 있을까요? 2 낙타 2017.02.10
3956 라이믹스(XE)의 쪽지보내기 창에 파일첨부를 할 수있는 방법이 없을까요? 4 고라자 2017.02.10
3955 FTP에서 삭제되지 않고 남아있는 파일을 삭제하려면 어떻게 해야할까요? 2 file RADIX 2017.02.10
3954 php 7.0 으로 업그레이드 후 쇼핑몰 모듈이 에러가 납니다(전문가조언부탁) 4 file 김범진 2017.02.10
» 이미지 본문 자동삽입 PR 수정 ? 10 웹지기 2017.02.10
3952 소설 로그인 시에 이전 페이지가 아닌 이전 게시판 목록으로 이동하는 문제 2 DevinLee 2017.02.10
3951 라이믹스 이용법에 대한 질문 1 투정 2017.02.10
3950 라이믹스 이미지 본문 자동삽입 관련하여 질문드립니다 28 기븐 2017.02.10
3949 출석부 모듈에서 특정 회원 한명이 이상하게 높은 점부가 부여되어 있네요. 6 DevinLee 2017.02.10
3948 클라우드플레어 웹보안쪽에. 3 진지니 2017.02.10
Board Pagination Prev 1 ... 21 22 23 24 25 26 27 28 29 30 ... 224 Next
/ 224
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...