見ているページを編集可能にするブックマークレット。面白い
ContentEditable/designMode
サイトを編集可能にするブックマークレット
IDEA*IDEA
javascript、bookmarklet
以下の一行をアドレスバーに入力してリターンキーを押すだけ。すると今見ているサイトが編集可能になります。 編集後キャプチャしたら何か使えそう
javascript
デモ画面作成に使えそう!
すごいけど、全然役に立たない気がするぜ!
こ、これは普通に“使える”ワザだ!便利。
JSネタ
なんぞこれ!! すごいなぁ。面白い。
いろいろ応用できる
たった一行でどんなサイトでも編集可能にする小技 | IDEA*IDEA
役に立たないので決してtipsではない
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
なんかに使おう・・・いつ使おう?
][すごい][技術]
すごいけど、実用性に欠ける・・・
こいつは便利だ。
サイト編集
document.designMode='on'
JavaScriptたのしー
リッチテキストエディタのソースによくあるあれかな
"javascript:document.body.contentEditable='true'; document.designMode='on'; void 0"の1行を張るだけ。印刷時に余白やメニューを編集するときにすごい便利
wikiのシステムを作るときこの技術を応用すればwiki記法を表示させなくて良いかも
IE7でもOperaでも動いた(゜д゜)なんじゃこりゃー
"[javascript][surprise][ネタ]"
印刷時やキャプチャ時の微修正に便利かも→javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
javascript, browser, tips, ネタ
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 で編集可能のように見せることが出来ると。やってみたら、面白~い!
ページ全体を編集モード(contentEditable / designMode)に切り替えるブックマークレット。印刷時に不要なものを消すのに便利。
プレゼン中の小ネタとしてもよさげ?保存出来るわけじゃないからあくまで魅せ技だけど。
紹介されている一行をアドレスバーに入力してリターンキーを押すだけ。
これはすげぇ
Opera9.51 OK.メモを取ったりするのに使える!
便利技
コピーするのに重宝?
テンプレートやスキンを作ったときに、各カラムの文章の増減でデザインがどう変わるか、ざっと確認するときなんかに使えるかなあ。でもFirefoxだったらWeb Developerで大抵のチェックはできるからなあ(笑)
はてなブックマークで他人のコメントを書き換えたりも出来たりするのか。
contenteditable にする。
なるほど、そういうことも出来るわけだ。
試す
任意のサイトを開いてアドレスバーに「javascript:document.body.contentEditable='true'; document.designMode='on'; void 0」を入力。
知らなかった・・・面白い。
たった一行でどんなサイトでも編集可能にする小技「javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 」
これは便利だなあ。特にIEがやれば出来る子に見えてしまうのが凄いな。
デザインとライティングを分離するのに便利。デザイナーとコンテンツライターは別のことが多いし。文章量がレイアウトに影響を与えるときに、HTML何もわからない奴でも視覚的に理解できる。
スクリーンショット用に。…架空サイトの画像を作るにも便利?
伏字にすると便利かも。と思いつつ、絶対使うべきときに思い浮かばない。
なんでこんなのがいまさら…。
スクリーンショットを撮る段になって見つかったtypoや動的ページでアプリ側をいじるのが面倒なときに便利なんじゃないかな。
contents editable 先週思いついてやろうとしたけどできなかった。知識がある人がうらやましい。 使い道はある。
…あーそうか、最後の void 0 が無いと、ページ遷移しようとして内容が失われちゃうのか。 / WYSIWYG 入力を実現するための基本的なテクニックとして覚えておこう。
おかしー、笑い転げた
Safariでも動いた
おもしろーい
ネタ
ぶっちゃけFirefoxだとfirebugsでやっちゃうから価値なしだけれども、IEで出来るのは凄い、うれしい!
こんなことできたのかー
ブックマークレットにして何かに活用できそう
なるほど。これは危険ですね。
スクショ用
ココロンの仕事がやりやすくなりそう。
スクリーンショットを撮りたいときに実データだとまずい場合に編集してしまうとか
たった一行でどんなサイトでも編集可能にする小技
サーバ側がWebDAVだったらそのまま保存できちゃえばいいのに。
contentEditable
おおおおおおお
webページのスクリーンショット用ってよいかも!
ローカル環境において、CSSで設定された属性を活かしてテキストの編集が出来た。ただしぐだぐだのコーディングのサイトの場合は編集に苦労する。
辞書登録完了。
特に利用価値はないんだけどブックマークレット化した。
ブックマークレットでページを編集。あくまでローカル
↓伏字にしてスクリーンショットというのは面白い/HTML形式のマニュアルとかだと、若干のコメントを付けてスクリーンショットを送るとか出来るんだね
Opera9.50で動いた
自作CMSにこれ使おうかな。
HTMLのソースを弄れるブックマークレットも話題になった http://d.hatena.ne.jp/takef/20060123/1137976013
文章の一部を伏字にしてスクリーンショットを取るときとか便利かも
javascript:void(document.body.innerHTML=document.body.innerHTML.replace(/"foo"/g,"bar"));を懐かしく思い出す。
ブックマークレット ページ内 編集 すごい!
[PR]1位も狙える?ブログランキング出会いの広場
はてなブックマークの中から「これはひどい」エントリーを取り上げて、Digg風に表示したサイトです。より人の為になるこれはすごいバージョンもあります。
はてブで「これはひどい」タグを付けると投票としてカウントされ、コメントを書き込むとコメントとして反映されます。はてな認証APIによる投票にも対応しています。
コメント
見ているページを編集可能にするブックマークレット。面白い
ContentEditable/designMode
サイトを編集可能にするブックマークレット
IDEA*IDEA
javascript、bookmarklet
以下の一行をアドレスバーに入力してリターンキーを押すだけ。すると今見ているサイトが編集可能になります。 編集後キャプチャしたら何か使えそう
javascript
デモ画面作成に使えそう!
すごいけど、全然役に立たない気がするぜ!
こ、これは普通に“使える”ワザだ!便利。
JSネタ
なんぞこれ!! すごいなぁ。面白い。
いろいろ応用できる
たった一行でどんなサイトでも編集可能にする小技 | IDEA*IDEA
役に立たないので決してtipsではない
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
なんかに使おう・・・いつ使おう?
][すごい][技術]
すごいけど、実用性に欠ける・・・
こいつは便利だ。
サイト編集
document.designMode='on'
JavaScriptたのしー
リッチテキストエディタのソースによくあるあれかな
"javascript:document.body.contentEditable='true'; document.designMode='on'; void 0"の1行を張るだけ。印刷時に余白やメニューを編集するときにすごい便利
wikiのシステムを作るときこの技術を応用すればwiki記法を表示させなくて良いかも
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
IE7でもOperaでも動いた(゜д゜)なんじゃこりゃー
"[javascript][surprise][ネタ]"
印刷時やキャプチャ時の微修正に便利かも→javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
javascript, browser, tips, ネタ
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 で編集可能のように見せることが出来ると。やってみたら、面白~い!
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
ページ全体を編集モード(contentEditable / designMode)に切り替えるブックマークレット。印刷時に不要なものを消すのに便利。
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
プレゼン中の小ネタとしてもよさげ?保存出来るわけじゃないからあくまで魅せ技だけど。
紹介されている一行をアドレスバーに入力してリターンキーを押すだけ。
これはすげぇ
Opera9.51 OK.メモを取ったりするのに使える!
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
便利技
コピーするのに重宝?
テンプレートやスキンを作ったときに、各カラムの文章の増減でデザインがどう変わるか、ざっと確認するときなんかに使えるかなあ。でもFirefoxだったらWeb Developerで大抵のチェックはできるからなあ(笑)
はてなブックマークで他人のコメントを書き換えたりも出来たりするのか。
contenteditable にする。
なるほど、そういうことも出来るわけだ。
試す
任意のサイトを開いてアドレスバーに「javascript:document.body.contentEditable='true'; document.designMode='on'; void 0」を入力。
知らなかった・・・面白い。
たった一行でどんなサイトでも編集可能にする小技「javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 」
これは便利だなあ。特にIEがやれば出来る子に見えてしまうのが凄いな。
デザインとライティングを分離するのに便利。デザイナーとコンテンツライターは別のことが多いし。文章量がレイアウトに影響を与えるときに、HTML何もわからない奴でも視覚的に理解できる。
スクリーンショット用に。…架空サイトの画像を作るにも便利?
伏字にすると便利かも。と思いつつ、絶対使うべきときに思い浮かばない。
なんでこんなのがいまさら…。
スクリーンショットを撮る段になって見つかったtypoや動的ページでアプリ側をいじるのが面倒なときに便利なんじゃないかな。
contents editable 先週思いついてやろうとしたけどできなかった。知識がある人がうらやましい。 使い道はある。
…あーそうか、最後の void 0 が無いと、ページ遷移しようとして内容が失われちゃうのか。 / WYSIWYG 入力を実現するための基本的なテクニックとして覚えておこう。
おかしー、笑い転げた
Safariでも動いた
おもしろーい
ネタ
ぶっちゃけFirefoxだとfirebugsでやっちゃうから価値なしだけれども、IEで出来るのは凄い、うれしい!
こんなことできたのかー
ブックマークレットにして何かに活用できそう
なるほど。これは危険ですね。
スクショ用
ココロンの仕事がやりやすくなりそう。
スクリーンショットを撮りたいときに実データだとまずい場合に編集してしまうとか
たった一行でどんなサイトでも編集可能にする小技
サーバ側がWebDAVだったらそのまま保存できちゃえばいいのに。
contentEditable
おおおおおおお
webページのスクリーンショット用ってよいかも!
ローカル環境において、CSSで設定された属性を活かしてテキストの編集が出来た。ただしぐだぐだのコーディングのサイトの場合は編集に苦労する。
辞書登録完了。
特に利用価値はないんだけどブックマークレット化した。
ブックマークレットでページを編集。あくまでローカル
↓伏字にしてスクリーンショットというのは面白い/HTML形式のマニュアルとかだと、若干のコメントを付けてスクリーンショットを送るとか出来るんだね
Opera9.50で動いた
自作CMSにこれ使おうかな。
HTMLのソースを弄れるブックマークレットも話題になった http://d.hatena.ne.jp/takef/20060123/1137976013
文章の一部を伏字にしてスクリーンショットを取るときとか便利かも
javascript:void(document.body.innerHTML=document.body.innerHTML.replace(/"foo"/g,"bar"));を懐かしく思い出す。
ブックマークレット ページ内 編集 すごい!