サポート » 使い方全般 » ktai styleで絵文字を画像として表示させるためには。。

  • こんにちは。

    以前も同じような質問をしたのですが、解答がないため質問が悪かったのだと思いましたので、言葉を変えて質問させてください。

    PC側から絵文字を入力するとktai styleでは、絵文字が画像で表示されてしまいます。対策として、PCから入力する際に<img>タグにclass=”ktai”を記入すれば、直接表示されるそうですが、毎回入力するのはとても面倒ですし、自分以外にもHTMLに詳しくない人が記事を書くので、簡単にしたいです。
    TinyMCE advancedという絵文字を入力できるプラグインを使用しているのですが、絵文字を入力した際に、<img 絵文字のURL border=”0″ alt=”画像の名前” />と表示されるため、JavaScprpt(emoji.js)の編集で以下がとても怪しいと感じました。

    insert : function(file) {
    var altname = file.slice(0,file.lastIndexOf(‘.’));
    var ed = tinyMCEPopup.editor, dom = ed.dom;
    ed.execCommand(‘mceInsertContent’, false, dom.createHTML(‘img’, {
    src : tinyMCEPopup.getWindowArg(‘plugin_url’) + ‘/img/’ + file,
    border : 0,
    alt : altname
    }));
    }
    ここにどのように変更することで、
    <img 絵文字のURL border=”0″ alt=”画像の名前” />
    に、 class=”ktai”と入れることが出来るのでしょうか?

    現状を言葉で説明するのが苦手なので、わかりにくい表現があっても教えてください。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • ktai style作者さんからの返事がないようなので、参考までに聞いてください。

    そもそもTinyMCE advancedとktai styleで絵文字の扱い方法が違うことが原因でしょう。

    TinyMCE advancedが絵文字を画像で投稿するようですが、それだと携帯で表示した場合も実際の絵文字ではなく画像になってしまいます。もちろんパケ代も跳ね上がるでしょう。

    ktai styleの場合、携帯では各社の自動変換機能などを駆使して通常の絵文字が表示されるように処理され、PCでは絵文字を画像で表示するようにカスタマイズするやり方だと思います。

    以上のことを理解しつつ、画像にclass=”ktai”を入れたいとすればktai style側のソースを編集するほうが簡単だと思います。もちろん工夫をしないとすべての画像にclass=”ktai”が入ってしまいすべての画像が直接表示になってしまうことで余計にパケ代がかかることでしょう・・・

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「ktai styleで絵文字を画像として表示させるためには。。」には新たに返信することはできません。