tinyMCE - Können Sie eine Editorhöhe unter 100px konfigurieren?

Question

Ich bin mit TinyMCE nicht so vertraut, aber ich kann nicht scheinen, es mit einer Höhe unter 100px zu konfigurieren. Ich habe versucht und es scheint immer 100px jedes Mal, wenn es untergeht. Ich brauche nur ein paar der Knöpfe und das Editor-Fenster wird wahrscheinlich nie über eine Zeile hinausgehen, also versuche ich ein bisschen Interface-Unordnung zu reduzieren.

Answer 1

Nach ein wenig herum zu graben, so scheint es, dass Sie nicht den Editor direkt mit einer Höhe unter 100px konfigurieren können. Es gibt eine Problemumgehung mit dem Editor-Initialisierungs-Callback, um die Höhe manuell festzulegen. Details finden Sie unter 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 2

gegoogelt „TinyMCE 100px“, 1. Ergebnis: http://tinymce.moxiecode.com/punbb//viewtopic.php?pid=80158

Answer 3

Mit TinyMCE 3.5.2 Sie min_height Konfigurationseinstellung verwenden können.

Answer 4

In 3.5.4 theme.resizeTo scheint nicht zu funktionieren. Das hat den Trick für mich gemacht.

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 5

In Version 4.X.X von Tinymce wurden viele Änderungen vorgenommen. Arbeitscode:

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