Markdown中的可折叠标题为html

Question

我们的内部git-lab wiki与Markdown合作.我做了几篇文章的摘要,并希望在我们的wiki中发布它们,这样如果我点击标题,它应该展开,文本应该变得可见,基本上就像在这个例子中

Markdown有这种扩展/折叠/折叠功能吗？

Answer 1

尝试:

<details>
  <summary>Your header here! (Click to expand)</summary>
  Your content here...
  > markup like blockquote's should even work on github!
  more content here...
</details>

你可以在这里试试这种事:

    <details>
      <summary>Your header here! (Click to expand)</summary>
      Your content here...</br>
      (markup only where supported)</br>
      more content here...</br>
    </details>

这适用于Chrome,但可能无法用于其他浏览器.github上有一些相关的帖子.

Answer 2

简答:不,Markdown不直接提供这样的功能,但是通过一些工作,你可能能够构建一些有用的功能.

对于这样的功能,你需要一些CSS和/或JavaScript来控制动画等.虽然你可能能够使用这样的功能来处理任何HTML,但在Markdown输出上并不是特别容易.

理想情况下,每个可折叠部分都将包含在div中:

<div id="section1">
  <h1>Section 1</h1>
  <p>Section 1 content</p>
  <div id="section1-1">
    <h2>Section1-1</h2>
    <p>section 1-1 content</p>
  </div>
    <div id="section1-2">
    <h2>Section1-2</h2>
    <p>section 1-2 content</p>
  </div>
</div>

然后,您可以使用一些CSS/JavaScript来折叠各个部分.但是,Markdown没有章节的概念.而不是上述,Markdown会给你这个平面文件:

<h1>Section 1</h1>
<p>Section 1 content</p>
<h2>Section1-1</h2>
<p>section 1-1 content</p>
<h2>Section1-2</h2>
<p>section 1-2 content</p>

解决方案需要循环遍历整个文档,将其分解为各个部分并将每个部分包装在div中.你可以找到几个 例子作为Python-Markdown Parser的扩展.但是,有关您正在处理的环境的任何信息,指向正确的方向要困难一些.此外,Stackoverflow不应该是一个工具推荐网站.但是,通过观察其他人如何解决问题(在我指出的示例中),您应该能够找到类似的解决方案.

一旦你正确地包装了这些部分,那么折叠/折叠各个部分的一些JavaScript将处理剩下的部分.但是,这是一个单独的问题,这里已经多次提出并回答过.请参阅侧栏上列出的一些"相关"问题,以获得问题该部分的解决方案.

甚至可能存在一些JavaScript库,它们将采用纯HTML内容,执行部分包装并实现折叠/折叠功能.但是,这样的库可能有点沉重并且会减慢您的网站速度,因此请继续使用阳离子.

Answer 3

这主要对我有用，尽管我只是希望我的可折叠部分看起来不像普通文本，而更像标题。所以我找到了一种增加字体大小的方法，这对我有用：

<details>
<summary><b><u><font size="+1">Header-Like Text</font></u></b></summary>
</details>