Foros del Web » Programando para Internet » Jquery »

Combinar varios plugins jquery a un mismo elemento

Estas en el tema de Combinar varios plugins jquery a un mismo elemento en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/07/2010, 08:34
Avatar de 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...

Etiquetas: combinar, javascript, plugins
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:16.