作ったもの
コピペ時のHTMLの内容を可視化してくれるもの
https://furugen.github.io/Peek-at-HTML/
どんなもの?
Office系のソフト(ExcelやWordなど)の一部や、Webページの一部をコピーしてペーストするとそのまま見た目が貼り付けされる機能があったりしますよね。
あれらは、コピーするときにHTML化したうえでコピーされるため、ペースト時に体裁などが復元することが可能です。
今回作成したサイトは、コピーしクリップボードに保持されているHTMLの情報を可視化してくれます。
どんな使い方を想定?
単純にどんなHTMLの構成になっているんだろう?って場面でも使えますし、
Excelなどの、HTML形式でコピーされた内容を解析するような用途でも使えます。
HTMLの抽出方法
サンプルコード、いたってシンプルでJavascriptで貼り付け時のイベントを購読して、クリップボードからhtml形式でデータを取得してます。
addEventListener("paste" , function(e){
e.preventDefault();
var html_data = e.clipboardData.getData("text/html");
});