ブラウザ上で画像やテキストを編集する
こんな記事を見つけました。
ブラウザ上で画像やテキストを自由に編集する方法
現在見ているホームページの画像やテキストをブラウザ上で編集することができる方法が紹介されています。
早速試してみました。
まず、編集したいホームページをブラウザで開きます。
次に、アドレスバーに
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
と入力してエンターキーを押します。すると、編集可能になります。
例えば、画像を移動してみます。
→
この移動したページを保存することはできません。
ブラウザの「更新」ボタンを押すと元に戻ってしまいますので、注意してください。
リンク元の記事には「IE5.5以上限定」と書いてありましたが、Firefox2.0でも動作を確認しました。
残念ながら、safariは対応していないようです。
使い道としては、デザインや文字を編集して画面のキャプチャをとり、プレゼン資料に使用したり、新デザインの参考にしたりというところでしょうか。
ただ単に遊んでみるのも楽しいです。ぜひお試しください。