ニコニコ大百科: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テンプレート集
• ニコニコ大百科:タグ一覧
• ニコニコ大百科:仕様
• テスト記事