ニコニコ大百科モバイル

7/2(月)よりスマホまたはPCでアクセスした場合、各デバイス向けのサイトへ自動で転送致します


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


ヨミ: ニコニコダイヒャッカエイチティーエムエルエディタヘルプ
掲示板をミル!
56カキコ!

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

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


基本的な使用方法


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

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

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

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

Enter」キーを押すと新しい段落での記述に成ります。Windowsの「メモ帳」やテキストエディタへの印字を念頭に置いた一般的日本語ワープロソフト改行」と「段落」は概念が異なりますのでご注意願います。

段落内で改行をするにはShiftキーを押し続けて離さない状態で「Enter」キーを押してください。

Spaceキーを押しての「空白を挿入」する「見ただけ改行」は行わないで下さい。

お手持ちのパソコンメモ帳テキストエディタで原稿を下書きをして、コピーアンペーストをして入し、エディタで記事を整形・装飾するのもトラブルによるデータ消失を回避出来て便利です。更にお手持ちのパソコンHTMLエディタを導入して、パソコンローカル環境である程度の整形・装飾を施した下書き原稿をコピーアンペーストも便利でしょう。

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


下の画像のそれぞれのアイコンクリックすると、それぞれの機の説明にジャンプします)

全画面表示[画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像]
[画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像]
[画像][画像][画像][画像][画像][画像][画像][画像][画像][画像][画像]

各アイコンについて(一段目)

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

[画像を見る][全画面表示]
このアイコンクリックすると、編集画面がブラウザ上で全画面表示に切り替わります。元に戻すにはもう一度クリックします。
[画像を見る][元に戻す]
一度行った作業を取り消す場合にクリックします(Ctrl+Z)。何回でもさかのぼって取り消しが行えます HTMLエディタを有効にしていた場合、作業毎に取り消しが行えます。(※「投稿内容を実際に表示してみる」を押した場合、それ以前に行った作業については、取り消しは行えません。)
FirefoxLunascapeの場合は、効にしていた間を1回の作業として取り消す事が可
方法:効状態で編集する→切り替えボタンを押し有効にする→何もせずに切り替えボタンを押し効にする→編集して、もう一度切り替えボタンを押し有効にする→元に戻すボタンを押す→取り消しが有効になる
これは、2度の切り替え動作以降有効になるので一箇所だけチェックしたい等の場合は何もせずに2度の切り替え作業を行って下さい。(IEでは不可、他の環境でのテストむ)
[画像を見る][やり直す]
一度取り消した作業を復帰させる場合にクリックします(Ctrl+Y)。
[画像を見る][切り取り]
切り取りを行います(Ctrl+X)。
[画像を見る][コピー]
コピーを行います(Ctrl+C)。
[画像を見る][貼り付け]
貼り付け(ペースト)を行います(Ctrl+V)。コピーされた属性を維持します。
[画像を見る][テキストとして貼り付け]
貼り付け(ペースト)を行います(Ctrl+V)。このアイコンクリックすると[テキストとして貼り付け]ダイアログボックスが開くので、そこに貼り付けたいテキストペーストします。挿入ボタンクリックすると、属性が破棄されテキストとして記事編集ウィンドウ内に、テキストの貼り付けが実行されます。
[画像を見る][検索と置き換え]
検索と置き換えを行います。
[画像を見る][表]
表組みを簡単に挿入することができます。ダイアログボックスが開きますので、各項定してください。
[画像を見る][左寄せ]
文章を
左寄せします。
[画像を見る][中央え]
文章を
中央えします。
[画像を見る][右寄せ]
文章を
右寄せします。
[画像を見る][両端え]
文章を
両端えします。
[画像を見る][インデントを減らす]
インデントを左に戻します。インデントが入っている場合に有効になります。
[画像を見る][インデントを増やす]
30px分の左インデントを挿入します。
[画像を見る][引用]
選択したテキスト引用として表示するために使用します。

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

○○○から引用

[画像を見る][箇条書き]
番号を付けないリストを作成するときに使用します。テキストを選択後、このアイコンクリックするとリスト形式になります。
[画像を見る][番号付き箇条書き]
番号を付けたリストを作成するときに使用します。テキストを選択後、このアイコンクリックするとリスト形式になります。
  1. 開く
  2. 編集する
  3. レビューする
  4. 保存する
  5. 閉じる
[画像を見る][線]
任意の行に、線を挿入する場合に

使用します。(区切り線的な意味で)

各アイコンについて(二段目)


[画像を見る][フォーマット]
段落の書式を定義します。段落ごとに設定するのでカーソル段落に入っていればメニューが有効になります。以下の項を選択出来ます。(Ctrl+1~6、8、9)で操作可、詳しくはこちら
  • 見出し2 - 見出し 内容についてのまとまりを表します。記事上部に見出し2へのジャンプが自動で生成されます。
  • 見出し3 - 見出し 内容についてのまとまりを表します。見出し2の中での「小見出し」として使用します。
  • 見出し4 - 見出し 内容についてのまとまりを表します。見出し3の中での「小見出し」として使用します。
  • 見出し5 - 見出し 内容についてのまとまりを表します。見出し4の中での「小見出し」として使用します。
  • 見出し6 - 見出し 内容についてのまとまりを表します。見出し5の中での「小見出し」として使用します。
  • Div
  • Pre
  • 引用
  • ソースコード - プログラムコードHTMLCSS等のコードを表す際に使用します。
表示サンプル

見出し2



見出し3


見出し4

見出し5
見出し6
[画像を見る][書式をクリア]
ボールドなどを解除して、文字の状態を戻します。(Ctrl+7)(要確認)
[画像を見る][リンクの挿入・編集]
外部サイトなどへのリンク文字列に割り当てることができます。テキストを選択後、このアイコンクリックしてください。リンクURLマウスオーバー時のタイトルを入できるウィンドウが表示されますので、各項を入して[OK]ボタンクリックしてください。
このメニューテキストなどを選択すると有効になります。
[画像を見る][リンク削除]
上記で挿入したリンクの解除ができます。リンクられているテキストを選択してこのアイコンクリックしてださい。
このメニューテキストなどを選択すると有効になります。
[画像を見る][アンカー(リンクの到達点)]
任意の位置にアンカーを挿入することができます。アンカーを入れたい位置にカーソルを置き、このアイコンクリックしてください。アンカー名を入後、[OK]ボタンクリックします。
挿入したアンカーを選択するとバウンディングボックスが表示され、アンカー領域を自由に拡大することができます。
[画像を見る][固定スペース( )]
任意の位置に、固定スペースを一つ挿入することができます。的の位置にカーソルを移動させ、このアイコンクリックして固定スペースを入してください。
[画像を見る][画像の挿入・編集]
お絵カキコで描かれた画像や各種サムネイル画像を本文中に挿入します。
[画像を見る][ニコニコ静画 (画像挿入)]
ニコニコ静画投稿された画像を本文中に挿入します。600x600 240x240 180x180 176x176 170x170 160x160 96x72からサイズを選択して表示します。
例:im355089
[画像を見る]

次へ»
最終更新日: 19/06/07 00:27
タグ検索 パソコン版を見る


[0]TOP
ニコニコ動画モバイル
運営元:ドワンゴ