TextwellのClipperをフラット・デザインにしてみました

別に前のもフラットだけど。


Textwellでマルチ・クリップボードを実現するアクション Clipper
CopyCenterからTexwellに直接ペーストできないか調べていたら・・・。takahashi氏がもっと変なアクションを作っていました。クリップボードの中身を配列化してマルチにしてしまう手法です...
ワクワクしない。コピペに結構使うのだけれど、リストを開くたびにため息が出る。何か美しくない。見た目の問題です。機能はいい。でも、クリップをただ線で区切っただけでは飽きが来る。お仕事的な雰囲気を出してしまっている。もっと楽しくならんもんか。

<meta name=viewport content=initial-scale=1>
<title>Clipper</title>
<style>
  div {
   color:black;
   background:lightgreen;
   font-size:large;
   padding:10px;
  }
  hr {
    border:0;
  }
</style>
<body>
<script>
c=T.pboard;
try{cb=JSON.parse(c);
}catch(e){
  cb=new Array();
  cb.push(c);
}
if(T.range.len){
  cb.unshift(T.current);
  T("copy",{text: JSON.stringify(cb)});
}else{
  link="<hr>";
  for (i=0; i<cb.length; i++){
    link+="<a onclick=Paste(\""+encodeURI(cb[i])+"\")><div>"+cb[i].replace(/</g,"&lt;").substr(0,300)+((cb[i].length>300)? "...":"")+"</div></a><hr>\n";
  }
  document.write(link);
}

function Paste(s){
  T("insert",{text:decodeURI(s)});
}
</script>
</body>

登録リンクはこちら→ http://tinyurl.com/kkmfbcx



リストを付箋紙風にしました。色はライトグリーンで、少し抑えめ。ソースを見るとわかるように、divのスタイルでデザインを決めています。お好みでカスタマイズしてください。それと、長い文章をプッシュすると長すぎて困るので、表示を300字以内に制限しました。そのほうが探しやすいと思う。もちろん、貼り付けるときは全文をペーストします。


使い方は、範囲選択してClipperを呼び出すとテキストの記録。選択していないときは、記録したテキストのリスト表示になります。Textwellにマルチ・クリップを補完する。ただ、記録はtakahashi氏のPushのほうがスマートです。併用してお使いください。

  • takahashihideki • Textwell アクション「Push」と「Pop」