Cómo cambiar la altura de un textarea con ckeditor en Drupal

16 September 2011 – 14:00

Los editores WYSIWYG mejoran mucho la usabilidad de las áreas de texto, facilitando al usuario poder insertar código html de forma sencilla.

Pero en Drupal esto puede repercutir un poco en el estilo visual de nuestra web, ya que ciertos parámetros (como por ejemplo la altura de estas cajas de texto) están predefinidas (o como se suele decir, hardcodeadas) en el módulo, así que siempre tendremos cajas con WYSIWYG del mismo tamaño. Y en el caso concreto del editor ckeditor esta altura es de 420px, enorme en muchos casos.

La solución más limpia para cambiar estos parámetros es añadir un fichero javascript en el theme y cambiar las opciones por defecto que se añaden para el editor ckeditor.

Añadimos el fichero js a nuestro theme con la siguiente línea en el mitheme.info

scripts[] = js/mijavascript.js

y luego en el fichero mijavascript.js

Drupal.behaviors.MiThemeUserInterface = function(context) {
    Drupal.settings.wysiwyg.configs.ckeditor.format1.height = 100;
    Drupal.settings.wysiwyg.configs.ckeditor.format2.height = 100;
    Drupal.settings.wysiwyg.configs.ckeditor.format3.height = 100;
}

Y listo. En este caso hemos reducido la altura de las áreas de texto a 100 píxeles para todos los tipos de formatos de entrada (input formats)


Publicado originalmente en mi antiguo blog, 3oheme.com, y recuperado de archive.org.

This is the personal website of Ignacio Palomo Duarte, Product Manager. If you're looking for my portfolio and more information just have a look at the homepage, and if you liked this article maybe you can share it on Bluesky.