zenn-dev / zenn-community

zenn.dev roadmap
353 stars 7 forks source link

detailsやmessageのネスト機能 #395

Closed LumaKernel closed 2 years ago

LumaKernel commented 2 years ago

提案・要望

:::details 折りたたみ
  :::message
  こんにちは
  :::

  :::message
  さようなら
  :::
:::

image

背景

関連

もし remark-admonitions を利用していれば、以下のPRを取り込んだものをzenn側で管理していただくなどしていただければ実現できるかと思います。 https://github.com/elviswolcott/remark-admonitions/pull/42

もしくはこのPR作成者さんが @lebalz/remark-admonitions という名前で公開しています。

cm-igarashi-ryosuke commented 2 years ago

@LumaKernel ご報告ありがとうございます。zennではmarkdown-itを使っておりまして、その仕様上、外側のコロンの数を、内側のコロンの数より多くすることでネストさせることができます。

:::: details 折りたたみ  
  ::: message
  こんにちは
  :::

  ::: message
  さようなら
  :::
::::

image

参考: https://github.com/markdown-it/markdown-it-container/issues/6#issuecomment-213789283

マニュアルページにも記載を追加しておきます。