2006年09月09日(土) 11:22

Movable Typeの編集ボタンをちょい便利にするプラグイン doEdit

20060909.gif

自分が良く使う編集ボタンをプラグインで実装してみました。
MovableType3.3 以降か、3.2ならBigPAPI プラグインの環境下で動きます。
ブラウザは、取り急ぎ IE6 に対応。

プアーなPCでもサクサク編集できると思います。

doEdit


上記リンクからファイルをダウンロードして、アーカイブを解凍してください。

  • /doEditX.XX/
    • /mt-static/
      • doEdit.js
      • /images/
        • /doEdit/***.gif
    • /plugins/
      • doEdit.pl


doEdit.js と doEdit.pl という拡張子が違うだけのファイルが2つあるので、注意してください。


doEdit.js は、アマゾン・アソシエイトのIDが含まれていますので、テキストエディタで開いて自分のものに変更します。
以下の赤字部分がアソシエイトIDです。

function PutAmazonLink(e) {
  if (!canFormat) return;
  var str = getSelected(e);
  var asin = prompt('Enter Amazon ASIN','');
  if (asin != null) {
    if (str == '') {
      setSelection(e, '<a href="http://www.amazon.co.jp/exec/obidos/ASIN/' + asin + '/wwwbayashinet-22/ref=nosim" target="_blank"><img src="http://images-jp.amazon.com/images/P/' + asin + '.09.MZZZZZZZ.jpg" alt="' + asin + '" border="0" /></a>');
    } else {
      setSelection(e, '<a href="http://www.amazon.co.jp/exec/obidos/ASIN/' + asin + '/wwwbayashinet-22/ref=nosim" target="_blank">' + str + '</a>');
    }
  }
  return false;
}


/plugins/ の中にある doEdit.pl は、プラグインディレクトリに、

/mt-static/ の中にある doEdit.js と /images/doEdit/***.gif は、そのままスタティックファイルのディレクトリに放り込みます。


また、doEdit.js の保存は、Movable Type の運用文字コードと同じにしなければなりません(デフォルトは EUC-JP)。


以上の作業で、編集画面のボタンが追加されて表示されればOK。


プラグインとはいえ、かなり強引に動かしていますので、作法の良い JavaScript の記述法などアドバイス是非よろしくお願いします(´ー`)


ボタンが2段になってしまうのがまかりならん、という方へ。

/mt/mt-static/style.css の以下のブロックを見つけます(2120行目付近)。

    #edit-entry .field-buttons-formatting,
    #edit-template .field-buttons-formatting {
        width: 250px;
        float: left;
    }

    #edit-entry .field-buttons-resizing,
    #edit-template .field-buttons-resizing {
        width: 250px;
        float: right;
        text-align: right;
    }

以下のように赤字部分を編集します。

    #edit-entry .field-buttons-formatting,
    #edit-template .field-buttons-formatting {
        width: 500px;
        float: left;
    }

    #edit-entry .field-buttons-resizing,
    #edit-template .field-buttons-resizing {
        width: 60px;
        float: right;
        text-align: right;
    }


【更新履歴】
2006/12/03Ver1.30 カラーパレットがスクロールについてこない不具合を修正
2006/11/27Ver1.20 文字サイズを変更する「大」「小」ボタン追加
2006/09/10Ver1.10 リンクボタンで生成するタグに target 属性を追加。パレットを修正。ボタン画像修正。
2006/09/09Ver1.00 初版リリース
あなたのコメントをお待ちしています。

名前  クッキーに保存 
このエントリーへのコメント(26件)

トラバありがと ☆
なるほど Movable 3.3 対応の WYSIWYGエディターあるんですね。参考にさせていただきます。m(_ _)m

どうもありがとう、導入させていただきました。
もし、文字のサイズやフォント変えの機能もあったら、もっと便利になりますが...。

doEditプラグインの紹介とちょっとした使い方の説明ページを作りましたのでTB送らせて頂きました。
とっても使いやすい良いプラグインですね。
これからもよろしくお願いいたします。

商用BLOG専門店さんの解説サイトから来ました。
MTは3.2を使用しています。
商用BLOG専門店さんの解説通り、
BigPAPI プラグインをMTのpluginsディレクトリに入れたあと、
doEdit.plをpluginsディレクトリに、アソシエイトIDを書き換えてutf-8用に改行コードを保存したdoEdit.jsとimagesフォルダをmt-staticディレクトリに入れたのですが、新規エントリー画面を開いても編集ボタンがデフォルトのままになっております。
原因などおわかりになりますでしょうか。
MT3.2の場合、何か別の作業をする必要があるでしょうか。

>hiroさん
システムメニューのプラグイン一覧でBigPAPIとdoEditは表示されていますか?
また、BigPAPI対応プラグインを他に使用していたりはしますでしょうか?

>ダイさん

ご指摘の点ですが、メイン・メニュー > システム・メニュー > プラグイン
において、BigPAPIとdoEditは共に表示されており、利用可となっております。
プラグインについてはこれでもいくつか使っており、
すべてうまくいっていますが、今回だけは、プラグインを入れても画面が反映されません。

>BigPAPI対応プラグインを他に使用していたりはしますでしょうか
ご質問の意味がわからないのですが、他のブログとういことでしょうか。それなら1MTに対して、ブログは1つしか設定しておりません。答えが変でしょうか。

よろしくお願い申し上げます。

>hiroさん
>>BigPAPI対応プラグインを他に使用していたりはしますでしょうか
BigPAPIプラグインを利用するプラグイン(管理画面を書き換えるようなプラグイン)を、同じブログで使用していませんか?
ものによってはdoEditの処理と競合してうまく動かなくなるかと思います。

初めまして。とても便利なプラグインなので、導入させていただきました。
ありがとうございました。これからにも期待しています。
(記事も書きましたので、さきほどトラックバックさせていただきました。)

>ダイさん
>>BigPAPIプラグインを利用するプラグイン(管理画面を書き換えるようなプラグイン)を、同じブログで使用していませんか?
いえ、使っておりません。現在入れているプラグインは、doeditのほかにはデフォルトで入っている
Nofollow バージョン 2.0, Template Backup and Refresh バージョン 1とそれに、私が入れたCut First Char 0.01だけです。

これらは管理画面を書き換えるようなプラグインではありません。以上ですが、何か他に原因があるのでしょうか。

[doEdit.js は、アマゾン・アソシエイトのIDが含まれていますので、テキストエディタで開いて自分のものに変更します。]は実際にはどの部分を変更すれば良いのでしょうか?いくつかAMAZONの文字があるのですが、、、とりあえずわからないのでそのまま入れてみました。"AMAZON ASIN"とかはこれから調べてみようと思っていますが、、、よろしくお願いします。

>T 一郎さん
解説を追加しておきました。ありがとうございます。

早速アマゾンにも登録しようと思います。ありがとうございました。ボタンも一列にできました。しかし、私にとってはMTは難しくブログの頁作成はまだまだ先になりそうです。

ありがとうございます。
これを探していました!
以前、煮たような物をいれようとして表示されずあきらめていましたが、今回は、簡単に実装できうれしいです。
これでタグうちから開放されます!^^

便利なdoEditに、いつもお世話になっております。
最近はモバイルユーザーが増えて参りまして、当サイトでも「Amazonモバイル用リンクを自分で作成する」記事を書きました。doEditに付属しているdoZONの携帯版ができたら良いなぁーなんて思うのですが、いかがでしょうか?(^-^)

はじめまして☆とても便利なプラグインなので、さっそく使用させていただきました。ありがとうございます。
でも、一つ問題が…。エントリー画面では、ちゃんとボタンは表示されているのですが、文字を選択して、文字色ボタンをクリックしてもエラーが発生してしまいます。(文字の背景色ボタンも同様)他のボタンはエラーは発生していないのですが…一体何が原因なのでしょうか??もしよければ、対処方法を教えてくださいっよろしくお願いいたします。

>kiyuさん
ご利用ありがとうございます。エラーメッセージとお使いのブラウザ(バージョン)を教えてください。

こんにちは、お返事ありがとうございます。
>ご利用ありがとうございます。エラーメッセージとお使いのブラウザ(バージョン)を教えてください。
使用させていただいている環境は、、、
○WindowsXP(SP2)
○IE(ver6)
○文字色の変更&文字背景色の変更ともに、「'document.getElemenById(...)'は Null またはオブジェクトではありません。」とステータスバーにエラー表示されます。
以上です。
JavaScriptなどは無知で、大変お手数ですが、ぜひ原因を教えてください。
どうぞよろしくお願いいたします。

>kiyuさん
環境の問題ではなさそうですね。以下の点はいかがでしょうか。ブログをShiftJISやUTF8で運用している場合は、テキストエディタで文字コードを変換保存しなければならないのですが。
---
doEdit.js の保存は、Movable Type の運用文字コードと同じにしなければなりません(デフォルトは EUC-JP)。
---

こんにちは。お返事ありがとうございます、kiyuです。
>ブログをShiftJISやUTF8で運用している場合は、テキストエディタで文字コードを変換保存しなければならないのですが。
こちらも処理してみましたが…どうもうまくいきません。(UTF8で運用しています)一応、他に使わせていただいているプラグインも明記しておきます。
○UploadDirプラグイン ○Widget Manager ○pmHeadChanger
以上3つのプラグインも、同時に動作しています。どうぞよろしくお願いいたします。

>kiyuさん
原因が読みきれませんが、他プラグインの影響かどうかは、ひとつずつ、もしくは全てのプラグインをはずして、または、ひとつずつ有効にしながら影響を見るとわかるかと思います。
FTPで文字コードが変わってたりはしないですよね。

こんにちは、kiyuです。
お返事が遅くなってしまいました。
>原因が読みきれませんが、他プラグインの影響かどうかは、ひとつずつ、もしくは全てのプラグインをはずして、または、ひとつずつ有効にしながら影響を見るとわかるかと思います。
上記の指示通り、すべてのプラグインを外してみました。(MT標準プラグインを含め)
ですが、残念ながら…やはりエラーはなおりませんでした。(涙)
>FTPで文字コードが変わってたりはしないですよね。
こちらは、FTPにUPした後の文字コードの確認方法を知らなくて検証していないのですが、属性はmt.jaと同じ属性になっていました。(これは関係ないですかね??)
ほかに何か、原因となることはありますでしょうか??

MT4に対応していただけないでしょうか・・・・?
よろしくお願いいたします

>azukiさん
リクエストありがとうございます。が、これもやっぱりMT4への移行が面倒くさくてやってません。MT4は元からWYSIWYGだったりしますよね。どういう実装なんだろうか。。。
正月休みの課題とさせて頂きます。

はじめまして、Movable Type用の解析ツールを検索してこちらのサイトにたどり着きました。そしてこちらのツールも便利そうなので使用させていただきました。ありがとうございます。
いくつかお伺いしたいことがあるのですが、私の環境(WinXP SP2/IE6/Sleipnir2.6/MovableType3.3)ではカラー選択画面が文字化けしてしまうのですが、何か原因が思い当たりますでしょうか?
実際の画面はこんな感じです。http://night.littlestar.jp/img/20071217.gif
なお、他のプラグインをすべて利用停止状態にしても現象は回避できませんでした。
タグ挿入の動作自体は行えるのでこのままでも使用できるのですが、できれば正常な状態で使用したいので、なにかお気づきの点がありましたらアドバイスをお願いいたします。

また、こちらは要望なのですが、こちらのプラグインを使用していると、InsertLink(http://www.sixapart.jp/movabletype/plugins/insertlink.html)が同時に使用できないようなので(InsetLinkの画面が優先されるようです)同等の機能を追加していただけないでしょうか?
別窓のリンク用ボタンがあるだけでもかなり便利なのですが…。
お忙しいところ恐縮ですが、よろしければお返事お願いいたします。

>咲さん
doEdit.js の文字コードはEUCでしょうか?
転送前に何かしら編集をしたり、サーバにFTPする際など文字コードが変更されてしまっていたりということはないでしょうか?
または、MTの運用がUTF-8だったりすると、doEdit.js をテキストエディタなどでUTF-8に変換し直してサーバに設置する必要があるかもしれません。

早速のお返事ありがとうございます。
仰られたとおり、MTの運用がUTF-8でしたので変換しなおしたら解決しました。どうもありがとうございました。

エントリーナビ
Movable Typeの編集ボタンをちょい便利にするプラグイン doEdit」は、
MTプラグイン(3.Xまで) カテゴリーの記事です。


関連エントリー
管理画面でエントリーリストのタイトルを全表示するプラグイン
外部ページへのリンクをリダイレクトするプラグイン
リンクをリダイレクトするプラグイン for Movable Type
キーワードを検索エンジンにリンクするMovableTypeプラグイン
Movable Typeを愛でつつむ LOVEプラグイン

トラックバック
このエントリーへトラックバックするURL (言及リンクのないトラックバックは無効です)