Text in Markdown aktualisieren

Question

Codierung einer Blog-Website mit SimpleMDE (Markdown-Editor) zum Schreiben von Markdown.

In app.js,

//EDIT BLOG - FORM 
app.get("/blog/:id/edit", function(req,res) { 
    Blog.findById(req.params.id, function(err, foundBlog) { 
     if(err) { 
      res.redirect("/blog"); 
     } else { 
      res.render("editBlog", {blog : foundBlog}); 
     } 
    }) 
}) 

//UPDATE BLOG 
app.put("/blog/:id", function(req,res) { 
    req.body.blog.body = req.sanitize(req.body.blog.body); 
    var id = req.params.id; 
    Blog.findByIdAndUpdate(req.params.id, req.body.blog,{new: true}, function(err,updatedBlog) { 
     if(err) { 
      res.redirect("/blog"); 
     } else { 
      res.render("showBlog", {blog : updatedBlog}); 
}) 

Auf SimpleMDE verwenden, es funktioniert gut. Aber auf die Schaltfläche "Bearbeiten" klicken, werden die Änderungen als solche gespeichert:

In editBlog.ejs,

<div class="field"> 
    <label>Text</label> 
    <textarea id="MyID" type="text" name="blog[body]"><%= blog.body %> </textarea> 
    </div> 

In showBlog.ejs,

<div id="main-blog-content"><%- blog.body %></div> 

Am Ich vermisse etwas hier?

Answer 1

SimpleMDE wurde zum Schreiben von Markdown entwickelt. Daher wird der Herausgeber Markdown zur Verfügung stellen, wenn ein Formular übermittelt wird oder wenn auf den Inhalt zugegriffen wird. Wenn Sie nach HTML konvertieren möchten, müssen Sie dies mit einer Parsing-Bibliothek tun. SimpleMDE verwendet marked, wenn Sie die Konsistenz mit dem Vorschaufenster erhalten möchten.

Hier ist, wie SimpleMDE des eingebauten Parser verwenden Markdown zu HTML konvertieren:

var simplemde = new SimpleMDE(); 
var html = simplemde.markdown("**Example** text");