MarkItUp! refresh aperçu continu sans entrer frapper

Question

J'utilise markItUp ( http://markitup.jaysalvat.com/ ) et peut » t vraiment comprendre comment l'obtenir la mise à jour en permanence le volet d'aperçu que chaque caractère est tapé (ou même quand un « espace » est rencontré). Par défaut, il actualise le volet d'aperçu que lorsque la touche entrée est touché.

Est-il possible de personnaliser ce comportement? La documentation mentionne une clé previewAutoRefresh, mais il en résulte la mise en la mise à jour sur entrer chose, pas plus vite.

Merci!

Answer 1

Utilisez la même technique que dans cette question .

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

Notez que cela envoie une nouvelle demande à votre serveur Web sur chaque pression de touche, donc si vous avez beaucoup d'utilisateurs, ce sera beaucoup de hits.

Answer 2

Très en retard, mais une meilleure solution est de commencer une minuterie (1 sec) pour chaque pression de touche pour que l'aperçu se fait qu'une seule fois, lorsque l'utilisateur fait une pause (cet extrait de code utilisé plugin timer JQuery):

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

Pour plus de détails vous pouvez voir l'excellent post sur le codage de la roue La coloration syntaxique parler de textarea aperçu.

Answer 3

previewAutoRefresh est activée par défaut.

L'aperçu est actualisé à toute insertion de balisage (ou Entrée enfoncée la touche). Le contenu de l'aperçu est envoyé par ajax à un analyseur côté serveur pour rendre le langage de balisage (textile, démarquage, bbcode etc). Faire cette opération sur chaque coup clé est presque impossible (lent et lourd).

Le markItUp! intégré en avant-première est juste une aide. Vous pouvez le désactiver et le code de votre propre aperçu, en utilisant un script côté client (Showdown par exemple) que vous auriez à faire avec un textarea régulier.

:)