マークダウンでテキストを更新する

Question

Markdownを書くためにSimpleMDE（Markdownエディタ）を使用してブログのウェブサイトをコーディングします。 SimpleMDEを使用してオン

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

、それが正常に動作します。 しかし、 "編集" ボタンをクリックすることで、変更内容は、次のような保存されます。showBlog.ejsで

editBlog.ejsで

、

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

、

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

アム私はここに何かを逃した？

Answer 1

SimpleMDEはMarkdownを書き込むために設計されています。したがって、フォームが提出されるとき、またはコンテンツがアクセスされるとき、編集者はMarkdownを提供する。 HTMLに変換する場合は、解析ライブラリを使用してHTMLに変換する必要があります。プレビューウィンドウとの一貫性を維持したい場合、SimpleMDEはmarkedを使用します。

ここSimpleMDE内蔵のHTMLにマークダウンを変換するパーサーを使用する方法は次のとおりです。

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