텍스트 길이에 따라 TinyMCE 편집기의 높이를 동적으로 조정하는 방법

Question

여기 제가 시도하고있는 것이지만, 논리가 옳지 않다고 생각합니다.

저는 편집기의 텍스트 내용을 사용하고 편집기의 높이를 동적으로 결정하려고합니다. tinymce.component.ts

ngAfterViewInit() { 
    tinymce.init({ 
      convert_urls: false, 
      selector: '#' + this.elementId, 
      // .... 
      // .... more properties... 
      // .... 
      setup: editor => { 
       editor.on('SetContent',function(e){ 
        const content = e.content; 

        var newHeight = String(content.length/2); 
        editor.theme.resizeTo("100%",newHeight);   
       }); 
      }, 
    }); 
} 

어쨌든 에디터의 높이에서

은 여전히 ​​권리와 동적에 대한 것 같습니다하지 않습니다. 이 작업을 수행하는 더 좋은 방법이 있습니까?

Answer 1

사용하려고 Autoresize Plugin

예 :

ngAfterViewInit() { 
    tinymce.init({ 
    convert_urls: false, 
    selector: '#editor', 
    plugins: 'autoresize', 
    autoresize_min_height: 100, 
    autoresize_max_height: 1000, 
    autoresize_bottom_margin: 0 
    }); 
}