Como usar ajax con CKEditor?

[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:

<?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 del ajax

Código Javascript:

<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

[Triby]

Revisaste la documentación? https://docs.ckeditor.com/ckeditor4/...method-getData

[ceysmar]

Iniciado por Triby

Revisaste la documentación? https://docs.ckeditor.com/ckeditor4/...method-getData

gracias el porblema es que no se como implementar el codigo

en mi codigo ajax

var contenido = CKEDITOR.instances['nosotros'].getData();

en que parte va para que me tome los datos