TiddlyWiki用のプラグイン作り方。論文から英文コピペするときに余分なスペースや改行を削除！

（バージョンアップのお知らせ。整形済みテキストが自動で選択されるようにJavaScriptを修正しました。これでTrimを押したらすぐにCtrl+Cでコピーできます。2010.12.14）

メモに便利なTiddlyWikiですが、英語の論文は編集者の人が印刷時の見た目がよくなるようにスペースや改行をほいほいいれるので、自分用メモにテキストを引用しようとコピペすると余分なスペースやら改行が入ってこれが気になる！で、いつも思わずぽちぽちと編集してしまう。こういう繰り返しの単純作業のは自動化すべき。そこでjavascriptの勉強がてらプラグインを自作してみた。デモはこちら：

左のテキストボックスに整形したいテキサスをペーストしTrimのボタンをクリックすると余分なスペースが取り除かれた整形済みテキストが左にできて、すでに選択された状態になっているのでCtrl+Cでコピーができる。すっきり！

参考：
初心者のためのJavaScript講座
TW.orgのプラグイン作成の記事

先ずはFunctionの制作を。上記のTW.orgの記事にあるように適当に新しいTiddlerを作る。Tiddlerのタイトルは何でもよい。以下の内容をコピペする。systemConfigをタグに入れるのを忘れずに。これを保存してリロードするとバックステージのプラグインから、このTiddlerがすでにプラグインとして認識されるのを確認できるはず。

//{{{
function myTrimSpaces2(){

var txt = document.getElementById("oldText").value;
txt = txt.replace(/^\s+|\s+$/g,'').replace(/\s+/g,' ');
document.getElementById("newText").value = txt;
document.getElementById("newText").focus();
document.getElementById("newText").select();

}
//}}}

次はこのJavaScriptを呼び出して使うため、もう一つのTiddlerをつくりテキスト入出力用のインターフェイスをHTMLで作る。これもタイトル、タグはどうでもよくて、内容は以下の感じでおしまい。うまくいかない場合、　http://hennohito.cocolog-nifty.com/blog/files/plug-in_Okiba3.html　 からインポートもできるようにしてみたので最後の２つのTiddlers（TrimSpacesとなまえにあるもの）をインポートしてみてください。

    <html><form>

    <textarea id="oldText" name="oldText" rows="2" cols="26" onclick="javascript:this.form.oldText.focus();this.form.oldText.select();"></textarea>
    <input type="button" value="Trim->" onclick="myTrimSpaces2()">
    <textarea id="newText" name="newText" rows="2" cols="26" onclick="javascript:this.form.newText.focus();this.form.newText.select();"></textarea>

    </form></html>

しかしTiddlyWikiの可能性，拡張性はすごい。JavaScriptでコーディングするのは初めてだし、どうやって実行するの？って感じからTW.orgを参考に始めたが基本的にTiddlerにsystemConfigのタグがあればあとはalert('Hello world')とするだけで実行できる環境がデフォルトであるし、実際にやってみるまで気づかなかったが拡張の敷居の低さは拍子抜けするくらいだ。初心者でも使えるツールが割と簡単に開発できてしまった。