blob: d37c02fc78f2739be736d8b767580f8874296566 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
---
title: シンタックスハイライト
slug: orphaned/MDN/Editor/Syntax_highlighting
tags:
- Guide
- Howto
- MDN Meta
translation_of: MDN/Editor/Syntax_highlighting
original_slug: MDN/Editor/Syntax_highlighting
---
<div>{{MDNSidebar}}</div><p>この機能は、MDNの記事にコードの例を追加するとき、構文の強調表現を可能にし、適切な部分をコードから視覚的に見つけやすくするように手助けをします。コードにシンタックスハイライトを行うには、</p>
<ol>
<li>
<p>記事にコードを記述します。</p>
<p>void main(int argc, char **argv) {</p>
<p style="margin-left: 40px;">printf("Hello world\n");</p>
<p>}</p>
</li>
<li>
<p>コード部分を選択し、ツールバーの <strong>PRE</strong> アイコンをクリックします。</p>
<pre class="notranslate">void main(int argc, char **argv) {
printf("Hello world\n");
}
</pre>
</li>
<li>
<p><strong>Syntax Highlighter</strong> アイコンをクリックし、コードに適したプログラミング言語を選択します。以下の例ではC/C++を選択しています。</p>
<pre class="brush: cpp notranslate">void main(int argc, char **argv) {
printf("Hello world\n");
}</pre>
</li>
</ol>
<div class="note">
<p><strong>Note:</strong> エディタ上ではシンタックスハイライトが行われません。プレビューを表示するか、変更を保存して記事を表示することでシンタックスハイライトを確認できます。</p>
</div>
|
