테스트 사이트 - 개발 중인 베타 버전입니다

스마트에디터 댓글 적용후 이미지 반응형 관련 채택완료

대전댁2 3년 전 조회 2,406

 

https://sir.kr/g5_tip/17852

 

위 링크의 팁대로 스마트에디터를 댓글에 적용하여 사용하고 있는데 스마트에디터 파일에 어느 코드를 적용해야 이미지가 반응형으로 나올수 있을까요?

 

사용중인 테마는 반응형 테마로 스마트에디터 상에 이미지만 업로드하면 모바일에서 화면 사이즈를 줄여아 이미지 전체가 보이네요 ㅠ.ㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
아르키어드

어떤 에디터가 됐든 이미지를 에디터로 올리게 되면 그냥 그대로 이미지자체를 api로 쏘고 업로드된 url을 리턴받아 그냥 이미지태그만 씌워서 출력합니다. 그래서 반응형 해주려면 에디터의 스타일시트로 가서 에디터 내부에 올라오는 img태그들에 width:100%를 씌워주셔야 작성 / 수정시에도 100% 맞게 들어가고 출력 부분은 코멘트스킨의 스타일시트에 코멘트 내부에 있는 이미지들을 전부 width:100%로 해주시면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

대전댁2
3년 전
코드 찾기가 어려워서 작업하다가 중단했지만 알려주셔서 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

3년 전

/plugin/editor/smarteditor2/photo_uploader/plugin/hp_SE2M_AttachQuickPhoto.js

파일에서 아래 코드를 수정하시면 쉽게 해결 가능합니다.

 

</p>

<article>
<table border="0" cellpadding="0" cellspacing="0">
	<tbody>
		<tr>
			<td>
			<p><code>var</code> <code>sTag = </code><code>'<img src="{=sOriginalImageURL}" title="{=sName}">'</code><code>;</code></p>
			</td>
		</tr>
	</tbody>
</table>

<p>

 

</p>

<article>var sTag = '<img src="{=sOriginalImageURL}" title="{=sName}" style="min-width:320px; max-width:100%; height:auto;">';</article>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인