Hola.
Estoy tratando de enviar por AJAX la respuesta de un formulario que contiene un DIV con un editor CKeditor.
El caso es que tengo todo funcionando, pero lo que me manda no es el fuente del CKeditor sino solo el texto.
Como puedo hacer para que me mande el texto fuente del CKeditor ?
Os pongo el codigo:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Prueba CKEDITOR</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<form id="formulario1" action="editor_show.php" method="post">
<div id="txtarea1" name="txtarea1" class="ckeditor" cols="80" rows="10"><p>
<span style="font-size: 72px;">HOLA</span> CAR<span style="background-color: rgb(255, 215, 0);">ACOLA</span></p></div>
<script type="text/javascript">
var editor;
editor = CKEDITOR.replace( 'txtarea1',
{
skin : 'office2003'
});
</script>
<input type="text" id="txtiarea1" name="txtiarea1">
<button id="benviar" type="submit">Enviar</button>
</form>
<button id="bmostrar">Mostrar</button>
<button id="bocultar">Ocultar TODO</button>
<button id="bocultaredit">Ocultar EDITOR</button>
<button id="bmostraredit">Mostrar EDITOR</button>
<div id="result"></div>
<script type="text/javascript">
$("#bocultar").click(function () {
$("#cke_txtarea1").hide(1000);
});
$("#bmostrar").click(function () {
$("#cke_txtarea1").show(1000);
});
$("#bocultaredit").click(function () {
editor.destroy();
});
$("#bmostraredit").click(function () {
editor = CKEDITOR.replace( 'txtarea1',
{
skin : 'office2003'
});
});
$("#benviar").click(function () {
$("#txtiarea1").val($("#txtarea1").html());
});
$('#formulario1').submit(function() {
// Enviamos el formulario usando AJAX
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
// Mostramos un mensaje con la respuesta de PHP
success: function(data) {
$('#result').html(data);
}
})
return false;
});
</script>
</body>
</html>
y el otro fichero de momento:
Código PHP:
<?
echo "texto:<br>";
if(isset($_POST['txtiarea1'])){
echo $_POST["txtiarea1"];
}else{
echo "no ha llegado el texto";
}
?>
Como puedo hacer para poder guardar el fuente html del ckeditor ???