TinyMCE编辑器固定大小没有滚动条？

Question

目前我有这个：

    tinyMCE.init({
// General options
mode : "exact",
elements : "fkField, lkField, ukcField, khField",
theme : "advanced",
plugins : "table",
width : "300",
height: "185",
// Theme options
theme_advanced_buttons1 : "fontsizeselect, bold,italic,underline,bullist, cleanup, |,justifyleft,justifycenter,justifyright",
theme_advanced_buttons2 : "tablecontrols", 
theme_advanced_buttons3 : "", 
theme_advanced_buttons4 : "", 

theme_advanced_toolbar_location : "bottom",
theme_advanced_toolbar_align : "center",
theme_advanced_resizing : false
    });

这给了我一个大小为300x185的编辑器。

现在在这个编辑器中，我想这样做，你只能写，直到编辑器满了。 （没有卷轴）

因此您无法输入更多文本，并且不应显示滚动条（禁用滚动）

现在，您可以在编辑器内部的底部创建新行，它将添加滚动条< - 我不想发生

我怎样才能做到这一点？这是不可能的吗？我已经做了一段时间的研究，但也许只是我在寻找错误..

谢谢

Answer 1

您需要编写自己的插件。检查每个击键的编辑器高度（您可以使用内置的tinymce事件onKeyUp）。如果高度更改删除最后插入的代码。

编辑：如何获取当前编辑器iframe高度

    var currentfr=document.getElementById(editor.id + '_ifr');
    if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) { //ns6 syntax
        currentfr.height = currentfr.contentDocument.body.offsetHeight + 26;
    }
    else if (currentfr.Document && currentfr.Document.body.scrollHeight) { //ie5+ syntax
            currentfr.height = currentfr.Document.body.scrollHeight;
    }

Answer 2

在ccs文件中添加以下代码

.mceContentBody{
         overflow-y:hidden!important;
      }

并在tinymce的content css属性中添加css文件的路径

content_css : /path/to/css/file.ss

Answer 3

我通过将它添加到我的额外tinyMCE CSS文件中来实现它：

IFRAME {overflow:hidden;}   

以前，滚动条只在Firefox中关闭。这也为Chrome修复了它。但是，它确实在底部的滚动条的侧面添加了一个灰色条，因此我需要放大文本编辑器的高度。

Answer 4

对我而言，只需将规则添加到常规样式表中，就不需要将css文件添加到content_css属性中（例如，在scss中）

.my-tinymce-container {
  width: 200px;
  .mce-edit-area {
    height: 200px;
    overflow-y: hidden;
  }
}

Answer 5

一个简单易行的解决方案是：

tinymce.init({
    selector: '#container',
    },
    init_instance_callback: function (ed) {
        tinymce.activeEditor.getBody().style.overflow = 'hidden'
    },
});

说明：在Init回调中获取TinyMCE的主体并根据需要更改样式。

在这种情况下删除滚动条overflow = 'hidden'。