Ajax + tinymce

bichomen · #1 (**permalink**) 19/09/2008, 03:49

Hola estoy tratando de incrustar este editor en mi web, pero parece no funcionar con Ajax, en el index.php, en el HEAD pongo:

Código HTML:

<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
	mode : "textareas",
	theme : "advanced" 
});
</script>

y el formulario que lo tengo en un include, al textaerea, al name le llamo content, si lo pruebo en una pagina simple, sin ajax ni nada funciona, pero implementado con ajax no, ¿cual es el problema?

bichomen

jseros · #2 (**permalink**) 19/09/2008, 10:38

Hola,

Creo que el TinyMCE solo almacena los datos en el TextArea cuando se envía el formulario. Intenta provocar el evento submit en el formulario antes de enviar la petición AJAX a ver como te funciona.

Saludos.

jseros · #3 (**permalink**) 19/09/2008, 10:43

El API de TinyMCE especifica un método para generar la copia de los datos del editor al textarea.

Código javascript:

Ver originaltinyMCE.triggerSave(true,true);

Despues solo debes acceder al valor que se encuentre en el textarea.

Saludos.

bichomen · #4 (**permalink**) 19/09/2008, 12:29

El problema es que cuando cargo la página donde esta el formulario, ni siquiera me llega a aparecer el editor, solo un simple textaerea, donde tendría que estar el editor.

bichomen

jseros · #5 (**permalink**) 19/09/2008, 12:32

Qué código estas poniendo para cargar el editor???

cuchurrumin · #6 (**permalink**) 19/09/2008, 13:51

Una pregunta bichomen, como es que le pasas a ajax todo lo que tiene escrito el editor ???

jseros · #7 (**permalink**) 19/09/2008, 14:08

Cita:

Iniciado por cuchurrumin

Una pregunta bichomen, como es que le pasas a ajax todo lo que tiene escrito el editor ???

Primero tienes que llamar a la función que coía el código en la textarea.

Código javascript:

Ver originaltinyMCE.triggerSave(true,true);

y luego accedes al contenido del textarea y lo envias.

Saludos

bichomen · #8 (**permalink**) 19/09/2008, 18:01

Haber, no he echo nada especial, si no seguir el ejemplo que pone la misma web del editor:

Código HTML:

<html>
<head>
<title>TinyMCE Test</title>

<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
	mode : "textareas",
	theme : "advanced" 
});
</script>

</head>
<body>

<!-- form sends content to moxiecode's demo page -->

<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
	
    <textarea name="content" cols="50" rows="15">This is some content that will be editable with TinyMCE.</textarea>
    
	<input type="submit" value="Save" />
    
</form>

</body>
</html>

Entonces en la página index.php en el head he puesto:

Código HTML:

<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
	mode : "textareas",
	theme : "advanced" 
});
</script>

Y en la página donde tiene que aparecer el formulario, que es llamada a través de ajax, cargándola en un id a través de un include, en un formulario que ya tenia lo único que e echo es llamar al textarea name="content".

Cuando cargo el include supongo que tengo que llamar a la función de javascript. pero hay es donde me pierdo, supongo que en el enlace que llama al include tendría que poner algo así:

Código HTML:

<a href="#" name="formulario.php" onclick="cargaXML(this.name); tinyMCE.init(this);">formulario</a>

bichomen

jseros · #9 (**permalink**) 19/09/2008, 21:43

mmm, entonces lo que quieres hacer es cargar mediante AJAX un archivo en donde se encuentra el código para mostrar el editor.
Te recomiendo que hagas lo siguiente para mejorar la usabilidad y que funcione:

Código HTML:

<a href="formulario.php" onclick="cargaXML(this.name); return false;">formulario</a>

y luego de obtener el contenido y ponerlo en el documento llamar a una función que contenga el código que inicia el editor:

Código javascript:

Ver originalfunction cargaeditor()
{
tinyMCE.init({
    mode : "textareas",
    theme : "advanced" 
});
}

Exitos y espero haberme hecho entender. Sino de igaul manera voy a estar atento a cualquier otra duda hasta que podamos solucionar tu problema. :adios

bichomen · #10 (**permalink**) 22/09/2008, 07:05

Cita:

Iniciado por jseros

y luego de obtener el contenido y ponerlo en el documento llamar a una función que contenga el código que inicia el editor:

Código javascript:

Ver originalfunction cargaeditor()
{
tinyMCE.init({
    mode : "textareas",
    theme : "advanced" 
});
}

¿Como llamo a la función si ya he cargado el contenido?

Código HTML:

<form name="formulario" onload="cargaeditor();"...

bichomen