tinyMCE - 您可以将编辑器高度配置为低于100px吗?

时间:2010-10-19 20:29:42

标签: javascript tinymce wysiwyg

我并不熟悉TinyMCE,但我似乎无法配置高度低于100px的高度。我已经尝试了,似乎总是将它设置为100px,只要它低于它。我只需要一些按钮,编辑器窗口可能永远不会超过一行,所以我试图减少一些界面混乱。

5 个答案:

答案 0 :(得分:5)

在版本4.X.X的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';
    });
},
...,
});

答案 1 :(得分:4)

在挖掘了一下后,似乎无法直接配置编辑器,高度低于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);
        });
    }
});

答案 2 :(得分:4)

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

答案 3 :(得分:2)

使用TinyMCE 3.5.2,您可以使用min_height配置设置。

答案 4 :(得分:1)

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