DraftPad版DarkRoomで選択範囲を消さないようにしてみた
細かな修正ですけど。
本文からDarkRoomに移るとき、DarkRoomから本文に戻るとき。これまで選択範囲をリセットしていたのですが、そのまま別アシストで使いたい場合もあるので、保持するように書き換えました。やはり、こうした点はエディタ内エディタであるDraftPad版が便利。
DraftPad 1.6.2draftpad://self/web?source=<meta name=viewport content=initial-scale=1,maximum-scale=1><title>DarkRoom</title><script>function main(x){s=%22<body style=margin:0;background:%22+x.bgcolor+%22;><textarea id=wine rows=999 style=\"border:0;width:100%25;background:%22+x.bgcolor+%22;color:%22+x.color+%22;font-size:%22+x.fontsize+%22;font-family:%22+x.font+%22;\" tabindex=2>%22+x.TEXT.replace(/%26/g,%22%26amp;%22).replace(/>/g,%22%26gt;%22)+%22</textarea><input style=border:0;width:70;background:%22+x.bgcolor+%22; onFocus=document.execCommand(\"undo\") placeholder=取り消す tabindex=1><input style=border:0;width:70;background:%22+x.bgcolor+%22; onFocus=document.execCommand(\"redo\") placeholder=やり直す tabindex=3><scr%22+%22ipt>var p,mode;document.ontouchmove=touchMove;document.ontouchstart=touchStart;document.ongesturechange=function(){mode=0};document.ongestureend=gestureEnd;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 gestureEnd(e){if(e.scale>1.2){f=wine.style.fontSize.replace(/px/,\"\");wine.style.fontSize=Number(f)+1;wine.setSelectionRange(wine.selectionStart,wine.selectionStart);mode=1;}if(e.scale<0.8){f=wine.style.fontSize.replace(/px/,\"\");if(Number(f)>12)wine.style.fontSize=Number(f)-1;wine.setSelectionRange(wine.selectionStart,wine.selectionStart);mode=1;}}</scr%22+%22ipt></body>%22;document.write(s);wine.selectionStart=x.loc;wine.selectionEnd=Number(x.loc)+Number(x.len);wine.focus();}location.href=%22draftpad:///webdelegate?load=main%26unload=draftpad.replace(wine.value,wine.selectionStart,wine.selectionEnd-wine.selectionStart)%22;</script>&TEXT=<@@>&loc=<#LOC>&len=<#LEN>&font=Hiragino Mincho ProN&color=lime&bgcolor=black&fontsize=22登録リンクはこちら→ http://tinyurl.com/bdnvwuv
特に使い心地が変わるわけではありません。選んだ部分が選んだまま、ということ。このままDarkRoomを閉じても、選択範囲はDraftPad本文に受け継がれます。
それだけでは淋しいので、アシスト末尾にある「font=〜」で「Hiragino Kaku Gothic ProN」「Hiragino Mincho ProN」「Heiti SC」の切り替えができます。お好みでどうぞ。
colorとbgcolorを書き換えるのもオススメ。blackとivoryだとこんな感じ。#FFFFFF方式の色指定もできます。bgcolorにurl(アドレス)形式で壁紙を貼るのもあり。
HTML色見本
DraftPad用DarkRoomに壁紙を貼る方法を見つけました
思考は、文字のフォルムが「私」に語りかけた対話の航跡である。DarkRoomはDraftPad用入力アシスト。カーソル移動をサポートしています。小まめに修正を繰り返してきたので、ここあたりで操作のガイ...
Safariが軽快なエディタに変わる、韋駄天版DarkRoomを移植しました
(追記) 新型出てます。
新しいDraftPad用DarkRoomはリアルタイムで文字数が出ます
