Editor TinyMCE编辑器固定大小,没有滚动条?

Editor TinyMCE编辑器固定大小,没有滚动条?,editor,tinymce,Editor,Tinymce,目前,我有以下几点: 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,i

目前,我有以下几点:

    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大小的编辑器

现在在这个编辑器中,我想这样做,你只能写,直到编辑器是满的。(不带滚动条)

因此,您无法输入更多文本,并且不应显示滚动条(禁用滚动)


现在,您可以在编辑器的底部创建新行,它将添加滚动条,您需要编写自己的插件。在每次击键时检查编辑器高度(您可以使用内置的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;
    }

我通过将以下内容添加到我的额外tinyMCE CSS文件来实现:

IFRAME {overflow:hidden;}   

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

在ccs文件中添加以下代码

.mceContentBody{
         overflow-y:hidden!important;
      }
并在tinymce的content_css attribute中添加css文件的路径

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

对我来说,它只需将规则添加到常规样式表中即可工作,而无需将css文件添加到
content\u css
属性中(例如在scss中)


更简单、更容易的解决方案是:

tinymce.init({
    selector: '#container',
    },
    init_instance_callback: function (ed) {
        tinymce.activeEditor.getBody().style.overflow = 'hidden'
    },
});
说明: 在Init回调中获取TinyMCE的主体,并根据需要更改样式


在本例中,请删除滚动条
溢出=“隐藏”

谢谢您的回答。如何获取编辑器的当前高度?如何删除最后插入的代码?请看这里关于如何使用tinymce设置tinymce的介绍:我知道我没有在JSFIDLE中正确设置tinymce,我只是用它来粘贴代码。你能告诉我如何获得编辑器的当前高度,以及如何删除最后插入的代码吗?这很有效,非常好!最后,如何删除最后插入的代码?这并不能解决实际问题。问题是不应该允许用户输入超过所提供空间的内容。我喜欢这种解决方案,但它仍然允许用户在框中继续输入,并且会切断第一行文本。有办法吗?
tinymce.init({
    selector: '#container',
    },
    init_instance_callback: function (ed) {
        tinymce.activeEditor.getBody().style.overflow = 'hidden'
    },
});