TinyMCEのオプションcontent_css(エディタ内のスタイル)を通常のスタイルと同じように設定して、
フルスクリーンモードにすると、エディタモードなのかプレビューなのかわからないくらいリッチなエディタに。

WordPressのリッチエディタにCSSを適用する | Tech de Goを参考に

ボタンコントロールの設定と一覧

theme_advanced_buttons1:"",            //ツールバー1段目の設定
theme_advanced_buttons1_add:"",        //ツールバー1段目に加える
theme_advanced_buttons1_add_before:"", //ツールバー1段目の前に加える
theme_advanced_disable:"",             //指定のボタンを使用不可にする

設定オプション

エディタの各部分の位置やサイズ

theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_path_location : "bottom",
theme_advanced_resizing : true,
theme_advanced_resize_horizontal : false,

その他オプション

//スタイルコントロールの設定
theme_advanced_styles : "class1=class1;class2=class2;",

//フォーマットコントロールの設定
theme_advanced_blockformats : "p,div,h1,h2,h3,h4,h5,h6,pre,blockquote,code",

//エディタ内のスタイルシート
//(wp-tinyMCEではthemes/(あなたのテーマ)/editor.cssがデフォルトとなっております)
content_css : "editor.css"

//日付や時間の挿入のフォーマット
plugin_insertdate_dateFormat : "%Y-%m-%d",
plugin_insertdate_timeFormat : "%H:%M:%S",

//エディタ内の自動的に改行
nowrap : false,

//出力するHTMLを自動に整形する <pre>内が勝手に整形された!
apply_source_formatting :false,

//*firefoxのみ Enterキーで改行した場合true:<p> false:<br /> falseにしたら文末のタグから出られない!
force_p_newlines : true,

よく使うリンク,イメージ,メディア等を登録

external_link_list_url : 　"mylinklist.js",
external_image_list_url : "myimagelist.js",
media_external_list_url : "mymedialist.js",
template_external_list_url : "mytemplatelist.js",

– mylinklist.js –

var tinyMCELinkList = new Array(
	// Name, URL
	["Moxiecode", "http://www.moxiecode.com"],
	["Freshmeat", "http://www.freshmeat.com"],
	["Sourceforge", "http://www.sourceforge.com"]
);

– myimagelist.js –

var tinyMCEImageList = new Array(
	// Name, URL
	["Logo 1", "logo.jpg"],
	["Logo 2 Over", "logo_over.jpg"]
);

– mylinklist.js –

var tinyMCEMediaList = new Array(
	// Name, URL
	["Some Flash 1", "test1.swf"],
	["Some Flash 2", "test2.swf"]
);

– mytemplatelist.js –

var tinyMCETemplateList = [
	// Name, URL, Description
	["Simple snippet", "templates/snippet1.htm", "Simple HTML snippet."],
	["Layout", "templates/layout1.htm", "HTML Layout."]
];

今後wp-TinyMCEに、tinyMCEImageList や tinyMCELinkList を動的に生成していきたいかも

[参考]

• TinyMCE:Configuration reference
• TinyMCE:Control reference

関連記事:

• wordpressのエディタ「TinyMCE」をカスタマイズするプラグイン (21)
• webベースのブログ投稿ツール「WriteToMyBlog」 (0)

WordPressに搭載されるテキストエディタ「TinyMCE」の裏技が　Rikaさんの記事「WP2.1 隠されたボタン！ | Rif.2nd」で知って「おぉっ」と思ってたんですが、
そのテキストエディタTinyMCEのサイトを最近知りました。

そのサイトではいろいろとボタンのカスタマイズができるようなことが書いてあるのでwordpressにもできるかな？っと思ってソースを眺めていたらやはりhookできるようになっていました。

ということで早速プラグインを作ってみました。

インストール方法

• wp-tinymceプラグインをダウンロードし解凍する
• wp-includesを指定の場所にアップ
• editor.css（ビジュアルエディタ用css）をあなたのスタイルに合わせて記述し、テーマフォルダにアップ
• wp-tinymce.phpをプラグインフォルダにアップして有効化
• 管理画面のオプションwp-tinymce内をいろいろと変更してみる

例えば
Example 04 - All buttons and pluginsのようにカスタマイズしたい場合は下記のように。

初期値は下記のようになっております。

theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",

theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",

theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",

theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking",theme_advanced_styles : "sample1=sample1;sample2=sample2;",

theme_advanced_blockformats : "p,address,pre,h1,h2,h3,h4,h5,h6",

「ImageManager」プラグインを利用している方は、好きなボタン位置に”ps_imagemanager_tinymceplugin”を記述してください。 (追記:2007-05-14)

リファレンスは「TinyMCEのボタンコントロールの設定と一覧 」にあるので見てください。

テーブル生成ボタンやフルスクリーンモードボタンがとても便利。てかこのサイトまだWP2.0.5だよ。

DOWNLOAD:wp-tinymce.zip var.0.2.1 （WP2.1以上）

参考

• TinyMCE:Configuration reference
• TinyMCE:Control reference
• TinyMCE Javascript Content Editor by Moxiecode Systems AB

var.0.2以下を導入している方へ (追記:2007-06-03)

下記のようなエラーが出る場合があるようなので、修正をお願いします。

• 修正はwp-includes/js/tinymce内を元の状態に戻す
  (wordpressのwp-includes/js/tinymce部分を上書きでOKです)
• var.0.2.1以上をインストール

コードビューボタンがまったく利かなくなったことと、ビジュアルビューで色の設定などして公開ボタンを押しても、まったく反応しないようです。

更新履歴

• 2007/06/03 var.0.2.1エラーの修正
• 2007/05/10 var.0.2 pluginを自動読み込み,エディタスタイルシートをeditor.cssにデフォルト指定
• 2007/05/08 var.0.1

関連記事:

• 被ブックマーク数表示プラグインSBM Popular Entryの修正 (2)
• プラグインのバージョンチェックをしてみる (4)
• [WP:Plugin]引用をカスタマイズできるプラグイン Bookmarklet Helper (13)
• [WP:Plugin]ページナビゲーションの拡張プラグインWP-PageNavi (0)
• [WP:Plugin]プラグイン一覧を表示するプラグイン (1)

webベースのブログ投稿ツール「WriteToMyBlog」、面倒なアカウント登録が無く、その場ですぐにブログ記事を書き投稿できてしまうのです。

投稿時に自分のブログURLとアカウント、パスワードを入力して投稿となります。

対応しているブログはTypePad、Blogger.com、WordPress.com、MovableType、WordPressとXML-RPCが対応しているブログです。

基本機能は新規投稿、下書き保存、投稿済み記事の編集などができます。全画面機能がついており、ちょっとしたエディタで書いている感覚かもしれません。

投稿時にカテゴリを取得し振り分けができますが、日本語カテゴリが文字化けしてしまいます。(投稿記事には問題ありませんので。)

個人的には、まだエディタで書いて投稿しているのですが、web上で書くと保存場所が困りますね（下書き保存がありますけど）。

local上のブログ投稿ツール

• Windows Live Writer
• ubicast Blogger
• BlogWrite

関連記事:

• wordpressのエディタ「TinyMCE」をカスタマイズするプラグイン (21)
• TinyMCEのボタンコントロールの設定と一覧 (7)