0

そこで、ブログにemoji oneスクリプトを統合して、すべてをfromに変換しました。機能しますが、大きすぎて他の投稿と衝突します。unicode emojisemojisemoji one

これは、統合に使用したコードです。

 $(window).load(function() {

   function convert() {
     var input = document.body.innerHTML;
     var output = emojione.unicodeToImage(input);
     document.body.innerHTML = output;
   }

   convert();
 });
img.emojione {
  /* Override any img styles to ensure Emojis are displayed inline*/
  margin: 0px !important;
  display: inline !important;
  min-width: 15px!important;
  min-height: 15px!important;
  vertical-align: middle;
}
<script src="//cdn.jsdelivr.net/emojione/2.0.0/lib/js/emojione.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/emojione/2.0.0/assets/css/emojione.min.css" />

そして、働くフィドル

これが私のブログのプレビューです。

最善を尽くしたにもかかわらず、デフォルトのサイズで表示することができませんでした。

これが私のブログのコード全体です。

どんな助けでも大歓迎です。

4

1 に答える 1

1

これは、ブログのカスタム CSS の後にEmojiOne CSSを読み込んでおり、width:autoEmojiOne CSSが「機能している」ためです。

したがって、カスタム CSS の前に次の行を追加します。

<link rel="stylesheet" href="//cdn.jsdelivr.net/emojione/2.0.0/assets/css/emojione.min.css"/>
于 2016-03-06T23:38:09.600 に答える