Saludos, tal como dice el titulo del post, la idea es en este caso combinar el plugin
jHtmlArea (editor WYSIWYG) con el
autoResize o
TextAreaResizer (ambos redimensionadores de textareas); todos para jquery.
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:
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...