Node + Express + MongodbにおけるHTMLタグ付きデータの格納について

Question

Node + Express + MongodbでWebアプリケーションを作成しております。

CKEditorのようなリッチテキストエディタで、太字や箇条書きなどの装飾を施した文章をデータベースに保存して別の場所に表示させたいのですが、表示させると　

<p> <li> あいうえお </li> </p>

のようにHTMLのタグがそのままテキストデータとして表示されてしまい、装飾がうまく反映されません。

どのようにすれば、HTMLタグをテキストではなく装飾としてWebページに表示することができるようになるのでしょうか？

初歩的な質問でお恥ずかしいのですが、教えていただけると大変助かります。

//下記はコードの補足です。フルーツというコレクションにデスクリプションという記載を追加するような動作を想定しております。

スキーマの設定

var FruitSchema = new mongoose.Schema({
   description: String,
});

ROUTING (Create) 設定

app.post("/fruits", function(req,res){
   var name     = req.body.description;
   var newFruit = {description: description};
   Fruit.create(newFruit, function(err, newlyCreated){
      if(err){
          console.log(err);
      } else{
          res.redirect("/fruits") 
      }
   });
});

ROUTING (Show) 設定

app.get("/fruits/:id", function(req,res){
   Fruit.findById(req.params.id).populate("shops").exec(function(err,foundFruit){
       if(err){
           console.log(err);
       }else{
           console.log(foundFruit);
           res.render("fruits/show", {fruit: foundFruit});           
       }
   });
});

入力ページ

 <div>
	<textarea name="description"></textarea>
	  <script>
	      CKEDITOR.replace( 'description' );
	  </script>
</div>

表示ページ

    <div>
        <b><h4>説明</h4></b>
        <p><%= fruit.description %></p>
    </div>

Comments

[CHERRY]

おそらくプログラムがそのような動作をするように書かれているのだと思いますが、どのようなコードを書いているのでしょうか？質問を編集して、プログラムのコードを追記していただけないでしょうか。

[Shun0722]

早速ありがとうございます。コードを追記してみました。

Answer 1

    <div>
        <b><h4>説明</h4></b>
        <p><%= fruit.description %></p>
    </div>

これはHTMLじゃありませんよ。
HTMLというのはHyperText Markup Languageという文書のフォーマットで、
HTMLの仕様には<%= value %>という構文はありません。

もしこれをChrome等のブラウザで読み込めば<%= value %>の箇所がそのまま文字列として表示されるはずです。
解析するとHTMLが払い出されるテンプレート言語EJSの話ではありませんか？

以下、EJS決め打ちで解説していきます。

---

テンプレートエンジンEJSで使える便利な構文まとめ

質問は上記記事の<%- %>を読めば解決出来るでしょう。

<% var para = '<p>Hello EJS!</p>'; %>
<div><%= para %></div>
<div><%- para %></div>

<div>&lt;p&gt;Hello EJS!&lt;/p&gt;</div>
<div><p>Hello EJS!</p></div>

Comments

[Shun0722]

ご回答ありがとうございます。質問の記載が不適切でごめんなさい。
無事解決いたしました！