Como usar ajax con CKEditor

Iniciado por ceysmar, 28 Noviembre 2017, 19:08 PM

0 Miembros y 1 Visitante están viendo este tema.

ceysmar

Buenas amigos del foto, tengo el siguiente problema primero no soy experto en ajax solo se modificar algunas cositas e implementar los código que por ahí se encuentran mi pregunta es la siguiente:

Tengo un textarea el cual le implemente el editor CKeditor para poder editar texto con formato mi idea es que se guarde la información mediante el uso de ajax ya implemente el código sin el ckeditor y efectivamente me guarda la información del textarea pero al implementar el ckeditor no me guarda nada

aqui el html y php
Código (php) [Seleccionar]
<?php
require_once('../plugin/conect.php');
 
     
/*CONSULTA A LA BASE DE DATO Titulo de pagina */
    
$c_nosotros=("SELECT * FROM configuracion WHERE id='1'");
    
/*EJECUTA LA CONSULTA BASE DE DATO */
    
$result $conectar->query($c_nosotros);
     
/*ALMACENA LOS RESULTADOS EN UN ARRAY*/
    
$row $result->fetch_array(MYSQLI_ASSOC );
    
$nosotros=$row["nosotros"];
    
/* liberar la serie de resultados */
    
$result->free(); ?>


<div id="content">
<h2>Editar los campos en el sitio o lugar haciendo click</h2>

    <div id="content_biography" class="input">

    <textarea rows="7" cols="30" id="nosotros" name="nosotros"><?php echo $nosotros?></textarea>
        <script type="text/javascript">
         CKEDITOR.replace ("nosotros");
</script>
    </div>

</div>



aqui el codigo de ajax
Código (javascript) [Seleccionar]
<script type="text/javascript">
$(document).ready(function(){
$('textarea').blur(function(){
var field = $(this);
var parent = field.parent().attr('id');
field.css('background-color','#F3F3F3');
//alert(parent);
$('#'+parent).append('<img class="loader" src="../recursos/loader.gif" style="width:16px; height:16px;"/>').fadeIn('slow');
var dataString = 'value='+$(this).val()+'&field='+$(this).attr('name');
$.ajax({
            type: "POST",
            url: "-guardar_nosotros.php",
            data: dataString,
            success: function(data) {
field.val(data);
$('#'+parent+' .loader').fadeOut(function(){
$('#'+parent).append('<img class="ok" src="../recursos/ok.png" style="width:16px; height:16px;"/>').fadeIn('slow');
});

            }
        });
});
});

</script>



lei por hay que habia que poner ckeditor.instaces[''].getData algo asi pero no se donde hay que ponerlo o como hacer para que me funione el ajax

Tusso4

#1
Código (javascript) [Seleccionar]
CKEDITOR.instances.nosotros.getData()
Ó
Código (javascript) [Seleccionar]
CKEDITOR.instances['nosotros'].getData()

Como dijiste al final del mensaje, con ésto podrás sacar el código HTML de CKEDITOR, donde dice .nosotros. ó ['nosotros'] debe ir la ID del handler, digamos la que usas en el replace.

Código (javascript) [Seleccionar]
CKEDITOR.replace ("nosotros");
CKEDITOR.instances.nosotros.getData();
/**********************************/
CKEDITOR.replace ("editor_test");
CKEDITOR.instances['editor_test'].getData();