tinyMCE: ¿Se puede configurar una altura de editor por debajo de 100 px?

Question

No estoy tan familiarizado con TinyMCE, pero parece que no puedo configurarlo con una altura inferior a 100 px. Lo he intentado y parece configurarlo siempre como 100px en cualquier momento que vaya por debajo. Solo necesito algunos de los botones y la ventana del editor probablemente nunca irá más allá de una línea, así que estoy tratando de reducir un poco el desorden de la interfaz.

Answer 1

Después de cavar un poco, parece que no se puede configurar el editor directamente con una altura por debajo de 100 px. Hay una solución usando el editor init callback para configurar manualmente la altura. Vea http://tinymce.moxiecode.com/punbb/viewtopic.php?id=10015 para más detalles.

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

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

Answer 2

buscado en Google "100px TinyMCE", primera consecuencia: http://tinymce.moxiecode.com/punbb//viewtopic.php?pid=80158

Answer 3

Con TinyMCE 3.5.2 se puede utilizar el ajuste de configuración min_height.

Answer 4

En 3.5.4 theme.resizeTo parece que no funciona. Esto hizo el truco para mí.

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

En la versión 4.X.X de tinymce hay muchos cambios realizados. código de trabajo:

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