在components中的tinymce组件，高度自适应设置不成功

在使用Vue.js中的tinymce组件时，如果要实现高度自适应，可以通过设置tinymce的height为"auto"来实现。具体的做法是在tinymce的配置中设置height为"auto"，如下所示：

<template>
  <div>
    <tinymce
      :id="id"
      :init="init"
      v-model="content"
    />
  </div>
</template>

<script>
import { Editor } from '@tinymce/tinymce-vue';

export default {
  components: {
    'tinymce': Editor
  },
  data() {
    return {
      id: 'tinymce-editor',
      content: '',
      init: {
        height: 'auto',  // 设置高度为自适应
        // 其他配置项
      }
    }
  }
}
</script>

这样，当你输入内容时，tinymce会自动调整高度以适应内容的长度。

如果以上方法仍然无法解决问题，你可以提供更多的信息，以便我们更好地帮助你解决问题。

相关问题

tinymce高度自适应

可以通过设置tinymce的高度为"auto"来实现自适应高度。具体的做法是在tinymce的初始化配置中设置height为"auto"，如下所示：

tinymce.init({
  selector: 'textarea',
  height: 'auto'
});

这样，当你输入内容时，tinymce会自动调整高度以适应内容的长度。同时，你也可以设置tinymce的最小高度和最大高度，以控制自适应的范围。具体的做法是在初始化配置中设置min_height和max_height，如下所示：

tinymce.init({
  selector: 'textarea',
  height: 'auto',
  min_height: 200,   // 设置最小高度为200像素
  max_height: 600    // 设置最大高度为600像素
});

这样，当内容的高度小于200像素时，tinymce的高度将保持为200像素；当内容的高度超过600像素时，tinymce的高度将保持为600像素。

tinymce 宽度、高度自适应

你可以使用 TinyMCE 的自适应功能来实现编辑器的宽度和高度自适应。在初始化 TinyMCE 编辑器时，你可以设置 "width" 和 "height" 参数为 "auto"，这样编辑器将自动根据其内容调整大小。

下面是一个示例代码：

tinymce.init({
  selector: '#myTextarea',
  width: 'auto',
  height: 'auto',
  // 其他配置项...
});

在上面的代码中，你需要将 "#myTextarea" 替换为你要应用 TinyMCE 的 textarea 元素的选择器。通过将 "width" 和 "height" 参数设置为 "auto"，TinyMCE 将根据内容自动调整编辑器的大小。

希望这能帮到你！如果还有其他问题，请随时提问。