2009-09-25 7 views
4

Maintenant, pendant que je tape ceci, il y a l'aperçu en bas de l'éditeur. Je voudrais faire quelque chose de similaire. Comment Stack Overflow fait-il cela?Comment Stack Overflow reflète-t-il ce que vous tapez?

+0

Je suis confus. Cela devrait-il appartenir à méta ou non? – erelender

+1

... et c'est pourquoi ça craint sur iPhone :-) –

+0

Je ne le pense pas. C'est aussi valable que n'importe quelle autre question, il arrive juste d'utiliser StackOverflow comme exemple d'implémentation. S'il avait utilisé un autre site, il ne serait pas migré. – Brandon

Répondre

8

Ils utilisent un éditeur HTML appelé WMD Markdown Editor.

+0

est-ce que cela gère le balisage d'extrait de code aussi? – RYFN

+0

Merci, une idée de comment supprimer la barre d'outils de l'éditeur? – Shawn

+0

Non, je ne l'ai jamais utilisé. Mais en jetant un oeil à la section des fonctionnalités de leur site Web, ils disent de regarder optionsExample.html dans le dossier zip pour l'aide à la configuration. – Brandon

1
$(function(){ 
    // whenever the text in the editor box changes: 
    $("#editorTextArea").change(function(){ 
     // add the text to the preview box below 
     // this certainly involves some formatting/marking up of the text 
     // but this is good enough for illustrative purposes 
     $("#previewBox").val(this.value); 
    }); 
}); 
+4

Ne fonctionne pas comme ça parce que l'événement change n'est déclenché qu'après l'événement de flou; ou: le changement se déclenchera uniquement si le contenu a changé après avoir perdu son focus. Si vous voulez mettre à jour en tapant, vous devez aller avec l'événement keydown. – Mike

Questions connexes