ブラウザ上で画像やテキストを自由に編集する方法
January 22, 2007 11:22 AM written by 100SHIKI Apprentice

ご存知の方も多いかと思いますが、ご存知ない方のためにちょっとしたTipsをご紹介。Internet Explorer5.5以上限定ですが。

Webサイトをブラウザ上で自由に編集できてしまうテクニックです。やり方は簡単。下記のJavaScriptをアドレスバーに打ち込むだけ。

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

こんな（↓）感じです。

ドラッグ＆ドロップで画像を動かせる他、テキストも自由に書きかえることができます。これはコンテンツをブラウザ上で編集できる「contentEditable」というタグを活用したTipsですね。

» contentEditableについて

スクリーンショットを取る時にいらない画像を簡単に消したりできるのは便利かも。diggからの情報でした。

» Digg - CRAZY cool javascript : Edit whatever you want on ANY page : Images, Text.

Info: 便利ツール | 固定リンク | コメント (2) | トラックバック (2) | ↑