【はてなブログ】HTML編集がすごかった!
初めて5日ほどですが、
HatenaBlogの回りくどい操作性に、
うんざりしていたところでした。
そんな私に、衝撃が走った。
はてなブログのHTML編集が超見やすい。
ある記事を書いていたとき、
挿入した画像が白い余白が多いものでした。
画像自体もはてなブログの編集画面をプリントスクリーンしたもの、
貼り付ける画像と、投稿するブログ本文は区切りたい。
そのため画像に外枠を付けたい。
画像を編集して枠を付けるのは面倒だし、
はてなブログの機能でそういうのないかなー。
無かったです。
しかたなく、HTMLを直接編集しよう。
⚡⚡⚡ゴロゴロ、ドッカーン⚡⚡⚡
え?なにこれ、
超見やすい
目に優しい
HTMLエディタ並みでしょ
感動しました。
肝心の外枠は、
非推奨のborderプロパティは使えなかったです。
<img src="xxxx.jpg" alt="××" border="1" />
なので、
<img src="xxxx.jpg" alt="××" style="boder:1px #000000 solid;" />
って書いてやりました。
⚡⚡⚡ゴロゴロ、ドッカーン⚡⚡⚡
本日2度目の落雷が落ちました。
自動整形されてるー。
style="~をimgタグの最後に追加したのですが、
class指定の次の位置に移動されてました。
<img class="photostyle" style="boder:1px #000000 solid;" src="xxxx.jpg" alt="××" />
たしかに、ここに書いたほうが見やすいですし、そうすべきでした。
どうせHTMLなんて汚くなっちゃうだろうなんて、
甘かったです。
はてなブログのHTML編集画面は、
余計なインデント(TABや改行)がなく、
最高にシンプルなHTMLで記載されています。
機能を絞っているのも、このためだと思います。
非推奨のプロパティーが使えないのも納得です。
市販のHTMLエディターでも、
書式設定後に中の文字を消しても、
HTML表示すると書式だけ残っていたりするものがあります。
今のところ、はてなブログのHTML編集画面で確認する限り、
そういった余分な修飾が残っている現象は確認できていません。
これは最強のメリットですね。
これだけでも使う価値十分あります。