¡Marcalo!actualización continua de vista previa sin presionar enter

Question

Estoy usando MarkItUp (http://markitup.jaysalvat.com/) y realmente no puedo entender cómo hacer que actualice continuamente el panel de vista previa a medida que se escribe cada carácter (o incluso cuando se encuentra un "espacio").De forma predeterminada, actualiza el panel de vista previa solo cuando se presiona la tecla Intro.

¿Hay alguna forma de personalizar este comportamiento?La documentación menciona un previewAutoRefresh clave, pero configurarla da como resultado la actualización al ingresar, no más rápido.

¡Gracias!

Answer 1

Utilice la misma técnica que en esta pregunta.

$(".mymarkitupclass").keyup(function(){
    $('a[title="Preview"]').trigger('mousedown');
});

Tenga en cuenta que esto enviará una nueva solicitud a su servidor web cada vez que presione una tecla, por lo que si tiene muchos usuarios, serán muchas visitas.

Answer 2

Muy tarde, pero una mejor solución es comenzar un temporizador (1 segundo) para cada pulsación de tecla por lo que la vista previa se realiza sólo una vez, cuando el usuario haga una pausa (este fragmento de código utilizado jQuery temporizador plugin):

    $('#markitup').keydown(function() {
    $(this).stopTime();
    $(this).oneTime(1000, function() { $('a[title="Preview"]').trigger('mouseup'); });
});

Para más detalles se puede ver el excelente post de codificación de la rueda El resaltado de sintaxis hablando de previsualización área de texto.

Answer 3

previewAutoRefresh está activado por defecto.

La vista previa se actualiza en cualquier inserción de marcado (o la tecla Enter presionado). El contenido de la vista previa es enviado por ajax a un programa de análisis del lado del servidor para hacer que el lenguaje de marcado (textil, de rebajas, BBCode etc). Hacer esta operación en cada golpe de tecla es casi imposible (lento y pesado).

El markItUp! función de vista previa es sólo un ayudante. Se puede desactivar y codificar su propia vista previa, utilizando un script del lado del cliente (Enfrentamiento por ejemplo) a medida que tendría que ver con un área de texto normal.

:)