PC,Adroid,自転車,津軽三味線などについてのブログです

2011年10月4日火曜日

bloggerのwisywig編集は当てにならない:空白と改行の変化について

追記です。HTMLのことをまるで知らずに「表示が崩れる、先頭の空白が消えてしまう、空白行が勝手になくなってしまう」と、まずは症状の把握からはじめた記事です。その後、HTMLを少し勉強して、また、bloggerの動作パターンがわかったので追記しました。


★ bloggerの場合、Wisywigeエディターは、入力された行には、単に <br/>を付加するだけです。<div>や<p>で囲まれません。
★ Tabはエディター上からはキー入力できません。
★ 空白については、半角空白は &nbsp; として入力されるので心配ありません。

★ 問題は全角空白です。

空白が削除されないケース
  • Wisiwigエディターで書いた後・投稿  (問題なし)
  • HTMLエディターに切り替えて・編集して投稿」 (問題なし)

空白が削除されてしまうケース
  • HTMLエディターからWisywigエディターに切り替えた途端に
  • 記事投稿後に「編集」で読みだした際、Wisysigエディタで表示させると
    要するに、
    Wisywigで再表示、再編集すると、前白空白は消えてしまう

  空白(全角空白)を使って、見やすく構造化しても、Wisywigで再表示させた途端、全てきえて、「完全左詰め」状態になります。

  日本語文章を「段落先頭は一文字あけて」で書く場合、HTML表示→Wisywig表示にかえた瞬間、全て先頭の空白はきえてしまうわけです。投稿後の編集でも見た瞬間に消えてしまいます。これは、困ります。

  「日本語使わず、英語を使え!]:
  「HTMLでちゃんと仕上げてから投稿しなさい!」

といわれてるようなものです。

で・・

「はーい、HTML、勉強始めましたー」
「うーん・・日本語文章をちゃんとHTML変換してくれるエディター使いまーす」

でございました。ちなみに、ココログやyahooつかってたころは、問題なかったので、勉強もしませんでした。

皮肉ですが・・・・・・・・ bloggerのおかげで嫌ってたHTMLやjava(script)の勉強を始めることが出来ました。

これはまじですが・・・、「不満だらけの世界から研究と創造が!」
マジ皮肉半々ですが・・ありがとうGoogleさん



ふー・・ここまで調べるので、疲れました・・・

以下の記事も、当初は、文章に即した空白があったのですが、この追記記事をWisywigで書こうとした途端!・・・消えました・・完全左詰めになってしまっています。

以下の記事でも書いてますが、Android用のBloggerツールではこのような不都合は発生しません。

あ・空白行も勝手に削除されてしまう問題もありましたね・・そっちは、まだ詳しく調べてません、というか、どういう症状だったか忘れてしまって・・・<p></p>がらみだったか・・まあ、そのうち、また追記します。

以下、元記事


■ 実験によるとライフノートからのメール投稿とBlogger for Androidからの投稿は、行頭の空白と文中の改行が正しくひょじされる
ーーーーーーーーーーーーーーーーーー
先頭から
先頭に空白3つ
先頭に空白3つ
直下に先頭から
一行あけて先頭から
二行あけて先頭から
さあ、どうなるか?f
ーーーーーーーーーーーーーーーーーー
■ しかし、ダッシュボードから投稿すると、改行は反映するものの行頭の空白が消えてしまう。(信じられない設計だ!)
ーーーーーーーーーーーーーーーーーー
先頭から
先頭に空白3つ
先頭に空白3つ
直下に先頭から
一行あけて先頭から
二行あけて先頭から
さあ、どうなるか?
ーーーーーーーーーーーーーーーーーー
■ さらに困ったことにダッシュボードで一度編集して再投稿すると、
両方ともきえてしまうこと。
ーーーーーーーーーーーーーーーーーー
先頭から
先頭に空白3つ
先頭に空白3つ
直下に先頭から
一行あけて先頭から
二行あけて先頭から
さあ、どうなるか?
ーーーーーーーーーーーーーーーーーー
■ Blogger for Androidで再編集すると、問題がない
ーーーーーーーーーーーーーーーーーー
先頭から
先頭に空白3つ
先頭に空白3つ
直下に先頭から
一行あけて先頭から
二行あけて先頭から
さあ、どうなるか?
ーーーーーーーーーーーーーーーーーー
Blogger for Androidで再編集してみる
ーーーーーーーーーーーーーーーーーー
以上の結果から、再編集は Blogger for Androidでやればよさそうなものだが、そうもいかない。2つの理由がある。
1:Blogger for Android以外から投稿した記事は閲覧・編集できない
(なんともいえないアホーな設計だ)
2:Blogger for Androidからはリンクがはれない。さらに映像も<img>扱いで
<a href>は使われない。
このあまりにひどいwisywig環境・投稿編集環境はどこも同じようなものなのだろうか?
HTMLで直接きちっと指示しなさいと、いわんばかりの状態だ。
まさか、そんなことあるとは思わず、いままでいったいなんど同じ記事を再修正したことか! ココログやfc2でもこういうこと起きるのだろうか?
HTMLで<br />タグや <p>タグで明示すれば避けられるんだろうが、wisywig編集が機能しないのでは困る。
from ライフノート

0 件のコメント:

コメントを投稿