もっと読む

カテゴリー:このサイト 作成日:2015年3月9日22:05

blogに「もっと読む」を追加した。

内容は<!-- more -->を文章の途中に入れると「もっと読む」に置き換えられ
それから先の文章はもっと読むをクリックしないと読めないようにする。

これで、全体の文章を表示しないで見通しがよくなると思う。

ここから先は「もっと読み」をクリックして見てください。

htmlの一部

<template name="blog">
        {{#each mdtexts}}
            <div id="chatheader">{{cid}} タイトル:{{title}} タグ:{{tag}}
                {{#if superuser}}<a href="/blogedit/{{_id}}" style="color: red">修正</a>{{/if}}</div>
            <p>{{#markdown}} {{{item}}} {{/markdown}}</p>
        {{/each}}
    </div>
</template>

jsの一部

Template.blog.helpers({
    mdtexts: function(){
      var more_item = '<!-- more -->';
      rets = Blog.find();
      return rets.map(function(obj){
          if('item'  in  obj){
             if (obj.item.indexOf(more_item) !== -1){
                  obj.item = obj.item.split(more_item)[0] + '<div id="moretext"><a href="/blog_one/'+obj._id+'">もっと読む</a></div>';
             }
          }
          return obj;
      }
   }
});