UltimateTinyMCEの絵文字アイコンを使用するとずれているのを修正する

UltimateTinyMCEで絵文字を使用すると、文字に対してちょっとズレてしまいますTongue Out

これもまた英語環境を前提としているからで、英語だとズレてるように感じないようになっています(はずです)

I like satsuma orange.Cool

まあただ日本語だとズレてるように見えてしまうのは事実なのでそれをなんとかします。

原因は画像、imgタグはデフォルトだと vertical-alignがbaselineになっているからで、それをbottom指定してやれば良い。ということになります。

こういう感じですねKiss

修正箇所は、
wp-content/plugins/ultimate-tinymce/addons/emotions/js
の中にある
emotion.jsに以下の様な箇所があるはずなので

そのborder : 0の下にstyle : ‘vertical-align: bottom;’を挿入してやればいいということになります

こんなかんじですね。border : 0 の後ろに必ず ,(カンマ) の入力をし忘れないようにご注意ください。

これで次からになりますが、アイコンを入れる際に自動的にimgタグ内にstyle属性を作ってスタイルシートを適用してくれるようになりますSmile

逆に、英語だと下に降りて表示される印象を受けるかもしれませんが、そこは仕方ないかと思います。
日本語環境に合わせる事が大切!ですよね

GOOD LUCK!!Wink


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です