[javascript] TinyMCE에서 텍스트 에디터에서 이미지 및 텍스트 사이의 여백을 조정하는 방법은?
TinyMCE에서 텍스트 에디터에서 이미지 및 텍스트 사이의 여백을 조정하는 방법은 다음과 같습니다.
tinymce.init
함수를 사용하여 TinyMCE를 초기화합니다.tinymce.init({ selector: 'textarea', plugins: 'imagetools', toolbar: 'image', content_style: 'img { margin: 10px; }' });
content_style
옵션을 사용하여 이미지 주변에 원하는 여백을 지정할 수 있습니다. 위의 예시에서는 이미지 주변에 10px의 여백을 적용하고 있습니다. 해당값은 필요에 따라 수정하실 수 있습니다.
위의 예시를 사용하면, TinyMCE 에디터에서 이미지를 삽입할 때 설정한 여백이 자동으로 적용됩니다. 여백을 조정하려면 content_style
의 값을 변경하면 됩니다.
이외에도 TinyMCE에는 다양한 설정 옵션이 있으며, 공식 문서를 참조하시면 더 많은 기능을 확인하실 수 있습니다.
- 공식 문서: TinyMCE API
위의 예시 코드와 참조 링크를 활용하여 TinyMCE에서 이미지와 텍스트 사이의 여백을 조정해보세요.