第12節(jié) Markdown自定義折疊區(qū)

2018-08-09 15:17 更新

  自定義折疊區(qū)可以在編輯時(shí)讓一個(gè)片段的文本支持折疊。


快速添加折疊區(qū)標(biāo)簽

  選中想要括進(jìn)折疊區(qū)的文本,然后按Ctrl+Shift+R組合快捷鍵,即可將選定文本所在的所有行都括進(jìn)折疊區(qū)。

  在編譯后則會(huì)顯示為一個(gè)帶上下標(biāo)題欄的折疊區(qū)域。

  例如:

region { 這是折疊區(qū)標(biāo)題的頭
這是折疊區(qū)中的文本
這還是折疊區(qū)中的文本
} region 這是折疊區(qū)標(biāo)題的尾

  編譯為 Html 后會(huì)呈現(xiàn)出如下效果:


使折疊區(qū)支持圖標(biāo)

  如果在region{之間加上i、q、w、e這四個(gè)字母之一,則編譯后的 Html 中折疊區(qū)會(huì)帶“信息(information)”、“疑問(wèn)(question)”、“警告(warning)”、“錯(cuò)誤(error)”這四種圖標(biāo)之一。

  例如:

region i { information 示例
← information icon
} region information 示例

region q { question 示例
← question icon
} region question 示例

region w { warning 示例
← warning icon
} region warning 示例

region e { error 示例
← error icon
} region error 示例

  編譯為 Html 后會(huì)是:


折疊區(qū)內(nèi)部縱向分欄效果

  必要的時(shí)候,甚至還可以將折疊區(qū)中的內(nèi)容分三個(gè)縱欄顯示——加分割線即可。

  分割線的格式如下:

... region ...

以三個(gè)句點(diǎn)開(kāi)頭且以三個(gè)句點(diǎn)結(jié)尾,中間是 region關(guān)鍵字。region關(guān)鍵字與尾部三個(gè)句點(diǎn)間可以添加一些文本,這些文本在編譯時(shí)會(huì)被忽略。但頭部三個(gè)句點(diǎn)與region關(guān)鍵字之間不能有其它文本。

  下面這樣寫(xiě)的一段文本:

region { 帶分欄的折疊區(qū)示例
這是第一欄
... region 分割線上的文本會(huì)被忽略...
這是第二欄
... region ...
這是第三欄
} region 帶分欄的折疊區(qū)示例

  編譯為 Html 會(huì)呈現(xiàn)這樣的效果:

如果不想要折疊區(qū)的標(biāo)頭怎么辦?

  標(biāo)頭是否顯示、帶不帶折疊功能取決于是否輸入了標(biāo)頭文本,不想要時(shí)不輸入這些文本即可。如下:

region i {

宗法制是按照家族成員在家族中的地位來(lái)分配政治、經(jīng)濟(jì)權(quán)力與利益的制度。

} region 

  編譯為 Html 會(huì)顯示為:

一些自定義折疊區(qū)的示例

region i { 嵌入水平線
---
} region 

  效果會(huì)是:

region i { 嵌入標(biāo)題
#一級(jí)標(biāo)題
##二級(jí)標(biāo)題
###三級(jí)標(biāo)題
####四級(jí)標(biāo)題
#####五級(jí)標(biāo)題
######六級(jí)標(biāo)題
} region 

  效果會(huì)是:

region i { 嵌入加粗文件
這是些**加粗**文本。
} region 

  效果會(huì)是:

region i { 嵌入傾斜文本
這是些_傾斜_文本。
} region 

  效果會(huì)是:

region i { 嵌入塊引用
> 這是塊引用
> > 這還是塊引用
} region 

  效果會(huì)是:


region i { 嵌入代碼塊
    這是原樣輸出的代碼塊
    這是原樣輸出的代碼塊
} region 

  效果會(huì)是:


region i { 嵌入無(wú)序列表
+ 無(wú)序列表項(xiàng)1
+ 無(wú)序列表項(xiàng)2
} region 

  效果會(huì)是:

region i { 嵌入有序列表
1. 有序列表
2. 有序列表
} region 

  效果會(huì)是:

region i { 嵌入鏈接
請(qǐng)?jiān)L問(wèn)[碼云](http://git.oschina.net)
} region 

  效果會(huì)是:

region i { 嵌入文字表
|       標(biāo)題       |
|==================|
| 表頭1  | 表頭2  |
|:-------|:-------|
|單元格1 |單元格2 |
} region 

  效果會(huì)是:

region i { 
[-] 任務(wù)列表項(xiàng)
 [2016-05-04 17:30][-] 時(shí)間標(biāo)記
} region 

  效果會(huì)是:

region i { 刪除線
這是些帶[=刪除線=]的文字
} region 

  效果會(huì)是:

region i { 材料出處
——《材料出處》
} region 

  效果會(huì)是:

region i { 注釋
:注釋項(xiàng)
} region 

  效果會(huì)是:

region i { 錨
[錨](@anchorEx)
} region 

  效果會(huì)是:

region i { 特殊符號(hào)
★ 這些特殊符號(hào)開(kāi)頭的行只會(huì)在編輯時(shí)高亮顯示,在 Html 中沒(méi)有任何特殊效果。
☆ 這些特殊符號(hào)開(kāi)頭的行只會(huì)在編輯時(shí)高亮顯示,在 Html 中沒(méi)有任何特殊效果。
} region 

  效果會(huì)是:


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)