Spaces:

Docfile
/

Re

Running

Docfile commited on Jan 28, 2024

Commit

75bb13f

verified ·

1 Parent(s): 97dbc0e

Update index.html

Files changed (1) hide show

index.html CHANGED Viewed

@@ -4,21 +4,25 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Éditeur LaTeX avec MathJax</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
     <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
 </head>
 <body>
-    <h2>Entrez votre LaTeX ci-dessous</h2>
-    <input type="text" id="latex-input" placeholder="Entrez votre LaTeX ici" size="50">
-    <button onclick="renderLatex()">Afficher</button>
-    <div id="output" style="margin-top: 20px; border: 1px solid #ccc; padding: 10px;"></div>
     <script>
     function renderLatex() {
         var input = document.getElementById('latex-input').value;
         var output = document.getElementById('output');
         output.textContent = ''; // Nettoyer le contenu précédent
-        var textNode = document.createTextNode(input); // Créer un nœud de texte avec la chaîne d'entrée
         output.appendChild(textNode); // Ajouter le nœud de texte à l'élément de sortie
         MathJax.typesetPromise([output]); // Demande à MathJax de rafraîchir le rendu pour cet élément spécifique
     }

     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Éditeur LaTeX avec MathJax</title>
+    <!-- Bootstrap CSS -->
+    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
     <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
     <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
 </head>
 <body>
+    <div class="container mt-4">
+        <h2 class="mb-3">Entrez votre LaTeX ci-dessous</h2>
+        <textarea id="latex-input" class="form-control" placeholder="Entrez votre LaTeX ici" rows="4"></textarea>
+        <button onclick="renderLatex()" class="btn btn-primary mt-2">Afficher</button>
+        <div id="output" class="mt-4 p-3 border rounded"></div>
+    </div>
     <script>
     function renderLatex() {
         var input = document.getElementById('latex-input').value;
         var output = document.getElementById('output');
         output.textContent = ''; // Nettoyer le contenu précédent
+        var textNode = document.createTextNode(input.replace(/\\\\/g, '\\')); // Remplacer les doubles backslashes par des simples
         output.appendChild(textNode); // Ajouter le nœud de texte à l'élément de sortie
         MathJax.typesetPromise([output]); // Demande à MathJax de rafraîchir le rendu pour cet élément spécifique
     }