Ir al contenido


Foto

Añadir un textarea utlizando Nicedit en jquery


  • Por favor identifícate para responder
9 respuestas en este tema

#1 Mawi

Mawi

    Newbie

  • Miembros
  • Pip
  • 7 mensajes

Escrito 19 noviembre 2013 - 10:15

Hola buenas, estoy haciendo una web en la que utilizo nicedit en los textarea. Los textarea que tengo en el archivo html me salen bien, pero al utilizar un funcion que me añade un nuevo textarea mediante jquery, no me sale con las opciones del nicedit.

Alguna idea??
Gracias.
  • 0

#2 porfi.dev

porfi.dev

    Advanced Member

  • Miembros
  • PipPipPip
  • 183 mensajes
  • LocationMy House @ México

Escrito 19 noviembre 2013 - 03:23

El proceso que ocurre es este:

Se carga el Dom principal
Se cargan todas las Text areas fijas..
Una vez terminada la carga se le aplica el nice edit

Listo carga terminada..

Lo que tu haces es una vez que se le aplico "niceedit" a todas las textarea, metes una nueva que no esta contemplada por lo que no se le aplica el script.

La salida más rapida... Crea todos los textarea y colocales un hide.

<textarea style="display: none"></textarea>

Despues con Jquery en ves de crear uno, oslo lo apareces    $("textarea").show();

En teoria deberia de funcionar, si no lo correcto seria aplicar la funcion de la API.

myNicEditor.addInstance(' TEXTAREA iD');


la documentacion aqui: http://wiki.nicedit..../Javascript API


  • 0

#3 porfi.dev

porfi.dev

    Advanced Member

  • Miembros
  • PipPipPip
  • 183 mensajes
  • LocationMy House @ México

Escrito 19 noviembre 2013 - 04:13

Aqui te dejo un ejemplo de como deberia de ser  (y)

ya con eso tenfras una mejor idea

:o :o :o :o :o :o

http://jsfiddle.net/...mbedded/result/
  • 0

#4 Mawi

Mawi

    Newbie

  • Miembros
  • Pip
  • 7 mensajes

Escrito 20 noviembre 2013 - 04:36

Probare y te digo como va. Muchas gracias
  • 0

#5 Mawi

Mawi

    Newbie

  • Miembros
  • Pip
  • 7 mensajes

Escrito 20 noviembre 2013 - 04:40

Una pregunta, en lugar de realizarlo en un div, ¿podria hacerlo en una tabla?¿Bastaria con pasarle el id de la tabla en lugar del id del div?
  • 0

#6 porfi.dev

porfi.dev

    Advanced Member

  • Miembros
  • PipPipPip
  • 183 mensajes
  • LocationMy House @ México

Escrito 21 noviembre 2013 - 05:12

nop, por que la tabla tiene su ID, sin embargo

cada td y tr podria tener su pripio ID.. asi que mejor mete un DIV dentro de tu tabla  :wink:
  • 0

#7 Mawi

Mawi

    Newbie

  • Miembros
  • Pip
  • 7 mensajes

Escrito 28 noviembre 2013 - 10:53

Una nueva pregunta que tengo aqui:


delphi
  1. function aplicaNiceEdit(){
  2.         var myNicEditor = new nicEditor();
  3.        
  4.         myNicEditor.setPanel("texto");
  5.       myNicEditor.panelInstance("texto");
  6.    
  7.     $value = $("#texto"); 
  8.     $value.removeAttr("id");
  9.     console.log($value);
  10. }



Borras el valor del id, para que se pueda aplicar a más de un textArea, se podria hacer lo mismo pero en lugar de borrar el id, borrar el nombre??

Gracias
Mi problema es si creo más de un textarea con estas funciones luego no puedo coger el valor por id y necesito por fuerza tomar el valor por id.
  • 0

#8 poliburro

poliburro

    Advanced Member

  • Administrador
  • 4.945 mensajes
  • LocationMéxico

Escrito 28 noviembre 2013 - 10:55

seguramente se duplica en id del textarea. No he usado mucho Ce pero seguramente al crear una instancia puedes definir su id o nombre de class para de esa manera identificar claramente cada instancia creada

Saludos
  • 0

#9 Mawi

Mawi

    Newbie

  • Miembros
  • Pip
  • 7 mensajes

Escrito 28 noviembre 2013 - 01:19

y sabeis si existe alguna forma de guardar el contenido de todos los textarea (con nicedit) independientemente del id??

  • 0

#10 porfi.dev

porfi.dev

    Advanced Member

  • Miembros
  • PipPipPip
  • 183 mensajes
  • LocationMy House @ México

Escrito 04 diciembre 2013 - 03:29

Correcto por buena practica "NO SE DEBE REPETIR EL ID" en ningun caso.

Y si puede obtener el valor de cada uno de los text area.. pero la verdad ya estas entrando a temas mas complicados...

En fin es la funcion .each



delphi
  1. $.each($("textarea"), function(index,value){
  2.     console.log(index, value);
  3.   });


  • 0




IP.Board spam blocked by CleanTalk.