Milk+ea

Weblog Is My Hobby.

クリックした要素をcontenteditable化するBookmarklet

f:id:totora0155:20150122211024p:plain

contenteditablizeと名付けました。Gistのコードをコピーするときとかに。

contenteditablizeとは

クリックした要素のcontenteditabletrueにして要素を編集可能にするブックマークレットです。あれです、エディターみたいにするってことです。

こんな感じ

f:id:totora0155:20150122214902g:plain

contenteditable化したら、ctrl or command+actrl or command+cしてコピーします。

本体

次のリンクをブックマークバーなどにドラッグ&ドロップして使ってください。   contenteditablize

Keyconfigなどでショートカットに登録したい人はコードをコピーして使ってね。ctrl or command+actrl or command+cが楽です。

javascript:(function()%7B(function()%7Bvar d,e,b,f,c%3Bb%3Ddocument%3Bd%3Dfunction(a)%7Ba.target.style.outline%3D"2px solid %23F6C555"%3Breturn a.target.style.outlineOffset%3D"-2px"%7D%3Be%3Dfunction(a)%7Ba%3Da.target%3Ba.contentEditable%3D!0%3Bc(a)%3Breturn f()%7D%3Bc%3Dfunction(a)%7Breturn"mouseout"%3D%3D%3Da.type%3Fa.target.style.outline%3D"none":a.style.outline%3D"none"%7D%3Bf%3Dfunction()%7Bb.removeEventListener("mouseover",d,!1)%3Bb.removeEventListener("click",e,!1)%3Breturn b.removeEventListener("mouseout",c,!1)%7D%3Bb.addEventListener("mouseover",d,!1)%3Bb.addEventListener("click",e,!1)%3Bb.addEventListener("mouseout",c,!1)%7D).call(this)%3B%7D)()%3B

コード(CoffeeScript

.