Wednesday, October 9, 2013

BloggerでMarkdown

.markdown  { width:100%; height:320px; overflow:scroll; display:none;  }
.showdown { }
<script src='[showdown.jsのURL]'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js'/>
<script>
 $(function(){
     var sd = new Showdown.converter()
     $('.markdown').replaceWith(function(){
         return $('<div/>').html(sd.makeHtml(this.value)).addClass('showdown')
     }).show();
 });
</script>
    <textarea class="markdown" disabled="disabled">
    ###見出し
    
    - リスト1
    - リスト2
    - リスト3
    
    [link](http://dummy/)
    </textarea>

1 comment:

  1. なるほど、便利そうですね♪試してみます。

    ReplyDelete