tinymce2.0.6.1インストール

Posted by dab | 2006年10月20日 金曜日 4:43:01 < コンピュータ >

WordPressに使われているエディタがtinymce ですが、
WordPress2.0.4に標準で入っているのバージョンはバグが多いため、最新版をインストールしました。
WordPressにインストールするには、ディレクトリに保存するだけでは使用出来ないので、WordPressのシステムファイルを更新する必要があります。

wp-admin/admin-header.php
49行:<?php if ( $editing && user_can_richedit() ) { ?>
50行:<!–<script type="text/javascript" src="../wp-includes/js/tinymce/tiny_mce_gzip.php?ver=2005 1211"></script>–>
51行:<script type="text/javascript" src="../wp-includes/js/tiny_mce/tiny_mce.js"></script>
52行:<?php } ?>

phpファイルを指定してあるのを直接tiny_mce.jsを読み込むように書き換えます。
さらに

59行以降:<?php do_action('admin_head'); ?>
<?php if ( $editing && user_can_richedit() ) { ?>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
editor_selector : "mce_area",
plugins : "table,save,advhr,advimage,advlink,emotions",
theme_advanced_buttons1_add_before : "save,separator",
theme_advanced_buttons1_add : "fontselect,fontsizeselect",
theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,zoom,separator,forecolor,backcolor",
theme_advanced_buttons2_add_before: "cut,copy,paste,separator,search,replace,separator",
theme_advanced_buttons3_add_before : "tablecontrols,separator",
theme_advanced_buttons3_add : "emotions,iespell,flash,advhr,separator,print",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_path_location : "bottom",
plugin_insertdate_dateFormat : "%Y-%m-%d",
plugin_insertdate_timeFormat : "%H:%M:%S",
extended_valid_elements : "a[name|href|target|title|onclick], img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name], hr[class|width|size|noshade], span[class|align|style]",
external_link_list_url : "../wp-includes/js/tiny_mce/example_link_list.js",
external_image_list_url : "../wp-includes/js/tiny_mce/example_image_list.js",
flash_external_list_url : "../wp-includes/js/tiny_mce/example_flash_list.js"
});
</script>
<?php } ?>

tiny_mceの設定を書きます。
これはtiny_mceのexamples、docs/installation_example_02.htmlからコピーしますが、
そのままでは全てのテキストエリアに適用されてしまうので、

mode : "textareas",
editor_selector : "mce_area",

modeを変更し、editor_selecterを追加します。

wp-admin/edit-form-advance.php
155行:<div><textarea <?php if ( user_can_richedit() ) echo 'class="mce_area" '; ?>rows="<?php echo $rows; ?>" cols="40" name="content" tabindex="2" id="content"><?php echo user_can_richedit() ? wp_richedit_pre($post->post_content) : $post->post_content; ?></textarea></div>

name="true" となっていたところを、editor_selecterで指定したクラス名に書き換えます。

これで<script type="text/javascript" src="xxx.js"></script>と書いてもタグが消滅したりxsrc="xxx.jsに書き換わることはなくなりましたが、ただし、一度投稿した物をIEで編集しようとすると、mce_src="xxx.js"が追加されてしまうので、再投稿前に削除しなければなりません。

なお、この編集は十分なテストを行った結果ではありません。
編集により動作しない、または何らかの不具合があってもその責任を負いません。

TrackBack URI : http://home.wi-wi.jp/blog/wp-trackback.php?p=26

Leave a comment

:mrgreen: :neutral: :twisted: :shock: :smile: :???: :cool: :evil: :grin: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad: