HTMLエディタ単語

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

2.2千文字の記事

掲示板へ

記事編集

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

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

概要

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

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

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

利用できるブラウザ

現在、このHTMLエディタはInternet Explorer、Firefox、Safari、Google Chrome、Operaで利用することができる。

一般的なHTMLエディタ

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

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

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

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

問題点

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

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

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

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

枠の左下部分

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

除外: <hr /> <if rame>
各属性やスタイルシートの内容は表示されません。
はに、は、にそれぞれ置き換えて表示します。

表示例

ここはhtmlエディタの説明ページです。
と記載してある場合のhtmlエディタの部分にカーソルを合わせた場合、実際の見え方、及び「パス：」の部分は以下のようになります。
ここはhtmlエディタの説明ページです。
パス：p >>strong
と表示されます。
なお、ここでは実際には<bl oc kq uote>と<div>を用いてますので
ココの文字にカーソルを合わせると
パス:bl oc kq uote >> div >>strong
と表示されます。

機能選択時の各アイコン

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

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

この記事をもとに新規記事を作成

キーワード「HTMLエディタ」でニコニコ動画を検索

タグ「HTMLエディタ」でニコニコ動画を検索

ニコニ広告で宣伝された記事

M.S.SProject (単)記事と一緒に動画もおすすめ！

提供：きり

5487500pt

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

お絵カキコがありません

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

ピコカキコがありません

HTMLエディタ

HTMLエディタの記事へ戻る

7ななしのよっしん非表示 2012/02/13(月) 20:26:42このレスはあなたに表示されませんこのIDはあなたに表示されません ID: Ajz0MGNJy6 レスを非表示にする レスを表示する IDを非表示にする IDの書き込みを表示: 使いづらいってかもう全然だめだったわ
あとソースを改行して見やすくしてるのが全部崩されてうぎゃーーーーってなる
表示されないようにはできないかな・・・; 👍
高評価
0
👎
低評価
0
8ななしのよっしん非表示 2012/02/13(月) 21:35:55このレスはあなたに表示されませんこのIDはあなたに表示されません ID: kfbBdU5Sx4 レスを非表示にする レスを表示する IDを非表示にする IDの書き込みを表示: >>7
マイページの最下部の各種設定から
"HTMLエディタを使う"のチェック外せばおｋ; 👍
高評価
0
👎
低評価
0
9ななしのよっしん非表示 2012/02/14(火) 20:36:05このレスはあなたに表示されませんこのIDはあなたに表示されません ID: Ajz0MGNJy6 レスを非表示にする レスを表示する IDを非表示にする IDの書き込みを表示: おおサンクス
助かった; 👍
高評価
0
👎
低評価
0
10ななしのよっしん非表示 2012/12/18(火) 20:29:34このレスはあなたに表示されませんこのIDはあなたに表示されません ID: n44OqZ+w8g レスを非表示にする レスを表示する IDを非表示にする IDの書き込みを表示: JavaScriptを無効にすると自動整形されません。
この方がソース見やすいと思います。
http://twitpic.com/bn115q; 👍
高評価
0
👎
低評価
0
11ななしのよっしん非表示 2015/04/27(月) 00:43:40このレスはあなたに表示されませんこのIDはあなたに表示されません ID: jwhzotTUn4 レスを非表示にする レスを表示する IDを非表示にする IDの書き込みを表示: htmlエディタが変わったことにより一部の機種にエディタが使えないバグが発生しているようだ
あと新しいエディタは縦に長くなったかな; 👍
高評価
0
👎
低評価
0
12ななしのよっしん非表示 2015/10/23(金) 11:32:11このレスはあなたに表示されませんこのIDはあなたに表示されません ID: W7S9S/Arw8 レスを非表示にする レスを表示する IDを非表示にする IDの書き込みを表示: 新しいエディタボタンが大きいし無駄な空白があるし使いづらいな
前のに戻して欲しい; 👍
高評価
0
👎
低評価
0
13ななしのよっしん非表示 2020/03/13(金) 00:06:48このレスはあなたに表示されませんこのIDはあなたに表示されません ID: 6UIBjyhwNT レスを非表示にする レスを表示する IDを非表示にする IDの書き込みを表示: 見出し付き箇条書き（dl,dt, dd）がhtmlエディタでは入力することができない。入力できるようにしてほしいです。; 👍
高評価
0
👎
低評価
0
14ななしのよっしん非表示 2021/08/12(木) 20:49:58このレスはあなたに表示されませんこのIDはあなたに表示されません ID: FDp+0yEbuz レスを非表示にする レスを表示する IDを非表示にする IDの書き込みを表示: citeとdlとfont-sizeの機能が増えてだいぶ便利になったね; 👍
高評価
0
👎
低評価
0
15ななしのよっしん非表示 2022/04/19(火) 17:40:03このレスはあなたに表示されませんこのIDはあなたに表示されません ID: Cu/DMaQ56y レスを非表示にする レスを表示する IDを非表示にする IDの書き込みを表示: HTMLエディタを使うと
<if rame>タグにおいて、data-ruffle-pol yfilled 属性は利用できません。HTMLエディタを無効にして、data-ruffle-pol yfilled 属性を削除、もしくは内容を変更ください。
と
と出て
一旦HTMLエディタを無効にして修正しても再度また出てしまい記事更新ができません。; 👍
高評価
0
👎
低評価
0
16ななしのよっしん非表示 2022/04/21(木) 09:16:35このレスはあなたに表示されませんこのIDはあなたに表示されません ID: kfbBdU5Sx4 レスを非表示にする レスを表示する IDを非表示にする IDの書き込みを表示: >>15
Ruffle(Flash Playerのエミュレータ)のブラウザ拡張機能を入れてないですか？
付与されている属性から推測すると、たぶんそれが原因で<if rame>タグを勝手に書き換えてるかと。

HTMLエディタを無効にして以下の部分をそのままコピペして編集して同じエラーが出るなら、
拡張機能を一時的に無効にすれば編集できると思います。

<if rame width="312" height="176"cl ass="nico video"src="https://ext.nicovideo.jp/thumb/sm9"frameborder="0"scrolling="no"></if rame>; 👍
高評価
0
👎
低評価
0