Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/07/2010, 08:34
Avatar de djmashe
djmashe
 
Fecha de Ingreso: julio-2007
Ubicación: Posadas, Misiones
Mensajes: 52
Antigüedad: 16 años, 9 meses
Puntos: 2
Pregunta Combinar varios plugins jquery a un mismo elemento

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:

Código HTML:
Ver original
  1. <textarea name="message" class="message" id="message"></textarea>


y en el js lo declaro así:

Código Javascript:
Ver original
  1. $(document).ready(function()
  2. {
  3.  $("#message").htmlarea(
  4.  {
  5.     toolbar: ["bold", "italic", "underline", "|", "h1", "h2", "h3", "h4", "h5", "h6", "|", "link", "unlink"]
  6.  });
  7.                  
  8.  $("#message").autoResize(
  9.  {
  10.    // On resize:
  11.    onResize : function() { $(this).css({opacity:0.8}); },
  12.    // After resize:
  13.    animateCallback : function() { $(this).css({opacity:1}); },
  14.    // Quite slow animation:
  15.    animateDuration : 300,
  16.    // More extra space:
  17.   extraSpace : 40
  18.  });
  19. });

Siempre reconoce el editor pero NO el redimensionador (sin importar cual declare primero):

Código Javascript:
Ver original
  1. $(document).ready(function()
  2. {
  3.  $("#message").htmlarea(...);
  4.  $("#message").autoResize(...);
  5. });

o

Código Javascript:
Ver original
  1. $(document).ready(function()
  2. {
  3.  $("#message").autoResize(...);
  4.  $("#message").htmlarea(...);
  5. });


Teniendo en cuenta el caso presentado:
  1. ¿JQuery permite combinar mas de un plugin a un elemento?
  2. Caso contrario, ¿conocen algun editor WYSIWYG que soporte la mayoria de los navegadores, que sea liviano y que permita redimensionar el texarea automaticamente?
  3. ¿Saben como se llama este mismo editor que usa Foros del Web y si usa JQuery o otro framework?


Desde ya muchas gracias...