2012-03-10 3 views
5

私はpandocを使用して、カスタムCSSファイル経由でマークダウン文書を.htmlに変換しています。pandoc/markdownの重要な空白は通常どこで規制されていますか?

1つのこと以外はすべて動作しています。私が理解するところでは、backticks ``のテキストは、通常はコードの中にあるので、重要な空白でなければなりません。私の場合、そうではありません。つまり、通常の他のテキストのように見えます。

私はpandoc、またはカスタムCSSファイルで規制されている場所に興味があります。空白が重要であるかどうかをCSSの属性が規定していますか?

答えて

4

パンドックは、HTML <code>タグ内にバッククイックの間にテキストを挿入します。先頭と末尾の空白は無視されますが(Markdown.plのように)、内部スペースは保持されます。改行は空白として扱われます。 HTMLソースを確認して、<code>タグがあることを確認してください。そうしないと、マークダウン元に問題が発生している可能性があります。 <code>タグのデフォルト設定を上書きするCSSにリンクしていないことを確認してください。

+0

私はカスタムCSSファイルを使用していますが、空白は保存されていないようです。理由を知らない。 – Rook

0

お探しのCSSプロパティはwhite-spaceです。

私は同じ問題を抱えていたし、それが原因で、このCSSであった:

pre { 
    white-space: pre-line; 
} 

それを修正するために、私はcodeルールにwhite-space: pre-wrap;を追加しました:

code { 
    font-family: "Menlo", "Courier New", "Courier", monospace; 
    font-size: 0.85rem; 
    border: 0.0625rem solid rgba(255,255,255,0.7); 
    background-color: rgba(255,255,255,0.5); 
    border-radius: 2px; color: #2DAB5F; /* #2DAB5F */ 
    text-shadow: none; 
    white-space: pre-wrap; 
} 

あなたはすべてを見ることができますwhite-space options here。あなたはおそらく興味を持っている

2は、以下のとおりです。

pre:空白は、ブラウザによって保存されます。テキストは改行でのみ折り返します。 HTMLのタグのようになります

pre-wrap:空白はブラウザによって保持されます。必要に応じて改行してテキストを折り返します。

私が使用しているCSSは、行の折り返しが発生するのは珍しいことではありません。私はpre-wrapを推奨しましたが、これは単語の途中で折り返されるpreと反対です。

関連する問題