Javascript 如何控制tinyMCE模型的宽度和高度？

我使用tinyMCE的插件链接来插入链接，但问题是它非常小

我如何控制它的大小？ 我的初始化代码

tinymce.init({
        target: this,
        plugins: "table, link, textcolor",
        toolbar: [
            'undo redo | bold italic | bullist | numlist | tabel | link | forecolor | fontsizeselect | Extra',
        ],
        fontsize_formats: '8pt 10pt 12pt 14pt 18pt 24pt 36pt',
        setup: function (editor) {
            editor.addButton('Teksten', {
                type: 'menubutton',
                text: 'Extra',
                icon: false,
                menu: createTempMenu(editor)
            });
        }
 });

---

我通过添加自定义css解决了这个问题

.mce-window-body {
  width: inherit !important;
}

.mce-window-body > .mce-container {
   width: 100% !important;
}

.mce-window{
   width: 30% !important;
   left: 50% !important;
   top: 50% !important;
   margin-left: -15% !important;
   margin-top: -150px !important;
}

但是我不认为这是答案，直到现在我不知道为什么。 显示小

---

我有同样的问题好几个月，甚至好几年，没有任何解决办法。 但我想我终于破解了它。 在我的例子中，我使用的是materialzie.css，它对所有输入字段都有以下内容：

输入：非（[type]），
输入[类型=文本]：不（.browser默认值）：不（.mce textbox），
输入[类型=密码]：不（.browser默认值）：不（.mce textbox），
输入[类型=电子邮件]：不（.browser默认值）：不（.mce textbox），
输入[类型=url]：不（.browser默认值）：不（.mce textbox），
输入[类型=时间]：不（.browser默认值）：不（.mce textbox），
输入[类型=日期]：不（.browser默认值）：不（.mce textbox），
输入[类型=日期时间]：不（.browser默认值）：不（.mce textbox），
输入[类型=日期时间本地]：不（.browser默认值）：不（.mce textbox），
输入[类型=电话]：不（.browser默认值）：不（.mce textbox），
输入[类型=编号]：不（.browser默认值）：不（.mce textbox），
输入[类型=搜索]：不（.browser默认值）：不（.mce textbox），
textarea.materialize-textarea{
背景色：透明；
边界：无；
边框底部：1px实心#9e9e；
边界半径：0；
大纲：无；
高度：3雷姆；
宽度：100%；
字号：1rem；
利润率：0.20px0；
填充：0；
-webkit盒阴影：无；
盒影：无；
-webkit框大小：内容框；
框大小：内容框；
-webkit转换：所有0.3；
过渡：均为0.3秒；
}

我猜你有一些CSS干扰了TinyMCE。你能在TinyMCE Fiddle或JS Fiddle中创建一个关于这个问题的工作示例吗？同样的问题在这里，你找到它发生的原因了吗？谢谢，你救了我的命。我还怀疑materialize.css在我找到您的答案之前是否覆盖了样式