自分のブログの投稿記事を自分でチェックしたときの話です。
パソコンからのチェックはなーんにも問題なし。
だけど、スマホからチェックしたら、、、、
これ→
なに？
文字化け
この四角にバツは、「文字化け」だそうです。
ちょっと調べまーす！！
考察
今回のこの症状は、
Androidのスマホだけで文字化けしてる状態。（確認したのはAndroid6.0系）
でも、そもそも
なんにも文字/絵文字を入力してないところで
文字化け起こしてる
状態。。。
どういうこと？
なにも入力してないのに文字化けだと？、、、
てことはエンコードの問題かー？？
自分のブログだけで文字化け
でもちょっと待てよ
他のサイトでは全く文字化けしてない。
自分のブログだけで文字化けしてる。
ならば原因はエンコードじゃないな。
文字化けを起こしている場所と理由の特定
とにかくまずは対症療法でも何でもいいから、現状を解決したい（涙）
まずは文字化けを起こしている場所の特定をしよう！！
ということで
『エディタの原文』と『ブラウザ上で文字化けするところ』を見比べるとすぐに
文字化けを起こしている場所が特定できました！！
＜ｐ＞タグを使っているところ
と
＜ｂｒ＞タグを使っているところ
次に理由を考えてみる。
まずこの文字化けは、ぼくのサイトだけで起こっている。
で、現状として
＜ｐ＞タグと＜ｂｒ＞タグを使っているところが文字化け。
てことは、原因はエディタじゃないか？？と目星がついた。
さらによく状態を見る＆文字化け改善法
たとえばエディタで
と、入力していると、Androidスマホでは
と表示される。
これをよーく見比べると、文字化けが表示される位置が
- ＜ｐ＞タグの直後
- ＜ｂｒ＞タグの直後
- ＜/ｐ＞タグの直前
であることがわかりました。
事情はわからんが、エディタの原文のその位置に
『目に見えない文字』があるはず！！
じゃdeleteで消せばいいじゃん！！
ということで、実際何もない虚空をぼくはせっせこせっせこ
地道に削除しました！！
その結果、、、
消えました！！
やったーーーーー！！！！
でもそもそもこれって、根本の原因はなんだ？
文字化けの原因は、『エディタのショートカット入力機能』の使い方
完全にこれが原因。
どういうことかっていうと、、、
ぼくはｐタグやｂｒタグを書くとき、
エディタのショートカット入力機能で
ポンとボタンを押すと
や
となるようにしてたんです。
つまり、、、、
ｐタグの間に改行２つ、ｂｒの直後に改行１つ入るようにしてたことが原因だったのです！！
ショートカットで入力してた『改行』が原因だったのです！！！！
まとめ
ぼくの使ってるエディタは
と今回の話の流れで書くと、マイナスイメージに取られてしまうと思いますが、
違うんです。
原因はMarsEdit４ではなく、
ぼくのショートカットキーの使い方が悪かっただけなんです！！
MarsEdit４は、本当に素晴らしいエディタなんです！！
だけど、ショートカットキーを登録する際だけは、ご注意ください♡
ショートカットに改行登録はNG！！
