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

cheditor5 첨부 이미지 중앙 정렬 방법 문의 드립니다. 채택완료

허걱김선생 10개월 전 조회 1,153

수고 하십니다.

 

첨부파일을 올리면 기본 좌측으로 정렬이 되는데요.

기본을 센터로 하고 싶습니다.

 

cheditor5에서 

<input type="radio" name="alignment" value="center" checked="checked" />

 

기본 값으로 해줘도 좌측으로 정렬이 되는데요.

다른 파일에서 수정을 해줘야 할까요?

 

조언 좀 부탁드립니다.

 

감사합니다.

 

 

 

</p>

<p>image.html, image5.html, image5.m.html 에서</p>

<p>                            <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="" />


                                        <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="" />


                                        <input type="radio" name="alignment" value="center" checked="checked" />

                                    </td>

                                    <td style="text-align: center">

                                        <img src="../icons/image_align_right.png" alt="" />


                                        <input type="radio" name="alignment" value="right" />

                                    </td>

                                </tr>

                            </table></p>

<p>

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

답변 1개

glitter0gim
10개월 전

*cheditor.js 또는 관련 스크립트 파일에서 이미지를 삽입하는 부분을 아래와 같이 수정합니다:

</p>

<p>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); // 에디터에 추가

}</p>

<p>

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

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

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

로그인