2010-03-14 5 views
3

J'ai essayé de créer un éditeur côté client qui permet à l'utilisateur final de créer du contenu en html ou markdown. L'utilisateur a deux onglets pour basculer entre les deux. J'ai réussi à trouver du javascript qui convertit markdown en HTML, donc si un utilisateur a écrit markdown et passe à l'onglet html, l'équivilant html est affiché. Je n'ai pas été capable de trouver un javascript qui convertit html en markdown, seulement un script python.Conversion markdown html côté client

Le script python est évidemment côté serveur. Les onglets sont juste des liens hypertextes avec le script là-dedans. Est-il possible de convertir le markdown html lorsque l'utilisateur clique sur l'onglet?

+0

Etes-vous sûr de vouloir que les utilisateurs modifient le code HTML directement? Au mieux, la transition sera perte. Il y a beaucoup de choses qui ne peuvent pas être bien représentées dans la démarque. Par exemple si j'ajoute ' ...', que voudriez-vous voir dans la démarque? –

Répondre

1

Il suffit d'envoyer les données au serveur à l'aide d'AJAX, d'effectuer la conversion sur le serveur, puis de renvoyer les résultats au navigateur. Dans ce jQuery est aussi simple que .: par exemple

$.ajax({ 
    type: "GET", 
    url: <converter url>, 
    data: <html> 
    success: function(markdown_text){ 
     $('#id_container').text(markdown_text); 
    } 
    error: function(XMLHttpRequest, textStatus, errorThrown){ 
      alert('Error!'); 
    } 
}); 
2

Pourquoi utilisez-vous pas WMD-Editor? Il a la capacité de prévisualiser le code HTML.

6

La réponse actuellement acceptée, vous dit en fait de le faire sur le côté serveur.

Pour faire vraiment conversion côté client, vous pouvez essayer une de ces bibliothèques (par ordre de popularité, mesurée par étoiles GitHub):