2017-07-25 9 views
0

私は自分のウェブサイトのコンテンツを作成するためにPandocを使用します。Pandocマークダウンの要素グループにクラスを追加しますか?

例えば、私は、ページ上で、以下の内容が含まれています。

# About me 

Some text. 

## My hobbies 

### Hiking 

Some text about hiking. 

### Dancing 

Some text about dancing. 

### Other 

Some text about other. 

## Why I love Pandoc 

Some more text. 

Pandocは私のためにこれを解析し、素敵なHTMLを出力します。

しかし、このHTMLをさらに後処理したいと思います。たとえば、趣味の部分をアコーディオンにしたいとします。

これは、自分のコンテナに入れることを希望しています。 a <div class="accordion">。これは何とか可能ですか?

更新

特定の見出しにクラスを取り付けることで、私は私が必要なものに近いものを達成することができます:

## My hobbies {.accordion} 

... 

は今、私はテストしていません(このようなコードをCSSを使用して、すべてをターゲットにすることができます):

h2.accordion ~ *:not(h1, h2) { 
    color: red; 
} 

これは)同じ(またはより高いレベルで次の見出しにすべてアップに属していることを前提としていカルーセル。

これは役に立ちます。私はそれが私のすべての要求に合っているかどうかは分かりませんが、それはスタートです。

答えて

1

確かに、値下げはraw HTMLnative divsをサポートしています。

## My hobbies 

<div class="hobbies"> 
### Hiking 
Some text about hiking. 
</div> 

そしてpandoc 2.0以降でもfenced_divs

## My hobbies 

::: hobbies 
### Hiking 
Some text about hiking. 
::: 
+0

うーん、私はPandocを使用して他のフォーマット(Wordなど)にも、私のコンテンツをエクスポートして、私はむしろクロスフォーマット互換のソリューションを持っています。ジェネリックHTMLを追加しても私には当てはまりません。私はPandocの限定された機能セットで私の要求にどのようにアプローチするかについての最初のアイデアをもって、私の質問にいくつかの情報を追加しました。 –

+0

「div」はpandocフィルタでもアクセス可能です...とにかく、アコーディオンが単語などでどのように見えるのか、あなたの要件は何であるのか、あなたの質問には言及しません。 – mb21

+0

アコーディオンはちょうどWordや他の形式では無視されます。私のリッチテキストを強化したいのはウェブサイトだけです。私はまだMarkdownを使うデフォルトのエディタがHTMLについて知りませんので、HTMLを追加するだけで気分が悪いと思っています。 –

関連する問題