2017-03-02 71 views
0

使用SimpleMDE(Markdown編輯器)編寫Markdown編寫博客網站。在markdown中更新文本

在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}); 
}) 

使用SimpleMDE,它工作正常。 enter image description here 但在點擊 「編輯」 按鈕,將更改保存爲這樣: enter image description here

在editBlog.ejs,

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

在showBlog.ejs,

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

上午我在這裏錯過了什麼?

回答

0

SimpleMDE是專爲編寫Markdown而設計的。因此,當提交表單或訪問內容時,編輯器將提供Markdown。如果您打算將其轉換爲HTML,則需要使用解析庫來完成此操作。如果您想保持與預覽窗口的一致性,SimpleMDE使用marked

下面是如何使用SimpleMDE的內置解析器降價轉換爲HTML:

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