次のようなマークダウン文書がある。

- `data-action`属性を用いが任意のJavaScriptコードを呼び出すかを決定する。
- ボタンをクリックすると、ボタンのIDをもとにメニューを探す。

    $('#btn-new').click(function(){
        $(this).addClass('is-pressed');
        $('#menu-' + $(this).id.substr(4)).removeClass('is-hidden');
    });

リスト後にあなたのカーンを浮かべたコードが入っていますので、pre要素に表示されるべきだ。ところがウェンゴル、そうではなくpに包まれてしまう。だから、固定幅フォントで出ず、さらに一列出てしまう。 （Googleでmarkdown onlineで検索してどこにでも入って、テストしてみることだ。）

なぜだろうか？検索をしても一通り調べてみるとliの後に1行帯び最初の行はpで包み込むようにマークダウンの元のルールとする。

If list items are separated by blank lines、Markdown will wrap the items in <p> tags in the HTML output。

– Answer to “Markdown formatting bug with code blocks in lists”

解決策は？

はい、まあそれは、元のルールとして。だからどうしろということか？

まあ、空白行を入れずに、単にリターンを一度打つことも方法はあったのに、その後、liに付きようである。

次に、解決策は？！私は簡単に解決することにした。 preタグで包み込むことだ。簡潔なマークダウン構文を犠牲にするかのように見えますが、これを解決するのに内容を変更したり、ショートカットを使うことなく、preタグで囲むしまうのが私にはもっと簡潔に感じられる。スペースには、HTMLを使用すると、マークダウン解析をしていない。

それで変更すると、次のとおりである。

- `data-action`属性を用いが任意のJavaScriptコードを呼び出すかを決定する。
- ボタンをクリックすると、ボタンのIDをもとにメニューを探す。

<pre><code>$('#btn-new').click(function(){
    $(this).addClass('is-pressed');
    $('#menu-' + $(this).id.substr(4)).removeClass('is-hidden');
});</code></pre>

- コメント機能はありません。コメントの代わりに[email protected]にメールを送ってください。