Docfile/Re
0
1<!DOCTYPE html>2<html lang="fr">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Éditeur LaTeX avec MathJax</title>7 <!-- Bootstrap CSS -->8 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">9 <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>10 <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>11</head>12<body>13 <div class="container mt-4">14 <h2 class="mb-3">Entrez votre LaTeX ci-dessous</h2>15 <textarea id="latex-input" class="form-control" placeholder="Entrez votre LaTeX ici" rows="4"></textarea>16 <button onclick="renderLatex()" class="btn btn-primary mt-2">Afficher</button>17 <div id="output" class="mt-4 p-3 border rounded"></div>18 </div>19 20 <script>21 function renderLatex() {22 var input = document.getElementById('latex-input').value;23 var output = document.getElementById('output');24 output.textContent = ''; // Nettoyer le contenu précédent25 var textNode = document.createTextNode(input.replace(/\\\\/g, '\\')); // Remplacer les doubles backslashes par des simples26 output.appendChild(textNode); // Ajouter le nœud de texte à l'élément de sortie27 MathJax.typesetPromise([output]); // Demande à MathJax de rafraîchir le rendu pour cet élément spécifique28 }29 </script>30</body>31</html>32