|
|
<!DOCTYPE html> |
|
|
<html lang="fr"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<title>Affichage Markdown</title> |
|
|
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> |
|
|
</head> |
|
|
<body> |
|
|
<div id="markdown-content">Chargement du contenu Markdown...</div> |
|
|
<textarea id="markdown-input" style="width: 100%; height: 100px;">Écrivez votre Markdown ici!</textarea> |
|
|
<button onclick="updateContent()">Mettre à jour le contenu</button> |
|
|
|
|
|
<script> |
|
|
function updateContent() { |
|
|
var markdownText = document.getElementById("markdown-input").value; |
|
|
document.getElementById("markdown-content").innerHTML = marked(markdownText); |
|
|
} |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
