この記事では記事を編集で使用する「HTMLエディタ」の使用方法について記述します。
HTMLエディタを使用しない編集方法については「ニコニコ大百科:記事の編集方法」を参照して下さい。
基本的な使用方法
記事の編集は直接HTMLで記述する方法と、HTMLエディタを使用して作成する方法の2種類があります。
記事編集画面において、オレンジ色の[htmlエディタの有効を無効を切り替える]ボタンをクリックすることにより、その切り替えが可能です。
見出しを作成したり、文字の色や太さを変えたり、記事中にニコニコ動画のリンクを挿入する場合など、HTMLエディタで簡単に行えます。
まずは文章を入力し、ドラッグして効果を適用したい部分を選択し、入力欄上部にあるアイコンをクリックして効果を適用するのがお勧めの方法です。
「Enter」キーを押すと新しい段落での記述に成ります。Windowsの「メモ帳」やテキストエディタ、紙への印字を念頭に置いた一般的日本語ワープロソフトの「改行」と「段落」は概念が異なりますのでご注意願います。
段落内で改行をするには「Shift」キーを押し続けて離さない状態で「Enter」キーを押してください。
「Space」キーを押しての「空白を挿入」する「見た目だけ改行」は行わないで下さい。
お手持ちのパソコンのメモ帳やテキストエディタで原稿を下書きをして、コピーアンドペーストをして入力し、エディタ機能で記事を整形・装飾するのもトラブルによるデータ消失を回避出来て便利です。更にお手持ちのパソコンにHTMLエディタを導入して、パソコンのローカル環境である程度の整形・装飾を施した下書き原稿をコピーアンドペーストも便利でしょう。
動画、マイリスト、ニコニコ市場等の挿入においては、まず該当箇所にカーソルを移動させ、アイコンをクリックして動画URLなどを入力して記事中に動画などを入力してください。
下の画像のそれぞれのアイコンをクリックすると、それぞれの機能の説明にジャンプします)
各アイコンについて（上段）
左上から右下に向かって順に解説するものとします。画像からのリンクが全ての環境において確実でない為、アイコン上にカーソルを移動させたときにでるポップアップ文字[●●●]を参考にしてください。
ショートカットキーについて、Mac OS Xをご使用の場合は、[Ctrl]→[⌘キー]と脳内変換してください。
[元に戻す(Ctrl+Z)]（左から2）- 一度行った作業を取り消す場合にクリックします。何回でもさかのぼって取り消しが行えます 。HTMLエディタを有効にしていた場合、作業毎に取り消しが行えます。(※「投稿内容を実際に表示してみる」を押した場合、それ以前に行った作業については、取り消しは行えません。)
※Firefox、Lunascapeの場合は、無効にしていた間を１回の作業として取り消す事が可能。
方法：無効状態で編集する→切り替えボタンを押し有効にする→何もせずに切り替えボタンを押し無効にする→編集して、もう一度切り替えボタンを押し有効にする→元に戻すボタンを押す→取り消しが有効になる
これは、２度目の切り替え動作以降有効になるので一箇所だけチェックしたい等の場合は何もせずに２度目の切り替え作業を行って下さい。(IEでは不可、他の環境でのテスト求む)
[やり直し(Ctrl+Z)]（左から3）- 一度取り消した作業を復帰させる場合にクリックします。
[切り取り]（左から4）- 切り取りを行います（Ctrl+X）。
[テキストとして貼り付け]（左から7）- 貼り付け（ペースト）を行います。このアイコンをクリックすると[テキストとして貼り付け]ダイアログボックスが開くので、そこに貼り付けたいテキストをペーストします（Ctrl+V）。挿入ボタンをクリックすると、属性が破棄されテキストとして記事編集ウィンドウ内に、テキストの貼り付けが実行されます。
[左揃え]、[中央揃え]、[右揃え]、[両端揃え]（右から7〜4）- 段落をそれぞれの状態に揃えます。
[引用]（一番右）
各アイコンについて（下段）
[フォーマット（段落）]（一番左）-
段落の書式を定義します。段落ごとに設定するのでカーソルが段落に入っていればメニューが有効になります。以下の項目を選択出来ます。
- 段落 - 通常の文章(内容)を表すのに使用します。
- 見出し2 - 見出し 内容についてのまとまりを表します。記事上部に見出し2へのジャンプ機能が自動で生成されます。
- 見出し3 - 見出し 内容についてのまとまりを表します。見出し2の中での「小見出し」として使用します。
- 見出し4 - 見出し 内容についてのまとまりを表します。見出し3の中での「小見出し」として使用します。
- 見出し5 - 見出し 内容についてのまとまりを表します。見出し4の中での「小見出し」として使用します。
- 見出し6 - 見出し 内容についてのまとまりを表します。見出し5の中での「小見出し」として使用します。
- ソースコード - プログラムコードやHTMLやCSS等のコードを表す際に使用します。
- コードサンプル - プログラムなどの出力サンプルを表す際に使用します。
見出し2
見出し3
見出し4
見出し5
見出し6
[フォーマット解除]（左から2）- ボールドなどを解除して、文字の状態を戻します。（要確認）
[リンクの挿入/編集]（左から3）- 外部サイトなどへのリンクを文字列に割り当てることができます。テキストを選択後、このアイコンをクリックしてください。リンクURLとマウスオーバー時のタイトルを入力できるウィンドウが表示されますので、各項目を入力して[挿入]ボタンをクリックしてください。
このメニューはテキストなどを選択すると有効になります。
[アンカー挿入/編集]（左から5）- 任意の位置にアンカーを挿入することができます。アンカーを入れたい位置にカーソルを置き、このアイコンをクリックしてください。アンカー名を入力後、[挿入]ボタンをクリックします。
挿入したアンカーを選択するとバウンディングボックスが表示され、アンカー領域を自由に拡大することができます。
[ニコニコ動画]（左から6）- 任意の位置に、ニコニコ動画を一つ挿入することができます。目的の位置にカーソルを移動させ、このアイコンをクリックしてニコニコ動画のURLを入力してください。
テンプレートにある[■関連動画]において使用するといい感じです。 - 例：sm9
[ニコニコ市場]（左から7 ）- 任意の位置に、ニコニコ市場のリンクを挿入します。目的の位置にカーソルを移動させ、このアイコンをクリックし、開いたウィンドウに市場IDを入力して[挿入]ボタンをクリックしてください。
- こちらもテンプレートにある[■関連商品]において使用するといい感じです。
- 例:azB002E1HJHU
[マイリスト]（左から8 ）- 任意の位置に、マイリストのコンポーネントを配置することができます。目的の位置にカーソルを合わせ、このアイコンをクリックして表れるウィンドウにマイリストのIDを入力してください。[挿入]ボタンをクリックするとマイリストが挿入されます。
- 例：2903734
[ニコニコ生放送]（左から9）- 任意の位置に、ニコニ生放送のサムネイルを挿入することができます。 目的の位置にカーソルを合わせ、このアイコンをクリックして表れるウィンドウにニコニコ生放送のIDを入力してください。[挿入]ボタンをクリックすると挿入されます。
- 例：lv8931212
[コミュニティ/チャンネル]（左から10）- 任意の位置に、ニコニコミュニティのリンクを挿入することができます。 目的の位置にカーソルを合わせ、このアイコンをクリックして表れるウィンドウにニコニコミュニティのIDを入力してください。[挿入]ボタンをクリックすると挿入が実行されます。
- 例：co92
[ニコニコ静画]（左から11）- 任意の位置に、ニコニコ静画のお題またはイラストを挿入することができます。 目的の位置にカーソルを合わせ、このアイコンをクリックして表れるウィンドウにニコニコ静画のお題IDまたはイラストIDを入力してください。[挿入]ボタンをクリックすると挿入されます。
- 例：sg1
- 例：im355089
[nicopedia.pikokakiko]（左から12）- 掲示板のピコカキコを記事中に貼付けるのに使います。目的の位置にカーソルを合わせ、このアイコンをクリックして表れるウィンドウにピコカキコのIDまたは、貼り付け用タグを入力してください。[挿入]ボタンをクリックするとピコカキコが挿入されます。
- 例：ピコカキコID『296』または貼り付け用タグ『<img src="/img/pikoplayer.png" alt="296">』
[特殊文字]（右から9）- 特殊文字を入力するのに使用します。このアイコンをクリックする とダイアログボックスが開きますので、任意の文字をクリックして本文中に挿入してください。
- & " ¢ € £ ¥ © ® ™ ‰ µ · • … ′ ″ § ¶ ß
‹ › « » ‘ ’ “ ” ‚ „ < > ≤ ≥ – — ¯ ‾ ¤ ¦
¨ ¡ ¿ ˆ ˜ ° − ± ÷ ⁄ × ¹ ² ³ ¼ ½ ¾ ƒ ∫ ∑
∞ √ ≈ ≠ ≡ ∏ ¬ ∩ ∂ ´ ¸ ª º † ‡ À Á Â Ã Ä
Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö Ø Œ
Š Ù Ú Û Ü Ý Ÿ Þ à á â ã ä å æ ç è é ê ë
ì í î ï ð ñ ò ó ô õ ö ø œ š ù ú û ü ý þ
ÿ Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ
Υ Φ Χ Ψ Ω α β γ δ ε ζ η θ ι κ λ μ ν ξ ο
π ρ ς σ τ υ φ χ ψ ω ← ↑ → ↓ ↔ ◊ ♣ ♥ ♦
[太字]（右から8）- 文字をボールドにします（Ctrl+B）。
文字を選択してこのアイコンをクリックします。設定されるとアイコンの背景がグレーになるので、元に戻すときはもう一度アイコンをクリックします。
[斜体]（右から7）- 文字をイタリックにします（Ctrl+I）。主に欧文で使用し、引用文献のタイトルなどに使用します。
文字を選択してこのアイコンをクリックします。設定されるとアイコンの背景がグレーになるので、元に戻すときはもう一度アイコンをクリックします。
[下線]（右から6）- 文字に下線を引きます（Ctrl+U）。
文字を選択してこのアイコンをクリックします。設定されるとアイコンの背景がグレーになるので、元に戻すときはもう一度アイコンをクリックします。
[上付き]（右から3）- 上付き文字を作成します。2m2←ココ
関連項目
- ニコニコ大百科:ガイドブック
- ニコニコ大百科:お絵カキコヘルプ
- ニコニコ大百科:記事の編集方法
- ニコニコ大百科:編集者向けのページ
- ニコニコ大百科:HTMLテンプレート集
- ニコニコ大百科:HTMLタグ一覧
- ニコニコ大百科:仕様
- テスト記事
携帯版URL:
http://dic.nicomoba.jp/k/a/%E3%83%8B%E3%82%B3%E3%83%8B%E3%82%B3%E5%A4%A7%E7%99%BE%E7%A7%91%3Ahtml%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%83%98%E3%83%AB%E3%83%97
http://dic.nicomoba.jp/k/a/%E3%83%8B%E3%82%B3%E3%83%8B%E3%82%B3%E5%A4%A7%E7%99%BE%E7%A7%91%3Ahtml%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%83%98%E3%83%AB%E3%83%97
ページ番号: 446615
リビジョン番号: 1433290
読み：ニコニコダイヒャッカエイチティーエムエルエディタヘルプ
初版作成日: 08/08/09 20:40 ◆ 最終更新日: 12/02/07 18:27
編集内容についての説明/コメント: >>35-36修正
記事編集 / 編集履歴を閲覧 / Twitterで紹介
JASRAC許諾番号: 9011622001Y31015
