テキストの長さに応じて動的に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 
    }); 
}