So-netブログでYOUTUBE動画を挿入するとその後の行間が詰まってしまう。

北海道の記事あたりから、YOUTUBUの動画を挿入すると、その後の文章の行間が詰まるようになってしまいました。

私のブログの場合、一つの文章が段落となってまして、例えば「あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ。」 と書いても、エンターキーを押すまで行間は空かずこのように一つの塊となります。

そしてエンターキーを押すとこのように１行空いて表示されるので割りと見やすいと思います。 

ところがHTML画面でYOUTUBUの動画をコピーペーストして挿入すると、その後からなぜか下の動画の次の行のように行間が空かなくなってしまいました。 （YOUTUBEで共有＞埋め込みコードをコピー＞so-netの記事の編集画面でHTML表示＞YOUTUBEのHTMLコードを貼り付け）

HTMLのアイコンをクリックしてソース表示を見てみると、それまで一つの段落を挟んでいるはずの「＜Ｐ＞ここの間は一つの段落なのでエンターキーを押すまで改行しないよ＜／Ｐ＞」というタグが、なぜか通常の改行タグ、「＜ＤＩＶ＞ここは一つの塊ですよ＜／ＤＩＶ＞＜ＢＲ＞、次の行に改行するよ」というタグに変わってしまっていました。

写真のすぐ後の文章が写真にピッタリくっついちゃうのはこのためでした。＜ＢＲ＞タグでこの文章のように写真の後を１行空けるには、＜ＢＲ＞＜ＢＲ＞と２回挿入しないといけません。 

では下のように写真や動画の前後に１行空けるにはどうしたら良いか。

例えばYOUTUBEの動画は＜ｉｆｒａｍｅ＞動画のコード＜／ｉｆｒａｍｅ＞というタグで囲まれていますがその前後が＜ｄｉｖ＞動画＜／ｄｉｖ＞＜ｂｒ＞という構成になっていました。そしてその後ずっと文章の前に＜ｄｉｖ＞、文章の後ろに＜／ｄｉｖ＞、エンターキーで＜ｂｒ＞（改行タグ）が挿入されるようになってしまっていたのです。

原因不明なので「＜ｄｉｖ＞文章＜／ｄｉｖ＞＜ｂｒ＞」を１つずつ「＜ｐ＞文章＜／ｐ＞（＜ｂｒ＞は不要）」と書きなおすと、ちゃんと要求通りの見え方になり、保存したらその後はエンターキーを押すと普通に１行空いた文章になるように。

よくわからないかたもいると思いますが同じ症状で困っている人がいたら試してくださいな。 

あと一つ

　 

上のように写真の後が不自然に開いている場合、後にスペースが1行入ってます。編集画面で写真の後ろをクリックすると多分一コマ分後ろにカーソルがあるはずなので、バックスペースキーで一行消してカーソルを写真のすぐ後ろに持っていけば ＯＫです。

コメント 2

ブラウザによる誤作動の可能性はないですか？
当方はBloggerを使ってるのですが、I.E.11もedgeも全く使えません。

で、edgeが対応してないとか？

by buratto28go (2015-11-22 07:13) 

buratto28goさんありがとうございます。
そういえばＩＥ１１を使ってる時に多い気がします。投稿失敗もＩＥばかりですね。
まだウィンドウズ１０にしてないのでｅｄｇｅは使ってません。
動画を挿入しなければ起こらないんですが・・。
by MHR (2015-11-22 22:54)