WordPressのTinyMCEにTypePadの絵文字を追加したよ!!
この記事の内容は「TinyMCE Advanced」で簡単に絵文字を追加できるようになりました。
詳しくは、記事:TinyMCE AdvancedっていうプラグインにTypePad絵文字追加したよをご覧ください。
WordPressの現在のデフォルトの投稿用エディタ「TinyMCE」にTypePadを追加しました
最初は、FCKEditorを使用しようかと思ったのですが「iG:Syntax Hiliter」というプラグインとの相性が悪く記事のメンテナンス性が著しく低下した為にデフォルトのエディタTinyMCEを使用することにしました。
FCKEditorを使用していた時に、TypePadの絵文字を追加し使用していたのでTinyMCEでも同じように絵文字を追加したいなと思ってサイトにソースが落ちてない探していたのですが…ない
なので、作っちゃいました(実際は、FCKEditor用の落ちてたソースをTinyMCE用にカスタマイズしただけだけどね)
こんな感じです。
で、これがソースになります。
Download:TinyMCEでTypePadの絵文字を使う為のTinyMCE用プラグイン
設定方法:
- 「WordPressのインストールフォルダwp-includes\js\tinymce\plugins」のフォルダに解凍してできた「emoji」フォルダをそのままアップロードします。
- 「WordPressのインストールフォルダwp-admin\includes\post.php」の1130~1134行、1217~1233行を以下の内容で修正しアップロードします。(変更している行は、1130、1134、1218、1222の4行のみです)
【1130~1134行の修正内容】
1130 1131 1132 1133 1134 |
if ( $teeny ) { $plugins = apply_filters( 'teeny_mce_plugins', array('safari', 'inlinepopups', 'media', 'autosave', 'fullscreen', 'emoji') ); $ext_plugins = ''; } else { $plugins = array( 'safari', 'inlinepopups', 'autosave', 'spellchecker', 'paste', 'wordpress', 'media', 'fullscreen', 'wpeditimage', 'wpgallery', 'emoji' ); |
【1217~1233行の修正内容】
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
if ( $teeny ) {
$mce_buttons = apply_filters( 'teeny_mce_buttons', array('bold, italic, underline, blockquote, separator, strikethrough, bullist, numlist,justifyleft, justifycenter, justifyright, undo, redo, link, unlink, fullscreen, emoji') );
$mce_buttons = implode($mce_buttons, ',');
$mce_buttons_2 = $mce_buttons_3 = $mce_buttons_4 = '';
} else {
$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '|', 'bullist', 'numlist', 'blockquote', '|', 'justifyleft', 'justifycenter', 'justifyright', '|', 'link', 'unlink', 'wp_more', '|', 'spellchecker', 'fullscreen', 'wp_adv', '|', 'emoji' ));
$mce_buttons = implode($mce_buttons, ',');
$mce_buttons_2 = apply_filters('mce_buttons_2', array('formatselect', 'underline', 'justifyfull', 'forecolor', '|', 'pastetext', 'pasteword', 'removeformat', '|', 'media', 'charmap', '|', 'outdent', 'indent', '|', 'undo', 'redo', 'wp_help' ));
$mce_buttons_2 = implode($mce_buttons_2, ',');
$mce_buttons_3 = apply_filters('mce_buttons_3', array());
$mce_buttons_3 = implode($mce_buttons_3, ',');
$mce_buttons_4 = apply_filters('mce_buttons_4', array());
$mce_buttons_4 = implode($mce_buttons_4, ',');
}
設定は、以上でおわりになります。
私は、ver2.7でやったのでもしかすると修正箇所が異なる人がいるかもしれませんがそのときはすみません
WordPressのプラグイン化できたらよかったのですが、やり方がわからないので簡単にできる方法でやってしまいました
時間があったらWordPressのプラグイン化も検討したいですが…今のところ未定です
もしよかったら使ってみてください。
コメント:1件
トラックバック:4件
-
[...] http://blog.veryposi.info/programing/cms/wordpress/wordpress-tinymce-typepad/#more-29 http://start.typepad.jp/typecast/ 右下のほうにも入れていますが、 著作権表示っす。 Six Apart Ltd / CC BY 2.1 タグ: WordPress すき焼 [...]
-
[...] WordPressのTinyMCEにTypePadの絵文字を追加したよ!! | PHPプログラマのバリ・ポジ情報ブログ (tags: WordPress) [...]
-
[...] 追加した絵文字は「PHPプログラマのバリ・ポジ情報ブログ」さんからダウンロードした [...]
-
[...] と質問がありました。 今は、デフォルトのスマイルボタンと、 http://blog.veryposi.info/programing/cms/wordpress/wordpress-tinymce-typepad/ こちらを参考に、Tpyepadの絵文字を使えるようにしてあります。 [...]
はじめまして
絵文字の変更をしたくて記事を読ませて頂きました。
早速に追加をしようと思いましたが、バージョン違いで、修正箇所が違うようです。
バージョン 3.3.1です。
宜しければ、修正箇所を教えて頂けませんか