スポンサーリンク

はてなダイアリーで,table内の改行がbrタグに自動変換される件

はてなダイアリーやはてなブログでは,tableタグでの表組みに難点がある。

その対処法について。


「|」を使った表組み記法なら大丈夫なんだけど,

HTMLタグを直打ちしてtable・tbody・tr・th・tdを自分で書くと,思い通りに表示されない。


trの閉じタグの後で,ソースを見やすくするために改行すると,その改行がbrタグに変換されてしまい,テーブル前に長い空白が発生してしまうのだ。

なんとかしてほしい不具合。



で,強制的な改行を回避するために,解決策と対処法なのだが:

  1. tableタグの囲みの内部ソースは改行しないでおく。→ソースが見づらく保守・編集しづらい。
  2. 「|」で表組み記法を使って書く→複数セルに対応できず。rowspanやcolspanなどの自由度が減る。
  3. 自動改行挿入モードをOFFにする。→見た目のコントロールはしやすくなるが,記事の執筆がきわめて面倒になる。
  4. 「>ul」で始まる行を作って,中身はHTMLソースを直接書く(後述)
  5. CSSクラスを付与して対処(後述)→毎回はめんどい
  6. はてなダイアリーやはてなブログを使わず,別のサービスでブログを書く。

などの方法がある。


具体的な解決策を含む参考URL:

table内の改行がbrに変換される不具合 - こりゃ、ほたえな
http://yunishio.hateblo.jp/entry/2012...

  • セル内容が複数行にわたる場合は、表組み記法を利用することができません
  • tableタグを直接書くと,内側に改行があると、すべてbrに変換されてしまうので、HTMLの仕様により、テーブルの直前に不要の空行が挿入されてしまう


はてなブログでtableで表を作成したときに余計な改行が入る問題を解決してみる - 旅モバ
http://www.tabimoba.net/entry/2013/07...

  • tableをdivで囲み,専用のCSSクラスを付与し,table内の余計なBRはdisplay:noneで,必要なBRdisplay:inlineに設定する,という妙案


はてなダイアリーの改行問題 - 戯言
http://d.hatena.ne.jp/takami446/20101...

  • 山カッコで構成した「><」で始まる行があると、そこから自動的なpタグの挿入はストップし、次に「><」で終わる行を見つけるまではその設定が有効となる


現時点(2012-08-30)での、はてなブログへの移行を諦めました。 - すたら日記
http://d.hatena.ne.jp/sutara_lumpur/2...

  • 余計な"br"タグが追加されてしまうから,という理由で,はてなブログの利用をあきらめる。そこまで大きな問題。
  • ソースの読みやすさのための改行が意図せずして"br"に変換されてしまい、それが積み重なってテーブルの直前にまとめて適用されて長大な余白となって表示されてしまう