ありのごとくあつまりてFC2ブログカスタマイズ,共有テンプレート,素材リンク集,フリーソフトの紹介など。 迷子にならないブログ作りを目指し... 何か1つでも お役に立てる情報 を提供できたらいいなぁと思っています。

このページの記事目次 (タグ: contenteditable の検索結果 2 件)

  

スポンサーサイト

--/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-.html

--/--/-- ~ | Comment (-) tweet? | ↑ ページ先頭へ ↑ |

contenteditable (直接編集) の傾向と対策

2010/01/10 (日)  カテゴリー: ブログ雑記・その他

スクリプトを使わなくても Web上で文字や画像を直接編集させる方法 最近、この contenteditable="true" について新たな収穫(?)があったので載せておきます。

contenteditable="true" を使ったページ (実例)

1. ~ 3. のような使い方なら、結構使えるかと。 4. は 「ブログの記事」 で使ったものですが、ブログの場合 同じカテゴリー や 同じ月 etc、色々なところに影響を及ぼしてしまうので... Firefox での挙動を考えると、非推奨??

contenteditable (コンテンツの編集許可) はブラウザによってちょっと動きが異なるようなので、私の知っている範囲でメモしておくことにします。

動作確認したブラウザ は Windows Vista × IE8, IE7,(IE6),(IE5.5),Sleipnir2, Firefox3, Opera9, Google Chrome2, Windows XP × IE7, IE6 です。 Mac × Safari でも一応。(← 電気屋さんでこっそりテストしただけ。。)

1. IE × contenteditable="true" (Sleipnir も同様)

  • IE では 編集可能な範囲 の改行時に <p> が挿入される。 (対応策あり)
  • http://arinogotokuatumarite.blog19.fc2.com/ のように書いてある部分があると、勝手に「リンク風」にされてしまう。 なのに、リンクとしては機能しない。。。
スポンサーサイト

キーワード検索 : 直接編集  contenteditable  ブラウザ  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-101.html

2010/01/10 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

Web上で直接編集できる文字や画像

2008/11/10 (月)  カテゴリー: Twitter・ブラウザ関連
直接編集モードのイメージ

Web上 ( IE や Firefox などのブラウザ ) で 文字や画像 を 直接編集できる方法があることをご存知ですか?
しかも、Web制作者側 が この機能をページの任意の場所に搭載させることもできるし、閲覧者側 が どんなサイトでも 文字や画像 を直接編集することもできる!! (私は つい先日、初めてこれを知りました

私のサイトでは... → 例えばこんな使い方 を採用して ソースの編集やコピー をその場で簡単にできるようにしています。 また、ページのスクリーンショットを撮る際に 邪魔なものをよけて (削除して) 撮ったり、暇つぶしに遊んだり... と色々と使っています。

対応ブラウザは IE(5.5以上), Firefox(2.0以上), Opera, Safari とのことです。 (Sleipnir2, IE8, IE7, IE6, IE5.5, Firefox3, Opera9, Google Chrome2 で動作確認済。)

例えば Web制作者側 がこれを設定すると...
↓ 下の文字や画像が編集できるようになります。

スクリーンショット.jp では様々なOSやブラウザでWebページのスクリーンショットを撮ってくれるのですが、無料お試しとして Windows IE 7.0, Firefox 3.0, Google Chrome / Macintosh Safari 2.0 でのスクリーンショットが1回3ページまで (3時間空ければ1日何回でも) 試せます

スクリーンショット.jp のお試しだけでは足りないという場合には、海外ですが、 Browsershots というサイトもあります。

追記 : 2009/01/22
スクリーンショット.jp の 無料お試しサービス は 2008/12/22 で終了となっています。
自分の過去記事 : 各ブラウザでのスクリーンショットで・・・ より抜粋。

リンク自体は反映されない (無効になる) ようですが、それ以外は切り取りも、改行も、画像の拡大も (Opera9 や Google Chrome2 での画像操作 は 切り取りや貼り付けのみ)...何でもできて弄り放題です

しかも これ、ものすごく簡単な方法を使っています!

キーワード検索 : 直接編集  contenteditable  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-47.html

2008/11/10 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |
申し訳ありません。 お探しの記事は現在、この ユーザータグ (Keyword) を設定していない可能性があります。 右上の検索BOXで 再度用語を短めに入力していただくと記事が見つかる場合があります。

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。