« 101 英語キーボード ATOK カナキーをロック/解除するキー カナロック | トップページ | TiddlyWiki  Tiddler内でオンライン辞書 IFRAMEの背景色指定 »

2010年6月19日 (土)

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  からインポートもできるようにしてみたので最後の2つの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')とするだけで実行できる環境がデフォルトであるし、実際にやってみるまで気づかなかったが拡張の敷居の低さは拍子抜けするくらいだ。初心者でも使えるツールが割と簡単に開発できてしまった。

« 101 英語キーボード ATOK カナキーをロック/解除するキー カナロック | トップページ | TiddlyWiki  Tiddler内でオンライン辞書 IFRAMEの背景色指定 »

TiddlyWiki」カテゴリの記事

パソコン・インターネット」カテゴリの記事

コメント

コメントを書く

コメントは記事投稿者が公開するまで表示されません。

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1169291/35355701

この記事へのトラックバック一覧です: TiddlyWiki用のプラグイン作り方。論文から英文コピペするときに余分なスペースや改行を削除!:

« 101 英語キーボード ATOK カナキーをロック/解除するキー カナロック | トップページ | TiddlyWiki  Tiddler内でオンライン辞書 IFRAMEの背景色指定 »

広告欄


やっつけタイムライン

広告欄

はてブ

人目の訪問です。

  • follow us in feedly

    かなり更新が不定期なため、RSSリーダーをオススメします。現在Feedlyに122人登録頂いています。多謝!RSSを表示

    ブログランキング用 にほんブログ村 IT技術ブログ Pythonへ ブログランキングならblogram






    Jenny Mayhem
2017年11月
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    

IT技術注目記事

無料ブログはココログ