Discussion :

[JulesRx]

Bonjour

J'utilise http://parsedown.org/ pour convertir du markdown en html.
Je cherche maintenant a faire une pévisualisation en Jquery.
J'essaie de combiner la fonction de ParseDown :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo $Parsedown->text('Hello _Parsedown_!');

Et cette fonction de Jquery et SimpleMDE pour insérer une valeur lors du changement du textarea :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
content_mde.codemirror.on("change", function(){
    $("#visu").text(content_mde.value());
  });

J'essaie de combiner les deux car j'aime la façon de ParseDown de convertir le markdown. J'ai essayé ca sans succes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
content_mde.codemirror.on("change", function(){
    <?php echo '$("#visu").text('.$Parsedown->text('content_mde.value()'.);.')'; ?>
});

Comment faire ?

Merci

[headmax]

Salut d'après ce que je comprend, tu souhaite passer des variables "String" JS pour les parser ensuite en PHP via ta lib.
Je ne vois qu'Ajax pour le faire car tu doit envoyer via JS ta chaine de caractère à PHP pour la traiter et la retourner a ta page via "ajax" pour qu'il puisse JS la parser.

Tu créer une page format_parsedown.php (la page ajax a appeler a chaque changement d'état de ta valeur, lors de l'utilisation du select)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<?php
require_once 'libs/Parsedown.php';
$parsedown = filter_input(INPUT_POST, 'parsedown', FILTER_SANITIZE_SPECIAL_CHARS);
 
try
{
    if(isset($parsedown) && !empty(parsedown))
   {
        $parse = new Parsedown();
       header('Content-Type: application/json');
        echo json_encode(array('success' => true, 'value' => $parsedown->text($parsedown));
 
    }
}catch (Exception $e) {
   //pour dev sinon true ou false en retour seulement
    echo json_encode(array('success' => false, 'value' => ( 'Exception reçue : ', $e->getMessage() )));
}

Le JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 
var parseJs2Down = (function(val){
    $.ajax({
  method: "POST",
  url: "format_parsedown.php",
  data: { parsedown: val }
})
  .done(function( data ) {
    alert( "Data Saved: " + data );
    if(data.success){
        $("#visu").text(data.value);
    }
  });
});
 
content_mde.codemirror.on("change", function(){
    parseJs2Down(content_mde.value());
  });

L'idée est là j'ai pas testé, malgré ma curiosité sur cette lib.

[JulesRx]

Bonjour

Merci pour la suggestion. Ce ne m'a pas été utile pour cette utilisation mais je garde ce que vous m'avez donné dans un coin (puisque je ne connais pas Ajax).
Finalement j'ai tout simplement utilisé la fonction de prévisualisation de SimpleMDE qui converti le markdown et affiche avec le bon CSS.


Merci quand même !