如何根据文本长度动态调整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
  });
}