6
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

QiitaのMarkdownコードブロックにコードブロックをネストする書き方

Last updated at Posted at 2018-08-17

 以前書いたMarkdown+UMLの記事で、Markdownのコードブロック内にコードブロックを書いて説明しようとしてコードブロックの終了記法 ``` をエスケープできずにあきらめたことがあったのだが、その回避方法を見つけた。

 つまりは、記事内で下のような表現をしたい時に使える。


```flow
something...
```

 以前は、上記のように書こうとしても最後の行の ``` がうまくエスケープできなかったのだが、うまいやり方を見つけた次第だ。
 上記のコードブロックであれば、

<pre>
```flow
something...
&#096;&#096;&#096;
</pre>

─と、あえてmarkdownのコードブロック記法である ``` を使わずに <pre> タグを使い、ブロック終了記法のところをHTMLエンティティで文字列参照させる。

インラインのコードブロックであれば、

<code>&#096;&#096;&#096;</code>

─と書けば、 ``` が表示される。

 ちょいネタっす…(でも個人的に結構うれしいw)。

6
2
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?