[javascript] TinyMCE에서 텍스트 에디터에서 이미지 및 텍스트 사이의 여백을 조정하는 방법은?

TinyMCE에서 텍스트 에디터에서 이미지 및 텍스트 사이의 여백을 조정하는 방법은 다음과 같습니다.

  1. tinymce.init 함수를 사용하여 TinyMCE를 초기화합니다.
    tinymce.init({
      selector: 'textarea',
      plugins: 'imagetools',
      toolbar: 'image',
      content_style: 'img { margin: 10px; }'
    });
    
  2. content_style 옵션을 사용하여 이미지 주변에 원하는 여백을 지정할 수 있습니다. 위의 예시에서는 이미지 주변에 10px의 여백을 적용하고 있습니다. 해당값은 필요에 따라 수정하실 수 있습니다.

위의 예시를 사용하면, TinyMCE 에디터에서 이미지를 삽입할 때 설정한 여백이 자동으로 적용됩니다. 여백을 조정하려면 content_style의 값을 변경하면 됩니다.

이외에도 TinyMCE에는 다양한 설정 옵션이 있으며, 공식 문서를 참조하시면 더 많은 기능을 확인하실 수 있습니다.

위의 예시 코드와 참조 링크를 활용하여 TinyMCE에서 이미지와 텍스트 사이의 여백을 조정해보세요.