Skip to main content
1 / 9

ソースコードとして整形したい範囲を選択し、{} ボタンをクリックすることで整形が行われます。ショートカットキー Ctrl+K+K を押すことでも同じことが可能です。

画像の説明をここに入力

細かい説明

文中のコードは ` で囲むことで <a href=""> のように表示されます。

複数行にわたるコードは半角スペース4文字でインデントすると、以下のように表示されます。

<ul>
  <li><a href="/">TOP</a></li>
  <li>...</li>
</ul>

冒頭で紹介した {} ボタンも、選択している範囲をこのように整形します。

シンタックスハイライト

複数行のコードブロックにはには、シンタックスハイライトを適用することができます。

質問につけられたタグに言語の設定が行われていれば自動的に行われますが、そうでない場合や言語を切り替えたい場合、当該コードの直前にHTMLコメントを書きます。

<!-- language: タグ名 or lang-xxx -->

指定できる lang-xxxGoogle Code Prettify の対応言語一覧 を参照してください。

<!-- language: lang-html -->

    <a href=""></a>

<!-- language: lang-php -->

    echo "このように、言語指定コメントはインデントせず、必ず前後に空行をいれてください。";