ニコニコ大百科:HTMLエディタヘルプ

この記事では記事を編集で使用する「HTMLエディタ」の使用方法について記述します。

HTMLエディタを使用しない編集方法については「ニコニコ大百科:記事の編集方法」を参照して下さい。

基本的な使用方法

記事の編集は直接HTMLで記述する方法と、HTMLエディタを使用して作成する方法の2種類があります。

記事編集画面において、オレンジ色の[htmlエディタの有効を無効を切り替える]ボタンをクリックすることにより、その切り替えが可能です。

見出しを作成したり、文字の色や太さを変えたり、記事中にニコニコ動画のリンクを挿入する場合など、HTMLエディタで簡単に行えます。

まずは文章を入力し、ドラッグして効果を適用したい部分を選択し、入力欄上部にあるアイコンをクリックして効果を適用するのがお勧めの方法です。

動画、マイリスト、ニコニコ市場等の挿入においては、まず該当箇所にカーソルを移動させ、アイコンをクリックして動画URLなどを入力して記事中に動画などを入力してください。

各アイコンについて（上段）

左上から右下に向かって順に解説するものとします。画像の添付ができないため、アイコン上にカーソルを移動させたときにでるポップアップ文字[●●●]を参考にしてください。

ショートカットキーについて、Mac OS Xをご使用の場合は、[Ctrl]→[⌘キー]と脳内変換してください。

[フルスクリーン]（上段、左から1）

このアイコンをクリックすると、編集画面がブラウザ上でフルスクリーン表示に切り替わります。元に戻すにはもう一度クリックします。

[元に戻す(Ctrl+Z)]（上段、左から2）

一度行った作業を取り消す場合にクリックします。何回でもさかのぼって取り消しが行えます（要確認）。

[やり直し(Ctrl+Z)]（上段、左から3）

一度取り消した作業を復帰させる場合にクリックします。

[切り取り]（上段、左から4）

切り取りを行います（Ctrl+X）。

[コピー]（上段、左から5）

コピーを行います（Ctrl+C）。

[貼り付け]（上段、左から6）

貼り付け（ペースト）を行います。コピーされた属性を維持します（Ctrl+V）。

[テキストとして貼り付け]（上段、左から7）

貼り付け（ペースト）を行います。このアイコンをクリックすると[テキストとして貼り付け]ダイアログボックスが開くので、そこに貼り付けたいテキストをペーストします（Ctrl+V）。挿入ボタンをクリックすると、属性が破棄されテキストとして記事編集ウィンドウ内に、テキストの貼り付けが実行されます。

[表の挿入]（上段、左から8）

表組みを簡単に挿入することができます。ダイアログボックスが開きますので、各項目を指定してください。

[行のプロパティ]（上段、左から9）

表組みの行の設定を行います。表組みの中にカーソルを入れた場合に有効になります。

[セルのプロパティ]（上段、左から10）

表組みのセルの設定を行います。表組みの中にカーソルを入れた場合に有効になります。

[前に行挿入]（上段、左から11）

表組みに行を挿入します。カーソルを入れている行の一つ上に行が追加されます。表組みにカーソルを入れている場合に有効になります。

[後ろに行挿入]（上段、左から12）

表組みに行を挿入します。カーソルを入れている行の一つ下に行が追加されます。表組みにカーソルを入れている場合に有効になります。

[行削除]（上、左から13）

カーソルを入れている行を削除します。表組みにカーソルを入れると有効になるメニューです。

[前に列挿入]（上段、左から14）

表組みに列を挿入します。カーソルを入れている行の一つ左に列が追加されます。表組みにカーソルを入れている場合に有効になります。

[後ろに列挿入]（上段、左から15）

表組みに列を挿入します。カーソルを入れている列の一つ右に行が追加されます。表組みにカーソルを入れている場合に有効になります。

[列削除]（上、左から16）

カーソルを入れている列を削除します。表組みにカーソルを入れると有効になるメニューです。

[結合されたセルを分割]（右から10）

結語されたセルを分割する場合に使用します。結合されたセルにカーソルが入っている場合に有効になります。

[セルを結合]（右から9）

セルを結合する場合に使用します。クリックするとダイアログボックスが開きますので、結合したい数のセルを指定します。

[ガイドラインの表示/非表示]（右から8）

ガイドラインの表示と非表示を切り替えます（要確認）。表組みの中にカーソルが入っている場合に有効になります。

[定義済みテンプレートの挿入]（右から7）

あらかじめ定義したテンプレートを挿入します。ダイアログボックスが開きますので定義済みのテンプレートを選択します（要確認）。

[左揃え]、[中央揃え]、[右揃え]、[両端揃え]（右から6〜3）

段落をそれぞれの状態に揃えます。

[インデント解除]（右から2）

インデントを左に戻します。インデントが入っている場合に有効になります。

[インデント]（一番右）

全角文字3文字分の左インデントを挿入します。

各アイコンについて（下段）

[フォーマット（段落）]（一番左）

段落の書式を定義します。段落ごとに設定するのでカーソルが段落に入っていればメニューが有効になります。以下見出しの例です。

見出し2

見出し3

見出し4

見出し5

見出し6

 

[フォーマット解除]（左から2）

ボールドなどを解除して、文字の状態を戻します。（要確認）

[リンクの挿入/編集]（左から3）

外部サイトなどへのリンクを文字列に割り当てることができます。テキストを選択後、このアイコンをクリックしてください。リンクURLとマウスオーバー時のタイトルを入力できるウィンドウが表示されますので、 各項目を入力して[挿入]ボタンをクリックしてください。
このメニューはテキストなどを選択すると有効になります。

[リンクの解除]（左から４）

上記で挿入したリンクの解除ができます。リンクの張られているテキストを選択してこのアイコンをクリックしてださい。
このメニューはテキストなどを選択すると有効になります。

[アンカー挿入/編集]（左から5）

任意の位置にアンカーを挿入することができます。アンカーを入れたい位置にカーソルを置き、このアイコンをクリックしてください。アンカー名を入力後、[挿入]ボタンをクリックします。
挿入したアンカーを選択するとバウンディングボックスが表示され、アンカー領域を自由に拡大することができます。

[ニコニコ動画]（左から6）

任意の位置に、ニコニコ動画を一つ挿入することができます。目的の位置にカーソルを移動させ、このアイコンをクリックしてニコニコ動画のURLを入力してください。
テンプレートにある[■関連動画]において使用するといい感じです。

例：sm9

[ニコニコ市場]（左から7）

任意の位置に、ニコニコ市場のリンクを挿入します。目的の位置にカーソルを移動させ、このアイコンをクリックし、開いたウィンドウに市場IDを入力して[挿入]ボタンをクリックしてください。

こちらもテンプレートにある[■関連商品]において使用するといい感じです。

例:azB000RIVJAK

[マイリスト]（左から8）

任意の位置に、マイリストのコンポーネントを配置することができます。目的の位置にカーソルを合わせ、このアイコンをクリックして表れるウィンドウにマイリストのIDを入力してください。[挿入]ボタンをクリックするとマイリストが挿入されます。

例：2903734

[コミュニティ]（左から9）

任意の位置に、ニコニコミュニティのリンクを挿入することができます。 目的の位置にカーソルを合わせ、このアイコンをクリックして表れるウィンドウにニコニコミュニティのIDを入力してください。[挿入]ボタンをクリックすると挿入が実行されます。

例：co659

[nicopedia.pikokakiko]（左から10）

掲示板のピコカキコを記事中に貼付けるのに使います。

[引用]（左から11）

選択したテキストを引用として表示するために使用します。

外部サイトなどの文章などをコピペする場合などは、このアイコンを使用して、必ず出展元を記載して引用である旨を明記します。

※○○○から引用

[番号無しリスト]（左から12）

番号を付けないリストを作成するときに使用します。テキストを選択後、このアイコンをクリックするとリスト形式になります。

• ボールド
• イタリック
• アンダーライン
• 取り消し線

[番号付きリスト]（左から13）

番号を付けたリストを作成するときに使用します。テキストを選択後、このアイコンをクリックするとリスト形式になります。

1. 開く
2. 編集する
3. プレビューする
4. 保存する
5. 閉じる

---

[水平線]（左から14）

任意の行に、ラインを挿入する場合に使用します（区切り線的な意味で）。

---

[画像の挿入/編集]（右から10）

お絵カキコで描かれた画像や各種サムネイル画像を本文中に挿入します。

[特殊文字]（右から9）

特殊文字を入力するのに使用します。このアイコンをクリックするとダイアログボックスが開きますので、任意の文字をクリックして本文中に挿入してください。

& " ¢ € £ ¥ © ® ™ ‰ µ · • … ′ ″ § ¶ ß
‹ › « » ‘ ’ “ ” ‚ „ < > ≤ ≥ – — ¯ ‾ ¤ ¦
¨ ¡ ¿ ˆ ˜ ° − ± ÷ ⁄ × ¹ ² ³ ¼ ½ ¾ ƒ ∫ ∑
∞ √ ≈ ≠ ≡ ∏ ¬ ∩ ∂ ´ ¸ ª º † ‡ À Á Â Ã Ä
Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö Ø Œ
Š Ù Ú Û Ü Ý Ÿ Þ à á â ã ä å æ ç è é ê ë
ì í î ï ð ñ ò ó ô õ ö ø œ š ù ú û ü ý þ
ÿ Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ
Υ Φ Χ Ψ Ω α β γ δ ε ζ η θ ι κ λ μ ν ξ ο
π ρ ς σ τ υ φ χ ψ ω ← ↑ → ↓ ↔ ◊ ♣ ♥ ♦

[太字]（右から8）

文字をボールドにします（Ctrl+B）。
文字を選択してこのアイコンをクリックします。設定されるとアイコンの背景がグレーになるので、元に戻すときはもう一度アイコンをクリックします。

[斜体]（右から7）

文字をイタリックにします（Ctrl+I）。主に欧文で使用し、引用文献のタイトルなどに使用します。
文字を選択してこのアイコンをクリックします。設定されるとアイコンの背景がグレーになるので、元に戻すときはもう一度アイコンをクリックします。

[下線]（右から6）

文字に下線を引きます（Ctrl+U）。
文字を選択してこのアイコンをクリックします。設定されるとアイコンの背景がグレーになるので、元に戻すときはもう一度アイコンをクリックします。

[取消し線]（右から5）

文字に取消し線を付けます。
文字を選択してこのアイコンをクリックします。設定されるとアイコンの背景がグレーになるので、元に戻すときはもう一度アイコンをクリックします。

[下付き]（右から4）

下付き文字を作成します。あまり_{使わないかも}しれません。

[上付き]（右から3）

上付き文字を作成します。2m^2←ココ

[文字色]（右から2）

文字の色を変更することができます。
アイコンの右側の小さい三角形をクリックするとカラーパレットが表示されますので、任意の色を選択してください。

[背景色]（一番右）

文字の背景色を変更することができます。
アイコンの右側の小さい三角形をクリックするとカラーパレットが表示されます。お好きな色を選択下さい。

関連項目

• ニコニコ大百科:ガイドブック
• ニコニコ大百科:お絵カキコヘルプ
• ニコニコ大百科:記事の編集方法
• ニコニコ大百科:編集者向けのページ
• ニコニコ大百科:HTMLテンプレート集
• ニコニコ大百科:HTMLタグ一覧
• ニコニコ大百科:仕様
• テスト記事