tinyMCE - È possibile configurare un'altezza dell'editor inferiore a 100 px?

Question

Non sono molto familiare con TinyMCE, ma non riesco a configurarlo con un'altezza inferiore a 100 px. Ho provato e sembra impostare sempre come 100 px ogni volta che va sotto. Ho solo bisogno di alcuni pulsanti e la finestra dell'editor probabilmente non andrà mai oltre una riga, quindi sto cercando di ridurre un po 'di confusione nell'interfaccia.

Answer 1

Dopo aver scavato un po 'intorno, sembra che non è possibile configurare l'editor direttamente con un'altezza inferiore 100px. C'è una soluzione alternativa che utilizza il callback di editor init per impostare manualmente l'altezza. Vedi http://tinymce.moxiecode.com/punbb/viewtopic.php?id=10015 per i dettagli.

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

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

Answer 2

Googled "TinyMCE 100px", primo risultato: http://tinymce.moxiecode.com/punbb//viewtopic.php?pid=80158

Answer 3

Con TinyMCE 3.5.2 è possibile utilizzare min_height impostazione di configurazione.

Answer 4

In 3.5.4 theme.resizeTo non sembra funzionare. Questo ha fatto il trucco per me.

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

Nella versione 4.X.X di tinymce lì dove sono state apportate molte modifiche. Codice lavoro:

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