[javascript] TinyMCE에서 텍스트 에디터에서 이미지 크기를 조정하는 방법은?

아래는 TinyMCE에서 이미지 크기를 조정하는 방법입니다:

  1. 먼저 TinyMCE 에디터를 초기화합니다.
    tinymce.init({
      selector: 'textarea',
    });
    
  2. 이미지를 삽입할 위치에 커서를 가져옵니다:
    var editor = tinymce.get('textarea');
    editor.selection.setCursorLocation();
    
  3. 그 다음, 이미지를 삽입합니다:
    editor.execCommand('mceInsertContent', false, '<img src="image_url" alt="Image" width="300" height="200" />');
    

위 코드에서 image_url은 삽입하려는 이미지의 URL입니다. widthheight 속성을 사용하여 이미지의 크기를 지정합니다. 필요에 따라 값을 조정하여 이미지를 원하는 크기로 조정할 수 있습니다.

이렇게 하면 TinyMCE 텍스트 에디터에서 이미지의 크기를 조정할 수 있습니다. 참고로, TinyMCE는 이미지를 삽입하는 다양한 메소드와 옵션을 제공합니다. 필요에 따라 해당 문서를 참조하면 더 많은 기능을 알아볼 수 있습니다.