cheditor5 첨부 이미지 중앙 정렬 방법 문의 드립니다.
본문
수고 하십니다.
첨부파일을 올리면 기본 좌측으로 정렬이 되는데요.
기본을 센터로 하고 싶습니다.
cheditor5에서
<input type="radio" name="alignment" value="center" checked="checked" />
기본 값으로 해줘도 좌측으로 정렬이 되는데요.
다른 파일에서 수정을 해줘야 할까요?
조언 좀 부탁드립니다.
감사합니다.
image.html, image5.html, image5.m.html 에서
<table style="margin:7px auto 10px auto;border:0;padding:0;border-spacing:0">
<tr>
<td style="text-align: center">
<img src="../icons/image_align_left.png" alt="" /><br />
<input type="radio" name="alignment" value="left" />
</td>
<td style="text-align: center">
<img src="../icons/image_align_center.png" style="margin: 0px 5px" alt="" /><br />
<input type="radio" name="alignment" value="center" checked="checked" />
</td>
<td style="text-align: center">
<img src="../icons/image_align_right.png" alt="" /><br />
<input type="radio" name="alignment" value="right" />
</td>
</tr>
</table>
답변 1
＊cheditor.js 또는 관련 스크립트 파일에서 이미지를 삽입하는 부분을 아래와 같이 수정합니다:
function insertImage(url) {
const img = document.createElement('img');
img.src = url;
img.style.display = 'block'; // 블록 요소로 표시
img.style.margin = '0 auto'; // 중앙 정렬
document.getElementById('editor').appendChild(img); // 에디터에 추가
}
답변을 작성하시기 전에 로그인 해주세요.