コードと変更 / ソースの抜粋
Code
SQL・シグネチャ・ソースの抜粋を、未解決の部分も含めて明快に示します。
基本的な使い方
SELECT id, title
FROM posts
WHERE status = 'published'HTML
<pre class="code"><code><span class="tok-kw">SELECT</span> id, title
<span class="tok-kw">FROM</span> posts
<span class="tok-kw">WHERE</span> status = <span class="tok-str">'published'</span></code></pre>未解決の部分を表す
SELECT * FROM [未解決：テーブル]HTML
<pre class="code"><code><span class="tok-kw">SELECT</span> * <span class="tok-kw">FROM</span> <span class="hole tone-danger" title="テーブル名は実行時に決まります">[未解決：テーブル]</span></code></pre>クラスと属性
| クラス / 属性 | 用途 |
|---|---|
pre.code / .code-block | コード本体と、コピー操作を置く任意のラッパー。 |
.tok-kw / .tok-str / .tok-num / .tok-com | キーワード・文字列・数値・コメント。 |
.tok-var / .tok-id | 変数と識別子。 |
.code-scroll / .code-lead | 行の構造を保つ、または先頭の文を強調します。 |
.hole | 解決できなかった部分を示す破線。 |
使い方の注意
HTML生成前に&・<・>をエスケープします。構文強調に赤は使いません。折り返しで構造を誤読する場合だけcode-scrollを使います。
作例はシステムの配色設定に従います。ヘッダーの◐で自動・ライト・ダークを試せます。