스마트에디터 댓글 적용후 이미지 반응형 관련
본문
위 링크의 팁대로 스마트에디터를 댓글에 적용하여 사용하고 있는데 스마트에디터 파일에 어느 코드를 적용해야 이미지가 반응형으로 나올수 있을까요?
사용중인 테마는 반응형 테마로 스마트에디터 상에 이미지만 업로드하면 모바일에서 화면 사이즈를 줄여아 이미지 전체가 보이네요 ㅠ.ㅠ
답변 2
어떤 에디터가 됐든 이미지를 에디터로 올리게 되면 그냥 그대로 이미지자체를 api로 쏘고 업로드된 url을 리턴받아 그냥 이미지태그만 씌워서 출력합니다. 그래서 반응형 해주려면 에디터의 스타일시트로 가서 에디터 내부에 올라오는 img태그들에 width:100%를 씌워주셔야 작성 / 수정시에도 100% 맞게 들어가고 출력 부분은 코멘트스킨의 스타일시트에 코멘트 내부에 있는 이미지들을 전부 width:100%로 해주시면 됩니다.
코드 찾기가 어려워서 작업하다가 중단했지만 알려주셔서 감사합니다.
/plugin/editor/smarteditor2/photo_uploader/plugin/hp_SE2M_AttachQuickPhoto.js
파일에서 아래 코드를 수정하시면 쉽게 해결 가능합니다.
var sTag = '<img src="{=sOriginalImageURL}" title="{=sName}">';
var sTag = '<img src="{=sOriginalImageURL}" title="{=sName}" style="min-width:320px; max-width:100%; height:auto;">';
답변을 작성하시기 전에 로그인 해주세요.