tinyMCE-你能把编辑器的高度配置在100px以下吗?

在tinymce的4.X.X版本中,有很多更改。 工作代码:

tinyMCE.init({
...,
setup: function (ed) {
    ed.on('init', function(args) {
        var id = ed.id;
        var height = 25;

        document.getElementById(id + '_ifr').style.height = height + 'px';
        document.getElementById(id + '_tbl').style.height = (height + 30) + 'px';
    });
},
...,
});

在深入研究了一下之后,您似乎无法将编辑器的高度直接配置为100px以下。有一个使用editor init回调手动设置高度的解决方法。见 http://tinymce.moxiecode.com/punbb/viewtopic.php?id=10015 详细情况。

tinyMCE.init({
    ...,
    setup: function(editor) {
        editor.onInit.add(function() {
            var width = editor.getWin().clientWidth;
            var height = 50;

            editor.theme.resizeTo(width, height);
        });
    }
});

在3.5.4中 主题.resizeTo 好像没用。这对我有好处。

tinyMCE.init({
    ...,
    ed.onInit.add(function() {
        var id = ed.id;
        var height = 50;

        document.getElementById(id + '_ifr').style.height = height + 'px';

        //One line with buttons takes roughly 30px, so we add that
        document.getElementById(id + '_tbl').style.height = (height + 30) + 'px'; 
    });
});

min_height 配置设置。

谷歌“TinyMCE 100px”,第一个结果: http://tinymce.moxiecode.com/punbb//viewtopic.php?pid=80158