En este caso lo quiero aplicar a un textarea, ya que el jHtmlArea no permite redimensionar la ventana de edición (o sea, el textarea).
Por ejemplo si tengo el siguiente textarea:
Código HTML:
Ver original
y en el js lo declaro así:
Código Javascript:
Ver original
$(document).ready(function() { $("#message").htmlarea( { toolbar: ["bold", "italic", "underline", "|", "h1", "h2", "h3", "h4", "h5", "h6", "|", "link", "unlink"] }); $("#message").autoResize( { // On resize: onResize : function() { $(this).css({opacity:0.8}); }, // After resize: animateCallback : function() { $(this).css({opacity:1}); }, // Quite slow animation: animateDuration : 300, // More extra space: extraSpace : 40 }); });
Siempre reconoce el editor pero NO el redimensionador (sin importar cual declare primero):
Código Javascript:
Ver original
$(document).ready(function() { $("#message").htmlarea(...); $("#message").autoResize(...); });
o
Código Javascript:
Ver original
$(document).ready(function() { $("#message").autoResize(...); $("#message").htmlarea(...); });
Teniendo en cuenta el caso presentado:
- ¿JQuery permite combinar mas de un plugin a un elemento?
- Caso contrario, ¿conocen algun editor WYSIWYG que soporte la mayoria de los navegadores, que sea liviano y que permita redimensionar el texarea automaticamente?
- ¿Saben como se llama este mismo editor que usa Foros del Web y si usa JQuery o otro framework?
Desde ya muchas gracias...