編集  

HTMLエディタ単語

エイチティエムエルエディタ

HTMLエディタとは、ニコニコ大百科においては、このである。ニコニコ大百科を編集する時には役立ってくれるはず。

それ以外のHTMLエディタについては後述

概要

上にある[htmlエディタの有効と効を切り替える]というボタンクリックすることによって、実際の記事の見たと、実際に使われているHTMLタグスタイルシート属性などを表示する選択が可である。

ニコニコ大百科の記事を書く上で必要な、基本的な要素を実際の見たで確認しながら記述していく事が可

詳しい使い方は、「ニコニコ大百科:HTMLエディタヘルプ」を参照されたし。

利用できるブラウザ

現在、このHTMLエディタInternet ExplorerFirefoxSafariGoogle ChromeOperaで利用することができる。

関連項目

p

一般的なHTMLエディタ

HTMLエディタとは本来、タグスタイルシート属性等を一文字、一文字手打ちする作業をいたり、整形したりする為の物であり、タグスタイルシートを記述した文字列が表示されるだけなので(わかりやすく言うと、メモ帳にそのまま書き出したメモ)、ブラウザ上での実際の確認が必要であった。

その為、HTMLCSSの文法(ソースコード)がわからないと、実際に表示したい見たと、記述している内容の違いが分からず使いこなせない場合もあった。

その点をしたのが、webオーサリングツールである。ウェブページ作成ソフトと呼ばれたりもする。代表的なwebオーサリングツールには、「Adobe Dreamweaver」、「ホームページビルダー」、「iweb」、「Microsoft Expression」等がある。

webオーサリングツールの特徴としては、ニコニコ大百科HTMLエディタのように、タグスタイルシートについて理解してなくてもプレビュー画面を見ながら操作するだけで実際に表示したい形にwebページを作成することが可である。

問題点

個々のwebオーサリングツールにより異なるが、スタイルシートの自動生成機により、同一のスタイルシート属性の二重、三重の不必要な定義が成されたり、高度なレイアウトを行う場合に、tableタグが用いられる場合がある。その為、必然的にファイルサイズが大きくなりページ表示が重くなってしまう原因にもなる。


なお、この問題点の一つである、スタイルシート属性重複定義は、ニコニコ大百科HTMLエディタでも起きてしまう。文字色や背景色を定した際に何度も定を繰り返したりすると不必要な
<span style="color: #RRGGBB;">~</span>や、
<span style="background-color: #RRGGBB;">~</span>がいくつも残ってしまったりする。

ニコニコ大百科のHTMLエディタ ~その他の特徴~

知っていても、特に役に立たないであろう特徴をご紹介します。

枠の左下部分

パス:」の部分に、カーソルのある位置で有効なタグの要素が表示されます。「パス:」の側(左から右)に順に表示しており、左側にくるのが一番大元(外側)の要素になります。ニコニコ大百科:HTMLタグ一覧に記載されているタグのほぼ全てが表示されます。

表示例

<p>ここは<strong>htmlエディタ</strong>の説明ページです。</p>

と記載してある場合のhtmlエディタの部分にカーソルを合わせた場合、実際の見え方、及び「パス:」の部分は以下のようになります。

ここはhtmlエディタの説明ページです。
パス:p >> strong

と表示されます。

なお、ここでは実際には<blockquote>と<div>を用いてますので

ココ文字カーソルを合わせると
パス:blockquote >> div >> strong
と表示されます。

機能選択時の各アイコン

HTMLエディタの各効果が有効になっている場合、「パス:」の部分と同様に、エディタ上部の各アイコンが、(選択状態)になります。(リンク挿入/編集、アンカー挿入/編集、表の挿入、リスト、画像挿入/編集、文字装飾、文字の表示位置関係のみ対応)

また、選択が不可能な項は、薄く表示され選択出来ない事を意味しています。例えば、表の中にカーソルい場合は、表に関する各プロパティの設定が不可能な為、関連する項は、薄く表示されます。

関連商品



関連リンク

関連項目


【スポンサーリンク】

スマホ版URL:
https://dic.nicovideo.jp/t/a/html%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF
ページ番号: 4176163 リビジョン番号: 2376616
読み:エイチティエムエルエディタ
初版作成日: 09/10/07 06:07 ◆ 最終更新日: 16/06/25 00:59
編集内容についての説明/コメント: 枠の部分のみ現在のものに。下のほうのパスとかアイコンについては後日(変更点は無いと思われるが…)
記事編集 / 編集履歴を閲覧

この記事の掲示板に最近描かれたお絵カキコ

お絵カキコがありません

この記事の掲示板に最近投稿されたピコカキコ

ピコカキコがありません

HTMLエディタについて語るスレ

3 : ななしのよっしん :2010/12/01(水) 00:20:04 ID: HYedBWkVzX
ああ、operaで使えなかったのか
ブラウザ変えて初めて気が付いた
4 : ななしのよっしん :2011/03/19(土) 09:50:39 ID: WxdAxHGhEr
挙動がいまいち掴めないもんだから、結局タグCSS を手打ち
した方がかったりするのはだけじゃないはず。
5 : ななしのよっしん :2011/06/28(火) 23:34:45 ID: cufdYT98H2
IEで使ってると、エンター押したら書いた文章消えたりするんだけど、これは仕様
むっちゃイラッてする
6 : ななしのよっしん :2012/02/13(月) 19:52:07 ID: Ajz0MGNJy6
わーおOperaでも対応してるー
でも慣れてないからむしろ使いづらいw
どうしたもんかな
7 : ななしのよっしん :2012/02/13(月) 20:26:42 ID: Ajz0MGNJy6
使いづらいってかもう全然だめだったわ
あとソース改行して見やすくしてるのが全部崩されてうぎゃーーーーってなる
表示されないようにはできないかな・・・
8 : ななしのよっしん :2012/02/13(月) 21:35:55 ID: kfbBdU5Sx4
>>7
マイページの最下部の各種設定から
"HTMLエディタを使う"のチェック外せばおk
9 : ななしのよっしん :2012/02/14(火) 20:36:05 ID: Ajz0MGNJy6
おおサンクス
助かった
10 : ななしのよっしん :2012/12/18(火) 20:29:34 ID: n44OqZ+w8g
JavaScript効にすると自動整形されません。
この方がソース見やすいと思います。
http://twitpic.com/bn115q
11 : ななしのよっしん :2015/04/27(月) 00:43:40 ID: jwhzotTUn4
htmlエディタが変わったことにより一部の機種にエディタが使えないバグが発生しているようだ
あと新しいエディタは縦に長くなったかな
12 : ななしのよっしん :2015/10/23(金) 11:32:11 ID: W7S9S/Arw8
新しいエディタボタンが大きいし駄な空白があるし使いづらいな
前のに戻して欲しい
急上昇ワード
ニコニコニューストピックス