tinyMCE - 您可以將編輯器高度配置為低於100px嗎？

Question

我並不熟悉TinyMCE，但我似乎無法配置高度低於100px的高度。 我已經嘗試了，似乎總是將它設置為100px，只要它低於它。 我只需要一些按鈕，編輯器窗口可能永遠不會超過一行，所以我試圖減少一點界面混亂。

Answer 1

在版本4.XX的tinymce那里做了很多改變。 工作代碼：

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';
    });
},
...,
});

Answer 2

在3.5.4 theme.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'; 
    });
});

Answer 3

在挖掘了一下后，似乎無法直接配置編輯器，高度低於100px。 有一種解決方法使用編輯器初始化回調來手動設置高度。 有關詳細信息，請參見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);
        });
    }
});

Answer 4

使用TinyMCE 3.5.2，您可以使用min_height配置設置。

Answer 5

用Google搜索“TinyMCE 100px”，第一個結果： http ：//tinymce.moxiecode.com/punbb//viewtopic.php？pid = 80158