paste.js - JavaScriptでクリップボードからペーストされたデータを読み取る MOONGIFT
HTML5になってクリップボードの内容にもある程度JavaScriptからアクセスできるようになりました。ファイルをアップロードする際にもinput(type=file)を使う以外にもドラッグ&ドロップでのアップロード、さらにペーストを使うこともできます。 そうしたクリップボードで処理されたコンテンツを扱いやすくしてくれるのがpaste.jsです。 paste.jsの使い方 ペーストされる対象は入力欄に限りません。普通のDOMでも行えます。 テキストをペーストしたところ。ちゃんと補足できています。 contentEditableの場合、フォントの装飾も反映できます。 画像の貼り付けもできます。 画像を貼り付けた場合、blobになって展開されます。後はCanvasなどに描画することもできますし、サーバへアップロードすることもできるでしょう。デスクトップであれば当たり前なコピー&ペーストもWe
Clipboard Hook - カット/コピー/ペーストをイベントフックするJavaScriptライブラリ MOONGIFT
Webのコンテンツをコピーしたり、逆にペーストすると言ったことはよくあるかと思います。そんな時、URLであれば自動的にリンク展開したり、画像や動画を埋め込み表示にできたりするとUXがとても良くなるはずです。 そんな操作を実現してくれるのがClipboard Hookです。コピー、カット、ペーストと言ったクリックボード操作をイベントフックできるライブラリです。 Clipboard Hookの使い方 デモです。コピーしたタイミングでイベントが呼ばれているのが分かります。 ペーストも同様です。 面白いのはJavaScriptで操作できる点で、貼り付ける場所や内容によってテキスト以外の情報を追加できるということでしょう。 Clipboard Hookのデモでは文字だけでなく色情報も組み合わせてコピーできるようになっています。そして貼り付けるときにはその情報によって描画する内容を変えています。Web
clipboard.js - Flashなしでも使えるクリップボード操作ライブラリ MOONGIFT
Web画面上に表示されている文字列をコピーするのは意外と面倒ですが、クリップボードの操作ができないために色々な工夫が考えられてきました。Flashを使ったものが多かったのですが、HTML5になってFlashは使われなくなってきています。 そこで代替として使ってみたいのがclipboard.jsです。Flashなしでクリップボードの操作ができるJavaScriptライブラリです。 clipboard.jsの使い方 clipboard.jsのデモです。テキストボックスの文字列をコピーします。 アイコンのクリックでコピーされました。 こちらはカットのデモ。 文字が消えてちゃんとカットされました。 こちらは表示されていない文字列をコピーします。data-clipboard-textでコピーする文字を指定しています。 clipboard.jsのタネは新しく出てきたexecCommandというAPIに
使ってない人は損してる！Macのクリップボード拡張アプリ「Clipy」は便利だぞ！｜男子ハック
Macおすすめアプリ使ってない人は損してる！Macのクリップボード拡張アプリ「Clipy」は便利だぞ！2015年10月26日460 @JUNP_Nです。Macのクリップボード拡張アプリの定番といえば「ClipMenu」でしたが既に開発が止まっています、現在は「ClipMenu」をベースとしたクリップボード拡張アプリ「Clipy」を@econa77さんが開発、しばらく使ってみましたがコレはオススメできるアプリ！ OS X El Capitan対応、クリップボード拡張とスニペット機能が便利な「Clipy」クリップボード拡張アプリは使っていますか？クリップボードにコピーした履歴を管理して便利に使うことができるという超便利なアプリなので、使ったことがない人は損してますよ！ 今までMacアプリでクリップボード拡張といえば「ClipMenu」が定番として紹介されてきましたが、既に開発が止まっていること
clipboard.js
Why Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework. That's why clipboard.js exists. Install You can get it on npm. npm install clipboard --save Or if you're not into package management, just download a ZIP file. Setup First, include the script locat
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
