Live preview de artículo con Jquery

[guardarmicorreo]

Hola a todos. Con Jquery quiero construir un live preview para cuando un administrador está redactando un artículo.

Este es el código de Jquery

Código Javascript:

$(document).on(function(){
    $("#title").keypress(function(){
        var texto = $("#title").text();
        $("#previewtitle").text(texto);
    });
    
    $("#editor").keypress(function(){
        var texto = $("#editor").text();
        $("#previewtext").text(texto);
    });
});
 

Y he repasado el código varias veces pero no encuentro el error por el cual el live preview no funciona, cuando escribo en el input del título no aparece en el preview, tampoco cuando escribo en el cuerpo del artículo.

¿Alguien puede darme pistas y consejos para poder hacerlo?

En jQ soy beginner.

Saludos.

[guardarmicorreo]

Pude solucionar el live preview del title, este es el código

Código Javascript:

$(document).ready(function(){
    $("#title").keyup(function(){
        var texto = $("#title").val();
        $("#previewtitle").text(texto);
    });
    
});
 

pero no he podido solucionar el código del cuerpo del artículo.

Estoy utilizando CkEditor y el problema es que he buscado todas las maneras en Google de cómo poder obtener el texto, ya que tiene su propio método, pero no lo logro.

Este es el método que he encontrado que utilizan en varios blogs

Código Javascript:

CKEDITOR.instances.idtextarea.getData();
 

Pero no lo logro con este código (debajo del código para el live preview del title)

Código Javascript:

$("#editor").keyup(function(){
   var texto = CKEDITOR.instances.editor.getData();
   $("#previewtext").text(texto);
});
 

¿Alguien lo ha logrado o sabe cómo se podría hacer?

[newboy_master]

Es posible que te sirva esto: http://stackoverflow.com/questions/4...preview-method

También he encontrado un plugin de CKEditor para la vista previa de la página oficial: http://ckeditor.com/addon/preview

Salu2.