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>
이렇게 되도록 고칠 수 있을까요 ?
문장을 쓰다가 이미지를 삽입했다면 처음에 언급하신 <P>문장블라블라..... 자동삽입된이미지 </p>이런 방식이 옳지 않을까요?
말씀하신대로 이미지를 무조건 독립시키려면
temp_code += '<p><img...
temp_code += "</p>\r\n<p>
img태그를 p태그로 감싸면 닫지않은 위쪽의 태그는 에디터가 알아서 닫아줄꺼라 생각됩니다.