2012年9月15日土曜日

Blogger 文章整形と表示されない文字

blogger で投稿文を書いていて、文頭のスペースが無くなってしまったり、 入力したのに別の表示に化けてしまったりと、
たまに、不可解なことが起ります。
これは、どうも HTML の制限によるところが多いようです。       ( 2012/09/12 現在)
投稿編集の画面で、作成と HTML を行ったり来たりしていると、だんだん、頭が混乱して来てしまいます。
そこで、今回は、文章整形に関連した HTML 制御文をご紹介。


前にご紹介した HTML_Editing_Blocks.txt に以下の制御文を追加して下さい。
   前回参照 Blogger 画像と文章 文字の廻り込みを防止 。

以下に制御文を例示します。 数値や色指定等、適宜変更して下さい。
---------------------------------------------------------------------------
            blogger  HTML 関連  制御 Code 集 追加分      第2回
---------------------------------------------------------------------------
***     Blogger の投稿 標準編集 画面の HTML にて < > ブロックを挿入     ***
***************************************************************************

3-a. Blogger 文頭に空白挿入 10 個

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


3-b. Blogger 文頭に空白挿入  3 個

&nbsp;&nbsp;&nbsp;


3-c. Blogger 文頭に空白挿入  1 個

&nbsp;

***************************************************************************

4-a. Blogger 横線挿入

<hr />


4-b. Blogger 横線挿入 長さ数値指定

<hr aline="center" color="#707070" width="600" />


4-c. Blogger 横線挿入 長さ比率指定

<hr aline="center" color="#909090" width="90%" />

***************************************************************************

5. Blogger ¥の表示 (半角 ¥)

&yen;

***************************************************************************

6. Blogger 特殊文字の表示 (半角 © ® ± º)

&copy;    &reg;    &plusmn;    &ordm;

***************************************************************************
 
                                   必要箇所をコピー追加して下さい。 必要なら整形して下さい。

以下、簡単に説明を。

文中の空白はちゃんと処理しているようですが、文頭は HTML に切り替えて、以下の制御文を挿入しないと駄目なことがあります。
&nbsp; が半角空白のひとつに相当します。 フォントに拠って横幅が異なります。 数は調整して。
これで、段落落ちなど、見た目を調整出来ます。

ついでに、文章の区切りとして、横線を挿入するには <hr で始まる制御文です。
色や幅を調整することも可能です。
太さ (size) は無指定で薄い色がお勧め。
太さ (size) を 1 で指定し前後に空行があると、何故か表示されない場合があります! 利用時には気を付けて下さい。

次に挙げるのは、表記が変わる文字!
PC のディレクトリ(フォルダ)を示す、ご存知 ¥マークです。
普通に¥を入力すると \ に表示されます。
やはり、馴染みが無いので、文章中は¥で示したいです。
HTML では¥は特殊文字扱いなので、&yen; で置き換えます。
      面倒なのが、引用文。 
      そのまま、 Copy & Paste でメモ帳などに貼り付ければ、ちゃんと、表示が戻ります。
      私のブログでは、引用中の \ は直さずにそのままにしてあります。
      見難くて、申し訳ありません、こういう理由からです。

特殊文字の例を幾つか挙げますが、 WebBrowser によって表示できない事もあるようです。



見本です。 上の引用の制御文をそのまま記述した例で、3-a 、3-b 、3-c 、4-a 、4-b 、4-c の順です。
          文頭
   文頭
 文頭





このように、Blogger の文章整形には、ちょっとした工夫が今は必要です。
しかし、この投稿を書いている間も Blogger の システムや WebBrowser の表示は変わり続けています。
このような、小手先の操作が不要になる日がそのうち来るでしょう。
そのときに、私達がが積んだ経験はきっと別のことに役立つ、と信じて ... 。

0 件のコメント:

コメントを投稿