Javascript tinyMCE'；s iframe或表格高度未正确调整大小

我已经成功地将tinyMCE编辑器添加到我的web应用程序中，这样用户就可以做笔记了。我在一个div中有它替换的textarea，这样div就可以随页面调整大小，textarea总是可以设置为width:100%和height:100%

我的tinyMCE.init如下所示：

tinyMCE.init({
  mode: "specific_textareas",
  editor_selector: "notes-editor",
  theme: "advanced",
  plugins: "",
  theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,bullist,numlist,|,undo,redo,|,forecolor,backcolor",
  theme_advanced_toolbar_location: "top",
  theme_advanced_toolbar_align: "left",
  theme_advanced_statusbar_location: "none",
  theme_advanced_resizing: false,
  height: "100%",
  width: "100%"
});

不幸的是，这将返回一个如下所示的编辑器：

无论我如何改变高度，无论是从CSS还是JS，我可以编辑的“条带”永远不会改变。奇怪的是，这只适用于高度

从尝试更改表格（即

note\u contents\u tbl

）到iframe（即

note\u contents\u ifr

），我做了所有的事情，但什么都没有做

---

任何帮助都将不胜感激。

将高度和宽度设置为100%都不起作用。TinyMCE在iframe中创建编辑器，而iframe又嵌套在表中。将height设置为100%不会继承div的大小

我认为这可能是您的问题，如果真的是这个问题，那么您应该将

宽度

和

高度

值从

%

更改为数值，正好是包装器div的

宽度

和

高度

，或者任何您想要的值，然后从

init

删除

%

使用，即

height: "300",
width: "500"

要以编程方式更改大小，可以使用

var ed = tinymce.activeEditor;
var width = '500';
var height = '300';
ed.theme.resizeTo(width, height);

---

另一个答案是。

以下CSS将TinyMCE handle

高度：100%

作为剩余空间：

td.mceIframeContainer, td.mceIframeContainer iframe { position: fixed; }

---

谢谢你，酋长。这正是我需要的代码行（ed.theme.resize）。我看到了将宽度设置为非-%的操作，但无法调整其大小。你知道如何选择一个特定的编辑器吗？即使我在一个页面上有两个编辑器，但我只想调整一个编辑器的大小？例如，是否有

var-ed=tinymce.activeEditor（选择器）

？欢迎光临，是的，有

var-ed=tinymce.get（'myarea1'）

：-）