Safariが軽快なエディタに変わる、韋駄天版DarkRoomを移植しました

まだ体験されてない方は、ぜひ触ってみてください。


iPhone/iPadのSafariにメモ機能を追加するブックマークレット ClipNote
メモ書きがSafari内で完結する。Webページを編集可能にしてしまう魔法の呪文、contentEditable。コピペがしやすくなるのは良いんですが、それ以外は使えない。イタズラ書きするくらいのもの...
「タグなしでコピペするんだったら、カーソル移動もスライド方式が良いよなあ」と夢想したら、いつの間にか出来てました。早ッ!Safari版DarkRoomです。

javascript:editor="draftpad://insert?after=<@>";fontsize="20";color="lime";bgcolor="black";text="data:text/html;charset=UTF-8,<meta name=viewport content=initial-scale=1,maximum-scale=1><title>DarkRoom</title><body style=margin:0;background:"+bgcolor+";><textarea id=wine rows=999 style='border:0;width:100%;background:"+bgcolor+";color:"+color+";font-size:"+fontsize+"px;font-family:Hiragino Kaku Gothic ProN;' tabindex=2></textarea><input style=border:0;width:70;background:"+bgcolor+"; onFocus=document.execCommand('undo') placeholder=取り消す tabindex=1><input style=border:0;width:70;background:"+bgcolor+"; onFocus=document.execCommand('redo') placeholder=やり直す tabindex=3><script>var p,mode;document.ontouchmove=touchMove;document.ontouchstart=touchStart;document.ongesturechange=sendText;function touchMove(e){t=e.touches[0].pageX;if(t-p>4){wine.setSelectionRange(wine.selectionStart+mode,wine.selectionEnd+1);p=t;}if(p-t>4){wine.setSelectionRange(wine.selectionStart-mode,wine.selectionEnd-1);p=t;}}function touchStart(e){p=e.touches[0].pageX;mode=(wine.selectionStart==wine.selectionEnd)}function sendText(){location.href='"+editor+"'.replace(/<@>/,encodeURIComponent(wine.value));}</script></body>";window.open(text,"_blank");

Safariブックマークレットとして登録し、お使いください。



Safariの入力欄に文字を打つのは面倒くさい。そんなわけで、文字入力用のページを開きます。最初は真っ暗。タップすると入力モードになります。そして、カーソルがスライド方式で移動します。画面上を指一本で左右にスライド。それに合わせてカーソルも素速く走る!



「あ、消しすぎた!」 という場合は、キーボード左上の「前へ|次へ」。編集履歴を戻ったり進んだりできます。Undo/Redoがボタン一つで操作できる。戻りすぎると作業領域に飛んでしまうので、「次へ」で編集画面に戻ってください。怖くはありません。



Safariならではの素晴らしさが、この多面モード。起動するごとに新しいDarkRoomが増殖し、別々の文章が編集できます。すごい。テキスト間でコピペが出来る。Safariのタブで画面を切り替え、他からの文章を貼り付けていく。融合魔法が使えるわけです。


最後に二本指スワイプでテキストを転送して完了。転送先のエディタや配色のカスタマイズは、ブックマークレットの初めのほうに固めてあります。お好みでどうぞ。
まあ、DraftPadやMyScripts用のDarkRoomを作ってきましたが、Safari版が一番奇妙です。ブラウザなのに文章が書ける。ネットと連動させるネタが潜んでいるかも知れない。
今度のDraftPad用DarkRoomはフォントが拡大/縮小します
遅ればせながら、MyScripts用DarkRoomも新調しました
Safariで走る韋駄天エディタDarkRoomの「ほぼ完成版」