No es difícil realizar esto, pero requiere un cambio al /jscripts/editor.js, pues allí se le asigna un ancho al textarea.
El nombre de la clase se asigna aquí:
Código PHP:
this.editor.className = "messageEditor";
Y luego vienen las lineas que asignan el width al textarea, debajo de
Código PHP:
// Determine the overall height and width - messy, but works
(Son 27 lineas debajo de esa las que debes comentar)
Luego en tu css puedes usar algo así:
Código PHP:
.messageEditor {
width: XXXpx;
height: YYYpx;
resize: none;
etc...
}
Para casos particulares yo encerré mi editor en un div con un algún id #tu-caso-particular
Código PHP:
#tu-caso-particular .messageEditor {
width:ZZZpx;
}
------------------
Aclaro que yo no uso el stylesheet.css, pues inclui los estilos que me interesaban directamente en el css de mi plantilla.
Por eso comenté también estas lineas:
Código PHP:
//var stylesheet = document.createElement('link');
//stylesheet.setAttribute('rel', 'stylesheet');
//stylesheet.setAttribute('type', 'text/css');
//stylesheet.setAttribute('href', this.baseURL + 'editor_themes/'+theme+'/stylesheet.css');
//document.getElementsByTagName('head')[0].appendChild(stylesheet);