2011-03-25 30 views
23

Estoy tratando de obtener el texto escrito dentro de un TinyMCEtextarea. Tengo el código a continuación. Se muestra el área de texto TinyMCE, pero la alerta ni siquiera se muestra. ¿Por qué?Intentando obtener el texto escrito dentro de un texto de TinyMCE

<html> 
    <head></head> 
    <body> 
     <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js'></script> 
     <script type="text/javascript" src="/home/javiergarcia/Scaricati/jari/tinymce/jscripts/tiny_mce/tiny_mce.js"></script> 
     <script type="text/javascript"> 
      tinyMCE.init({ 
       mode : "textareas", 
      }); 

      $(document).ready(function() { 
       $('form').submit(function() { 
        //alert("fasdfs"); 
        alert(tinyMCE.get('#jander').getContent()); 
       }); 
      }); 
     </script> 
     <form method="post" action="somepage"> 
      <textarea name="content" id="jander" style="width:100%"></textarea> 
      <input type="submit"> 
     </form> 
    </body> 
</html> 

Saludos

Javier

Respuesta

51

¿Por qué no simplemente usa tinymce.get('jander').getContent(); (tinymce en minúsculas)?

+4

Gracias, simplemente eliminando el '#' antes de jander, funciona, porque el carácter nítido (#) se usa en los selectores jQuery y no tiene nada que ver con tinyMCE.obtener() – ziiweb

+1

correcto, eso es todo – Thariama

+0

gracias! funciona bien! – Kakitori

11

Simplemente debería pedir al valor del control área de texto originales.

tinyMCE.triggerSave(false, true); 
$('#jander').val(); 
+0

¿No requeriría esto el complemento TinyMCE jQuery? – Dunhamzzz

+0

@Brian, gracias pero no funciona .. @ Dunhamzzz Agregué el archivo jquery.tinymce.js pero todavía no funciona .. – ziiweb

+0

@Dunhamzzz: No es que yo sepa, el complemento tinyMCE está diseñado para ocultarse el área de texto original pero mantenga el valor sincronizado con el contenido de texto enriquecido del editor tinyMCE. Por lo tanto, el valor de texto enriquecido actual siempre debe estar disponible para ser solicitado desde el elemento de origen. –

2

Una vez que ha incluido el plugin TinyMCE jQuery, se asigna el editor para una variable y luego puede operar cualquier función jQuery en él:

var wysiwyg = $('textarea.tinymce').tinymce(tinymce_settings); 

continuación para obtener el contenido que sólo puede ir a buscar wysiwyg.html();

Además, consulte el TinyMCE jQuery documentation para otras técnicas de manipulación.

1

Como alguien me dijo, el carácter nítido (#) se usa en los selectores jQuery y no tiene nada que ver con tinyMCE.get(). Entonces, con esta línea a continuación, funciona bien.

alert(tinyMCE.get('jander').getContent()); 
0

prueba este ....

$ .trim (tinymce.get ('jander') getContent().);

Cuestiones relacionadas