codeなにがし::Wordpress emoji for Ktai Style（絵文字入力支援）

Wordpress emoji for Ktai Style（絵文字入力支援）: bit07

ソースコードID：　754
登録日時：　2009/06/05 20:50
最終更新日時：　2009/12/18 03:40
アクセス数：　1508
タグ：　 php wordpress 絵文字

0 users

説明

◎使い方
・WordPressをインストール
・下記２つのプラグインをインストール

KtaiStyle
http://wppluginsj.sourceforge.jp/ktai_style/
emoji
http://wppluginsj.sourceforge.jp/emoji/
両作者様ありがとうございます。日頃使用させていただいております。

emojiの設定画面で、KtaiStyleの〜/ktai_style/pics/SA/ に Dir,http を合わせる。

以上で使用できます。

◎注意
とりあえず作った感じなので、不具合があると思います。
PCからの入力しか考えていません。携帯電話から入力された投稿での絵文字は対応してません。（特にdocomo以外のau,sbなどが）

どしどし、改良を求めます。

ソースコード

履歴表示コピペ用

<?php 
/*
Plugin Name: emoji for KtaiStyle
Plugin URI: http://code.nanigac.com/top
Description: KtaiStyleのPC上での絵文字入力支援
Author: Yasuyuki Furuta
Version: 0.0.1
Author URI: http://www.farawaysky.net
*/

$emoji_conv = new emoji_converter;
add_filter('content_save_pre', array($emoji_conv,'emoji_conv_main'));
add_filter('content_edit_pre', array($emoji_conv,'emoji_reverse_main'));

class emoji_converter {
    public $myConvPics = array(
        'sun.gif'  =>  'd001' ,
        'cloud.gif'  =>  'd002' ,
        'rain.gif'  =>  'd003' ,
        'snow.gif'  =>  'd004' ,
        'thunder.gif'  =>  'd005' ,
        'typhoon.gif'  =>  'd006' ,
        'mist.gif'  =>  'd007' ,
        'sprinkle.gif'  =>  'd008' ,
        'aries.gif'  =>  'd009' ,
        'taurus.gif'  =>  'd010' ,
        'gemini.gif'  =>  'd011' ,
        'cancer.gif'  =>  'd012' ,
        'leo.gif'  =>  'd013' ,
        'virgo.gif'  =>  'd014' ,
        'libra.gif'  =>  'd015' ,
        'scorpius.gif'  =>  'd016' ,
        'sagittarius.gif'  =>  'd017' ,
        'capricornus.gif'  =>  'd018' ,
        'aquarius.gif'  =>  'd019' ,
        'pisces.gif'  =>  'd020' ,
        'sports.gif'  =>  'd021' ,
        'baseball.gif'  =>  'd022' ,
        'golf.gif'  =>  'd023' ,
        'tennis.gif'  =>  'd024' ,
        'soccer.gif'  =>  'd025' ,
        'ski.gif'  =>  'd026' ,
        'basketball.gif'  =>  'd027' ,
        'motorsports.gif'  =>  'd028' ,
        'pocketbell.gif'  =>  'd029' ,
        'train.gif'  =>  'd030' ,
        'subway.gif'  =>  'd031' ,
        'bullettrain.gif'  =>  'd032' ,
        'car.gif'  =>  'd033' ,
        'rvcar.gif'  =>  'd034' ,
        'bus.gif'  =>  'd035' ,
        'ship.gif'  =>  'd036' ,
        'airplane.gif'  =>  'd037' ,
        'house.gif'  =>  'd038' ,
        'building.gif'  =>  'd039' ,
        'postoffice.gif'  =>  'd040' ,
        'hospital.gif'  =>  'd041' ,
        'bank.gif'  =>  'd042' ,
        'atm.gif'  =>  'd043' ,
        'hotel.gif'  =>  'd044' ,
        '24hours.gif'  =>  'd045' ,
        'gasstation.gif'  =>  'd046' ,
        'parking.gif'  =>  'd047' ,
        'signaler.gif'  =>  'd048' ,
        'toilet.gif'  =>  'd049' ,
        'restaurant.gif'  =>  'd050' ,
        'cafe.gif'  =>  'd051' ,
        'bar.gif'  =>  'd052' ,
        'beer.gif'  =>  'd053' ,
        'fastfood.gif'  =>  'd054' ,
        'boutique.gif'  =>  'd055' ,
        'hairsalon.gif'  =>  'd056' ,
        'karaoke.gif'  =>  'd057' ,
        'movie.gif'  =>  'd058' ,
        'upwardright.gif'  =>  'd059' ,
        'carouselpony.gif'  =>  'd060' ,
        'music.gif'  =>  'd061' ,
        'art.gif'  =>  'd062' ,
        'drama.gif'  =>  'd063' ,
        'event.gif'  =>  'd064' ,
        'ticket.gif'  =>  'd065' ,
        'smoking.gif'  =>  'd066' ,
        'nosmoking.gif'  =>  'd067' ,
        'camera.gif'  =>  'd068' ,
        'bag.gif'  =>  'd069' ,
        'book.gif'  =>  'd070' ,
        'ribbon.gif'  =>  'd071' ,
        'present.gif'  =>  'd072' ,
        'birthday.gif'  =>  'd073' ,
        'telephone.gif'  =>  'd074' ,
        'mobilephone.gif'  =>  'd075' ,
        'memo.gif'  =>  'd076' ,
        'tv.gif'  =>  'd077' ,
        'game.gif'  =>  'd078' ,
        'cd.gif'  =>  'd079' ,
        'heart.gif'  =>  'd080' ,
        'spade.gif'  =>  'd081' ,
        'diamond.gif'  =>  'd082' ,
        'club.gif'  =>  'd083' ,
        'eye.gif'  =>  'd084' ,
        'ear.gif'  =>  'd085' ,
        'rock.gif'  =>  'd086' ,
        'scissors.gif'  =>  'd087' ,
        'paper.gif'  =>  'd088' ,
        'downwardright.gif'  =>  'd089' ,
        'upwardleft.gif'  =>  'd090' ,
        'foot.gif'  =>  'd091' ,
        'shoe.gif'  =>  'd092' ,
        'eyeglass.gif'  =>  'd093' ,
        'wheelchair.gif'  =>  'd094' ,
        'newmoon.gif'  =>  'd095' ,
        'moon1.gif'  =>  'd096' ,
        'moon2.gif'  =>  'd097' ,
        'moon3.gif'  =>  'd098' ,
        'fullmoon.gif'  =>  'd099' ,
        'dog.gif'  =>  'd100' ,
        'cat.gif'  =>  'd101' ,
        'yacht.gif'  =>  'd102' ,
        'xmas.gif'  =>  'd103' ,
        'downwardleft.gif'  =>  'd104' ,
        'phoneto.gif'  =>  'd105' ,
        'mailto.gif'  =>  'd106' ,
        'faxto.gif'  =>  'd107' ,
        'info01.gif'  =>  'd108' ,
        'info02.gif'  =>  'd109' ,
        'mail.gif'  =>  'd110' ,
        'by-d.gif'  =>  'd111' ,
        'd-point.gif'  =>  'd112' ,
        'yen.gif'  =>  'd113' ,
        'free.gif'  =>  'd114' ,
        'id.gif'  =>  'd115' ,
        'key.gif'  =>  'd116' ,
        'enter.gif'  =>  'd117' ,
        'clear.gif'  =>  'd118' ,
        'search.gif'  =>  'd119' ,
        'new.gif'  =>  'd120' ,
        'flag.gif'  =>  'd121' ,
        'free.gif'  =>  'd122' ,
        'sharp.gif'  =>  'd123' ,
        'mobaq.gif'  =>  'd124' ,
        'one.gif'  =>  'd125' ,
        'two.gif'  =>  'd126' ,
        'three.gif'  =>  'd127' ,
        'four.gif'  =>  'd128' ,
        'five.gif'  =>  'd129' ,
        'six.gif'  =>  'd130' ,
        'seven.gif'  =>  'd131' ,
        'eight.gif'  =>  'd132' ,
        'nine.gif'  =>  'd133' ,
        'zero.gif'  =>  'd134' ,
        'ok.gif'  =>  'd135' ,
        'heart01.gif'  =>  'd136' ,
        'heart02.gif'  =>  'd137' ,
        'heart03.gif'  =>  'd138' ,
        'heart04.gif'  =>  'd139' ,
        'happy01.gif'  =>  'd140' ,
        'angry.gif'  =>  'd141' ,
        'despair.gif'  =>  'd142' ,
        'sad.gif'  =>  'd143' ,
        'wobbly.gif'  =>  'd144' ,
        'up.gif'  =>  'd145' ,
        'note.gif'  =>  'd146' ,
        'spa.gif'  =>  'd147' ,
        'cute.gif'  =>  'd148' ,
        'kissmark.gif'  =>  'd149' ,
        'shine.gif'  =>  'd150' ,
        'flair.gif'  =>  'd151' ,
        'annoy.gif'  =>  'd152' ,
        'punch.gif'  =>  'd153' ,
        'bomb.gif'  =>  'd154' ,
        'notes.gif'  =>  'd155' ,
        'down.gif'  =>  'd156' ,
        'sleepy.gif'  =>  'd157' ,
        'sign01.gif'  =>  'd158' ,
        'sign02.gif'  =>  'd159' ,
        'sign03.gif'  =>  'd160' ,
        'impact.gif'  =>  'd161' ,
        'sweat01.gif'  =>  'd162' ,
        'sweat02.gif'  =>  'd163' ,
        'dash.gif'  =>  'd164' ,
        'sign04.gif'  =>  'd165' ,
        'sign05.gif'  =>  'd166' ,
        'slate.gif'  =>  'd167' ,
        'pouch.gif'  =>  'd168' ,
        'pen.gif'  =>  'd169' ,
        'shadow.gif'  =>  'd170' ,
        'chair.gif'  =>  'd171' ,
        'night.gif'  =>  'd172' ,
        'soon.gif'  =>  'd173' ,
        'on.gif'  =>  'd174' ,
        'end.gif'  =>  'd175' ,
        'clock.gif'  =>  'd176' ,
        'appli01.gif'  =>  'd201' ,
        'appli02.gif'  =>  'd202' ,
        't-shirt.gif'  =>  'd203' ,
        'moneybag.gif'  =>  'd204' ,
        'rouge.gif'  =>  'd205' ,
        'denim.gif'  =>  'd206' ,
        'snowboard.gif'  =>  'd207' ,
        'bell.gif'  =>  'd208' ,
        'door.gif'  =>  'd209' ,
        'dollar.gif'  =>  'd210' ,
        'pc.gif'  =>  'd211' ,
        'loveletter.gif'  =>  'd212' ,
        'wrench.gif'  =>  'd213' ,
        'pencil.gif'  =>  'd214' ,
        'crown.gif'  =>  'd215' ,
        'ring.gif'  =>  'd216' ,
        'sandclock.gif'  =>  'd217' ,
        'bicycle.gif'  =>  'd218' ,
        'japanesetea.gif'  =>  'd219' ,
        'watch.gif'  =>  'd220' ,
        'think.gif'  =>  'd221' ,
        'confident.gif'  =>  'd222' ,
        'coldsweats01.gif'  =>  'd223' ,
        'coldsweats02.gif'  =>  'd224' ,
        'pout.gif'  =>  'd225' ,
        'gawk.gif'  =>  'd226' ,
        'lovely.gif'  =>  'd227' ,
        'good.gif'  =>  'd228' ,
        'bleah.gif'  =>  'd229' ,
        'wink.gif'  =>  'd230' ,
        'happy02.gif'  =>  'd231' ,
        'bearing.gif'  =>  'd232' ,
        'catface.gif'  =>  'd233' ,
        'crying.gif'  =>  'd234' ,
        'weep.gif'  =>  'd235' ,
        'ng.gif'  =>  'd236' ,
        'clip.gif'  =>  'd237' ,
        'copyright.gif'  =>  'd238' ,
        'tm.gif'  =>  'd239' ,
        'run.gif'  =>  'd240' ,
        'secret.gif'  =>  'd241' ,
        'recycle.gif'  =>  'd242' ,
        'r-mark.gif'  =>  'd243' ,
        'danger.gif'  =>  'd244' ,
        'ban.gif'  =>  'd245' ,
        'empty.gif'  =>  'd246' ,
        'pass.gif'  =>  'd247' ,
        'full.gif'  =>  'd248' ,
        'leftright.gif'  =>  'd249' ,
        'updown.gif'  =>  'd250' ,
        'school.gif'  =>  'd251' ,
        'wave.gif'  =>  'd252' ,
        'fuji.gif'  =>  'd253' ,
        'clover.gif'  =>  'd254' ,
        'cherry.gif'  =>  'd255' ,
        'tulip.gif'  =>  'd256' ,
        'banana.gif'  =>  'd257' ,
        'apple.gif'  =>  'd258' ,
        'bud.gif'  =>  'd259' ,
        'maple.gif'  =>  'd260' ,
        'cherryblossom.gif'  =>  'd261' ,
        'riceball.gif'  =>  'd262' ,
        'cake.gif'  =>  'd263' ,
        'bottle.gif'  =>  'd264' ,
        'noodle.gif'  =>  'd265' ,
        'bread.gif'  =>  'd266' ,
        'snail.gif'  =>  'd267' ,
        'chick.gif'  =>  'd268' ,
        'penguin.gif'  =>  'd269' ,
        'fish.gif'  =>  'd270' ,
        'delicious.gif'  =>  'd271' ,
        'smile.gif'  =>  'd272' ,
        'horse.gif'  =>  'd273' ,
        'pig.gif'  =>  'd274' ,
        'wine.gif'  =>  'd275' ,
        'shock.gif'  =>  'd276'
    );

    function emoji_conv_main($content) {
        $imagesurl = get_option('emoji_image_url');
        $imagesurl = preg_quote($imagesurl);
        $pattern = '|\<img\s+src\=\\\\"'.$imagesurl.'([-_.a-zA-Z0-9]+)\\\\"(?:\s+alt\=\\\\"([^"\\\\]+)?\\\\")?\s?\/?\>|su';
        //preg_match_all($pattern, $content, $res, PREG_SET_ORDER);
        $content = preg_replace_callback($pattern, array($this,'emoji_converter_replace'), $content);
        
        return $content;
    }
    //置換コールバック
    function emoji_converter_replace($matches) {
        $val = $this->myConvPics[$matches[1]];
        if (!empty($val)) {
            if(($matches[1] != $matches[2]) && !empty($matches[2])) $alt = ' alt=\"'.$matches[2].'\"';
            $res = '<img localsrc=\"'.$val.'\"'.$alt.' />';
        } else {
            $res = $matches[0];
        }
        return $res;
    }

    //逆 localsrc -> src
    function emoji_reverse_main($content) {
        $pattern = '%\<img\slocalsrc\=\"(d[0-9]+)\"(?:\s+alt=\"([^"\\\\]+)?\")?\s?\/?\>%su';
        //preg_match_all($pattern, $content, $res, PREG_SET_ORDER);
        $content = preg_replace_callback($pattern, array($this,'emoji_reverse_replace'), $content);
                
        return $content;
    }
    //置換コールバック
    function emoji_reverse_replace($matches) {
        $imagesurl = get_option('emoji_image_url');
        $val = array_search($matches[1],$this->myConvPics);
        if (!empty($val)) {
            if (!empty($matches[2])) $alt = ' alt="'.$matches[2].'"';
            $res = '<img src="'.$imagesurl.$val.'"'.$alt.' />';
        } else {
            $res = $matches[0];
        }
        return $res;
    }

}
?>

1：ゲスト (yamafuki)
2009/07/01 19:10

このソースコードをどうすればいいのでしょう？

2：bit07
2009/07/01 22:34

肝心な事が記載してませんでしたね。

このコードをテキストエディターへコピーし、ファイル名は「emoji_for_KtaiStyle.php」くらいで、UTF-8で保存してください。そして、WordPressのプラグインフォルダー（wp-content/plugins）へアップロードし、アクティベートしてください。

投稿の編集画面で、ビジュアルエディターに切り換え、emoji（スマイリーアイコン）のボタンをクリックすると、絵文字が入力されます。

投稿保存時に ktai Style の仕様の<img localsrc="〜">の形式に変換され、絵文字が表示されます。
再度、編集時には、<img localsrc="〜">の形式が<img src="〜">に変換され、ビジュアルエディタ上でも、絵文字の情報が飛ぶことがありません。（ただし、Docomoの絵文字のみ）

3：ゲスト
2009/12/12 02:22

>emojiの設定画面で、KtaiStyleの〜/ktai_style/pics/SA/ に Dir,http を合わせる。

すみません；もう少し詳しく教えて下さい汗

1,絵文字の画像場所(外部用url)
2,絵文字の画像場所(内部用path)

1と2どちらに置けばいいでしょうか？

4：bit07
2009/12/18 03:40

質問の意味がいまいちよく分からないのですが、とりあえず、「emoji」の作者さんのサイトです。
http://wppluginsj.sourceforge.jp/emoji/

プラグインのインストールをWordPressの標準で行っていたことを前提に、
上記のサイトの例に基づいて説明すると、

WordPress管理画面内の「設定 > 絵文字の設定」のところで下記のように入力します。

絵文字の画像場所(外部用url)
http://www.example.jp/blog/wp-content/plugins/ktai_style/...
※http://www.example.jp/blog/の箇所はWordPressのそのものの
　インストールのされ方によって違います。

絵文字の画像場所(内部用path)
/example/wordpress/wp-content/plugins/ktai_style/pics/SA/
※/example/wordpress/の箇所はサーバーによって違います。
　レンタルサーバーの会社のサイトでだいたい確認できると思います。

以上を設定し、「設定を保存」します。