2017-07-25 97 views
0

我使用Pandoc爲我的網站創建內容。將班級添加到Pandoc markdown中的一組元素中?

例如,我有一個頁面上的內容如下:

# 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,例如我希望愛好部分成爲手風琴。

爲此我希望它在自己的容器中,例如一個<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和其他格式中被忽略。只有在網站上我想提高我的富文本。我仍然認爲添加HTML並不合適,因爲使用Markdown的默認編輯器可能不瞭解HTML。 –