2016-04-08 5 views
0

私はマークダウンを使用する方法についてのチュートリアルを以下だし、私はこの私はマークダウンを使用すると、私の最初の要素は他の要素

# H1 
## H2 
### H3 
#### H4 
##### H5 
###### H6 

を行う際H1は十分に包まれているようにフォーマットされていません。私は、コンソールから入れて見てみると、私は広告

# 

H1以上、それがうまく表示されますが、その後、強打のサインが井戸に今

であれば、それは

<p class="content-markdown"><pre><code> # H1 
    </code></pre><h2 id="h2">H2</h2> 
    <h3 id="h3">H3</h3> 
    <h4 id="h4">H4</h4> 
    <h5 id="h5">H5</h5> 
    <h6 id="h6">H6</h6> 
    <h2 id="alt-h2">Alt-H2</h2> 
</p> 

を示しここに私のスクリプトタグはあり

<script type="text/javascript"> 

$(document).ready(function(){ 
    $(".content-markdown").each(function(){ 
    var content = $(this).text() 
    console.log(content) 
    var markedContent = marked(content) 
    console.log(markedContent) 
    $(this).html(markedContent) 
    }) 
}) 

、これは私が問題が、私はこれを引き起こしている可能性が何

<script src="https://code.jquery.com/jquery-1.12.3.min.js" 
       integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script> 

     <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" > 

    <!-- Optional theme --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" > 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script> 

間違っている可能性がないと思うことを、私の頭のタグにありますか?すべてのガイダンスは大歓迎です

+0

これは、Webサイトで使用しているマークダウンパーサーの特定の問題です。Pag​​eDown、StackExchangeで使用されている(そして開発者も)この問題は発生しません。 –

+0

何が原因ですか?チュートリアルのビデオで私はこれが起こっていないのを見ているので – losee

+0

Markdown文書の冒頭に余分な余白があるようです。 HTML文書内からMarkdownを引っ張っているにもかかわらず(その部分は表示されません)、HTMLで空白を確認してください。 – Waylan

答えて

1

Markdownドキュメントの冒頭に余分な余白があるようです。 HTML文書内からMarkdownを引っ張っているにもかかわらず(その部分は表示されません)、HTMLで空白を確認してください。

関連する問題