KompoZerの使い方について

質問

HTMLエディタとして、KompoZer v0.710 を使用しています。
特に専門的に深くやっているわけではないので現状はこのエディタで十分事足りているのですが、一つだけ扱いづらいところがあります。
それは選択区間を<div>や<span>で囲いたいときに、どうしたらいいか分からないのです。<b>や<i>、もしくはそれに順ずるstyleを設定された<span>を挿入するには、ツールバーのアイコンを B や I をクリックすればOKなんですが、この<div>や<span>はどうやって挿入できるのでしょうか？ 使用頻度がもっとも多いタグの挿入に一番てこずり、エディタで対処しています。

どなたかご教授よろしくお願いします。

回答No.1

himajin100000 · ベストアンサー

うーん。div要素は解ったんだけど，属性のないspan要素の挿入方法はわからず。

divやspanはclassやidを付けて使うことが多いかな、とは思うんで
class属性のついたspan要素で我慢・・・できないですかね(汗

================
div要素を挿入するには
http://hp.vector.co.jp/authors/VA030090/NvuUGj/ugs04j.htm#s45

class属性のついたspan要素は
http://hp.vector.co.jp/authors/VA030090/NvuUGj/ugs04j.htm#s4231
でクラスを作成しておき，インライン要素(通常の文字列を含む)を選択して適用すればそのクラスのついたspan要素にはなっている。

お礼

的確なお答えでした！

span要素に関しては属性無しでは入れる手段がなさそうです。
spanにくらべdiv要素の挿入は段落ごとになってしまい、テキストで選択部分のみ、という器用なことはできなそうですね。

これをツールバーのボタンとかにできないんですか？＾＾；

特定のCMS上でのHTML編集でheaderは全く弄れないのでclassは使えないんです。styleシートを使わなくてもHTMLで表現することもできるのですが、世の流れ的にHTMLとデザインは分けていく様でStyleシートにこだわってます。

KompoZerにこのようなマニュアルサイトがあることをはじめて知りました。ありがとうございます。

次期NVU2.0にも期待！

ありがとうございました。