病的溺愛シンドローム > WordPress > プラグイン > ウィジェット > WordPressのビジュアルエディタを拡張 – TinyMCE Advanced

WordPressのビジュアルエディタを拡張 – TinyMCE Advanced

Posted on 2009年01月10日 | 9 Comments|

WordPressのビジュアルエディタの拡張にTinyMCE Advancedプラグインを導入した。

TinyMCE Advancedを導入した図

今までお世話になったAdvanced TinyMCE Editorには若干の不満があった。
正常に動作しているっぽかったし、愛着もあったのだが、
tableなど一部のボタンがどうしても表示されなかった。
ブラウザのキャッシュを削除したり、違うブラウザで開いたりしたけどだめ。

もっと使いやすくて、導入が簡単で、できれば日本語のものがあれば…
と探してみたら、TinyMCE Advancedを発見した。

これはもの凄く便利なプラグインで、表示させるボタンを自由に移動させられるし、
今までできなかった”複数の改行を削除しない”という機能が付いている。

（WordPressで p や br を連続で入れると、自動的に削除されてしまう。）

スタイルもかなり詳細に、しかも簡単に設定することができる。

インストールも簡単で、ダウンロードしたzipファイルを管理画面の
「プラグイン」→「新規追加」でブラウザアップロードを利用してできる。
そのまま有効化すればOKだ。

なんとこのプラグインの日本語版を配布して下さっている素敵なサイトがある。

「TinyMCE Advanced3.2 日本語版配布 | Lovelog+*」

書かれているとおり、ダウンロードした.poと.moファイルを「TinyMCE Advanced」フォルダの中にアップロード。
本家からダウンロードしたフォルダの中の「tadv_admin.php」の2行目以降に下記を追加。

$domain_name = ‘tinymce-advanced’;
$locale_name = get_locale();
$mofile_name = dirname(__FILE__);
$mofile_name .= “/$domain_name-$locale_name.mo”;
load_textdomain(“tadv”, $mofile_name);

これだけで設定画面も、ボタンにマウスを合わせたときの説明も、日本語で表示されるようになる。
なんて素敵！！

使い心地最高♪
これからはTinyMCE Advancedプラグインを愛用しようと思う。

この記事を読んだ人は、こんな記事にも興味を持っています

8 Comments for this entry

☆ラフ★
1月 10th, 2009 on 3:28 PM
はろ～ん　あるふぁ～♪(　^ー^)ニΣニニ⊃‐・:;プニィィィ

あし＠
唯奈
1月 10th, 2009 on 7:01 PM
＞☆ラフ★さん
(*^-^*)/こんばんは～♪
Cat-sushi
1月 10th, 2009 on 7:22 PM
あけましておめでとう。
もはやワープロですね。
国際結婚SE
1月 10th, 2009 on 8:53 PM
しかし、まぎらわしい名前ですね。
「Advanced TinyMCE Editor」と「TinyMCE Advanced」・・・
まあ、両方ともTinyMCEを基に拡張しているのでそうなるんだろうけど・・・

私はWordPress使い始めの頃に幾つかVisualEditor/BlogEditorと呼ばれるものを使いましたが、出されるhtmlコードに納得できなかったので、今ではタブも手で入力しています。

でも、唯奈さんの記事読んでいたら、また使ってみたくなってきちゃいました。(^^ゞ
唯奈
1月 10th, 2009 on 9:09 PM
＞Cat-sushiさん
あけましておめでとうございます。
今年もよろしくお願い致しますm(_ _”m)ﾍﾟｺﾘ

(ﾟ-ﾟ*)(｡｡*)ｳﾝｳﾝ
ワープロ感覚ですね。
便利です♪

＞国際結婚SEさん
紛らわしい名前ですね(;´▽｀A“
どちらも（正常動作した場合の）使い心地も似てます。
美しいコードにこだわるとエディタは納得できないかもしれませんね。
そもそも br/ は連続で入れちゃいけないし、空っぽの p もダメですから、それができるようになった♪と喜んでる時点で「美しいコード」は捨ててます。
このブログで今更W3Cなんて気にしても無意味だし(´ー｀)┌ﾌｯ
いいんだ…。
意図したように表示されてればソースなんて…(　= =) ﾄｵｲﾒ
たけ
8月 9th, 2010 on 10:51 PM
WordPressのビジュアルエディタを拡張 – TinyMCE Advanced — 病的溺愛シンドローム http://yuina.lovesickly.com/wordpre…
tomoru
11月 2nd, 2010 on 6:11 PM
うん、WPでモバイルつくるならこれ入れたほうがいいな http://yuina.lovesickly.com/wordpress-tips/plugins-wordpress/plugin-widgets/1670
fukagawatomoru
11月 2nd, 2010 on 6:22 PM
<span style="color: #ff0000;">ああああああ</span><p style="text-align: center;">中央</p>でモバイルにも使えます