diff --git a/README.md b/README.md index da1b871..5a8ba68 100644 --- a/README.md +++ b/README.md @@ -32,6 +32,7 @@ Enjoy! =D * [jQuery](https://jquery.com/) * [jQuery UI](https://jqueryui.com/) * [Moment.js](https://momentjs.com/) +* [Marked.js](https://github.com/markedjs/marked) ## Documentation La documentation est disponible sur [function.divlo.fr/documentation](https://function.divlo.fr/documentation). diff --git a/css/style.css b/css/style.css index 832d9b6..f9c6895 100644 --- a/css/style.css +++ b/css/style.css @@ -80,6 +80,9 @@ header { width: 80px !important; height: 40px !important; } +pre code { + color: #e83c8c !important; +} #currencyOfTheValue, #currencyAfter, #convertNumberType { width: 270px !important; } diff --git a/img/function-image/convertMarkdown.png b/img/function-image/convertMarkdown.png new file mode 100644 index 0000000..eb37faf Binary files /dev/null and b/img/function-image/convertMarkdown.png differ diff --git a/incl/footer.php b/incl/footer.php index e3d89d7..0144e62 100644 --- a/incl/footer.php +++ b/incl/footer.php @@ -10,6 +10,7 @@ + diff --git a/php/config.php b/php/config.php index 165ecca..f552463 100644 --- a/php/config.php +++ b/php/config.php @@ -83,6 +83,11 @@ switch ($currentpage) { $description = "Heap's algorithm est un algorithme qui génère toutes les permutations uniques possibles d'une chaîne de caractère, ce sont en quelque sorte toutes les possibilités d'anagramme d'un mot (en changeant de place, les lettres d’un mot, permettent d’en créer un nouveau), par contre les mots n'ont pas besoin d'être de vrais mots qui ont du sens."; $image = 'https://function.divlo.fr/img/function-image/heapAlgorithm.png'; break; + case '/views/function-views/convertMarkdown.php': + $title = "Markdown"; + $description = "Convertis du Markdown en HTML."; + $image = 'https://function.divlo.fr/img/function-image/convertMarkdown.png'; + break; default: $title = 'Erreur 404'; $description = "Cette page n'existe pas!"; diff --git a/scripts/main.js b/scripts/main.js index 5edba85..4bff626 100644 --- a/scripts/main.js +++ b/scripts/main.js @@ -202,6 +202,19 @@ $(function () { } }); + if (chemin === "/views/function-views/convertMarkdown.php" && localStorage.getItem('convertedHTML') && localStorage.getItem('texteMarkdown')) { + $('.results').html(localStorage.getItem('convertedHTML')); + $('#texteMarkdown').val(localStorage.getItem('texteMarkdown')); + } + + $("#texteMarkdown").bind("keyup change", () => { + const textMarkdown = $('#texteMarkdown').val(); + const convertedHTML = marked(textMarkdown); + localStorage.setItem("convertedHTML", convertedHTML); + localStorage.setItem("texteMarkdown", textMarkdown); + $('.results').html(convertedHTML); + }); + /* Changement du texte accueil (exemples de fonction) */ if(chemin === "/" || chemin === '/index.php') { let index=-1; diff --git a/scripts/variables.js b/scripts/variables.js index 4d64bb7..4c8ba22 100644 --- a/scripts/variables.js +++ b/scripts/variables.js @@ -19,6 +19,7 @@ texteFonctionChange = [ 'convertir des nombres arabes en nombres romains', `vérifier si un nombre fait partie des nombres d'Armstrong`, `génèrer toutes les permutations uniques possibles d'une chaîne de caractère`, + 'convertir du Markdown en HTML', 'connaître la météo' ]; diff --git a/views/function-list.php b/views/function-list.php index b68a643..5b55302 100644 --- a/views/function-list.php +++ b/views/function-list.php @@ -111,6 +111,16 @@ + +
Votre texte...
+