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

yahoo2.gif

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

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

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

こんな(↓)感じです。

adress.gif

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

» contentEditableについて

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

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

この記事のトラックバックURL (トラックバックは承認後に公開されます)

ブラウザ上で画像やテキストを自由に編集する方法

最近、百式と合わせてRSSしてるサイトにPOP*POPってのがあるんですが、この...

ブラウザ上で画像やテキストを自由に編集する方法

nogute.com | 2007年01月22日 12:43

Javascript デザイン 編集

これは知らんかった!ブラウザで下記のJavascriptを実行!javascript:document.body.contentEditable='tru...

Javascript デザイン 編集

技術をつけるべしっ | 2007年01月30日 17:34

コメント一覧

Firefoxでも動作しますね

by say | 2007年01月22日 18:14

Safari2.0.4でも動作しました。

by undefined | 2007年01月22日 19:28

コメント投稿 (コメントは承認後に公開されます)

名前
メールアドレス (表示されませんのでご安心を)
URL
情報保存?
コメント

クリエイティブ・コモンズ・ライセンス

ユーザビリティ向上支援ビービット
Usability tested by BeBit

Powered by
MovableType 3.33-ja

Icons powered by famfamfam.

人気ブログランキング - 100SHIKI
ワード