Weblog

Pure JavaScript Wiki Like Formatter

Posted at 2004-03-07T12:54:00+09:00 in Coding

HTMLマークアップ秀丸マクロ for blosxomをベースにして、WikiライクなフォーマッターをPure JavaScriptで作成してみる。Wikiっぽくtextareaにサクサク文章を書き、ボタンを押すとマークアップしてくれるというような感じ。わからねーよ。頭の体操にはなりました。

実際にPure JavaScript Wiki Like Formatterを動かしてみるとわかるかも・・・・しれない。

Pure JavaScriptなので、wikieditishのflavourにコアのJavaScriptファイルをincludeして、ボタンを付け加えたりすれば使えます。感覚的には、「ひよこなのかあれは？」なAAを挿入するボタンをつけるような感じ。なので、Movable Typeのエントリ編集画面とかにもこの機能を追加することが出来る・・・はずです。

てか、任意のウェブ・ページのtextareaにフォーカスを置いて、Bookmarkletとかも出来るかも。実用性はこっちの方が高そう。

Mozillaでうごかねぇ（w。split()の使い方がおかしいっぽい。

追記

Internet ExplorerのMenuExtから呼ぶのは簡単でした。

<html>
<script type="text/javascript" src="http://labs.hail2u.net/pjswlf/pjswlf.js"></script>
<script type="text/javascript" defer>
<!--
  var pWin = external.menuArguments;
  doMarkup(pWin.event.srcElement);
//-->
</script>
</html>

というファイルを作ってやって、IEMenuExtで、

IEMenuExtでの設定方法

というように設定すると、textareaで右クリックすると、

textareaなどでの右クリックメニュー

こんなメニューが出てくるようになります。ここでは「00 Pure JavaScript Wiki Like Formatter」と名前を付けたメニューを選択すると、textarea内のテキストをマークアップしてくれます。ありとあらゆるウェブ・ページのtextareaで利用できる・・・はず。

Recent entries from same category

同じカテゴリに分類された最近10件のエントリです。

  1. JSONフィードとか何とか #2
  2. 設定を外部JavaScriptファイルから読み込む
  3. del.icio.usのnetworkをツリー状に展開しまくる
  4. XPIパッケージにまとめるバッチ・スクリプト
  5. Yahoo! Search Web ServicesのJSON(P)を利用したサイト内検索
  6. Google AJAX Search APIのJSONPを利用したサイト内検索
  7. JSONPに同期リクエスト
  8. インバウンド・リンクのリスト
  9. はてなブックマークエントリー情報取得APIははてなスクリーンショットAPI(でもある)
  10. prototype.jsの開発メモとGecko DOM ReferenceのHTMLヘルプ

Comments

JavaScriptに対応または有効な環境の場合、ここにはてなブックマークでのこのエントリに対するコメントが表示されます。

Weblog archives

by Month

by Category

This page was last modified on 2005-10-18T20:50:28+09:00 (in 0.137 secs).