FCKEditorのプラグインGeghiProを改造しました。

行番号とソースコードをテーブル組みに変えてソースコードのみを選択コピーできるようにしました。

例えば

1
2
3
4
5

<div style="width: 300px;">
    <div style="margin: 0px auto; width:20px; border:1px solid red;">
        ○
    </div>
</div>

こんな感じです。

後は、スタイルシートでデザインすればOK！！

その他、行数を1以外からもはじめられるように修正しました。

100
101
102
103
104

<div style="width: 300px;">
    <div style="margin: 0px auto; width:20px; border:1px solid red;">
        ○
    </div>
</div>

こんな感じです。

よかったら使ってみてください

ダウンロードファイルは、「Dean’s FCKEditor for WordPress plugin」というプラグインにGeshiProを同梱してあります。

インストール方法：

1. 以下のリンクからWordPressのプラグインの圧縮ファイルをダウンロードします。
2. ダウンロードした圧縮したダウンロードファイルを解凍します。
3. 解凍してできたフォルダをWordPressのプラグインのフォルダにまるごとアップロードします（「wp-content\plugins」へアップロード)
4. WordPressの管理画面から「Dean’s FCKEditor For WordPress」のプラグインを有効にします。
5. これで完了です。

あとは、新規作成ボタンを押下するとFCKEditorが立ち上がるので、

このアイコンをクリックするとGeshiProの改造版が使用できます。

ダウンロードファイル：GeshiPro(改造版)

こんな感じ

この絵文字追加プラグインのファイルは、以下からダウンロードできます。

Download：tinymce-advancedemoji.zip

インストール方法：

1. 上記ダウンロードファイルを解凍してできたフォルダを、全てWordPressのプラグインフォルダに入れます
2. 管理画面のプラグインの設定から「TinyMCE Advanced」のプラグインを有効にします

これで、インストール完了です

あとは、プラグインの設定画面を見てもらうと「Typepad Emoji」という項目が追加されていますので、
それを、上の「Drag and Drop領域」にドラッグアンドドロップして「Save Changes」を押下してください。そうすると編集画面のTinyMCEに新しいアイコンが表示されるようになります。

これで編集画面にアイコンが表示されない場合は、ブラウザのキャッシュを一度削除してから再度編集画面を表示してみてください。

よかったら使ってみてください。

WordPressの現在のデフォルトの投稿用エディタ「TinyMCE」にTypePadを追加しました

最初は、FCKEditorを使用しようかと思ったのですが「iG:Syntax Hiliter」というプラグインとの相性が悪く記事のメンテナンス性が著しく低下した為にデフォルトのエディタTinyMCEを使用することにしました。

FCKEditorを使用していた時に、TypePadの絵文字を追加し使用していたのでTinyMCEでも同じように絵文字を追加したいなと思ってサイトにソースが落ちてない探していたのですが…ない

なので、作っちゃいました（実際は、FCKEditor用の落ちてたソースをTinyMCE用にカスタマイズしただけだけどね）

こんな感じです。

で、これがソースになります。

Download：TinyMCEでTypePadの絵文字を使う為のTinyMCE用プラグイン

設定方法：

1. 「WordPressのインストールフォルダwp-includes\js\tinymce\plugins」のフォルダに解凍してできた「emoji」フォルダをそのままアップロードします。
2. 「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のプラグイン化も検討したいですが…今のところ未定です

もしよかったら使ってみてください。