5

次のビデオ（visualwebsiteoptimizer.comのデモ）で行われているように、Webページのブラウザー内編集を有効にする方法はありますか？

（0:15のビデオを参照）

http://www.youtube.com/watch?v=oy89HnIJsE4&feature=plcp

基本的に、私が望むのは次のことができることです。

  • Webページのコピーを取ります（その部分は問題ありません）、
  • どういうわけか編集モードを有効にします（他のテキストエディタで行われるように）、
  • 編集したい要素をクリックして、選択した要素を変更できるようにします

編集：申し訳ありませんが、十分に明確ではありませんでした。私の最終目標は、ユーザーがオンラインで（visualwebsiteoptimizer.comによって行われるように）ライブ編集を視覚的に行えるようにすることです。

4

4 に答える 4

2

ドキュメントではdesignMode=onを使用でき、特定の要素ではcontentEditable=trueを使用できます。小さなデモについてはhttp://html5demos.com/contenteditable/を参照してください。さらに、jQueryを使用してマウスクリックとキーダウンをキャッチし、CSSなどのオプションを表示するようにターゲット要素をチェックすることもできます。

于 2012-06-28T14:36:02.350 に答える
2

1-グーグルクロームを使用します。

2-Ctrl + Shift+iを押します

3-[要素]タブに移動します

4-編集するHTMLを右クリックして、[HTMLとして編集]を選択するか、そのタブで変更するテキストをダブルクリックします

于 2012-06-28T14:21:24.970 に答える
1

Jelliphyを使ってみることができます。Jelliphyは、ユーザーがWebページのテキストを編集したり、ページ内の要素を移動およびサイズ変更したり、ページに描画したり、画像を編集したりできるようにするツールです。

JelliphyLiteとJelliphyExtendedは、どのブラウザでも無料で使用できるブックマークレットです。ページに移動して変更し、お気に入りのJelliphyリンクをクリックするだけです。

于 2013-01-18T08:43:24.833 に答える
0

これがあなたが必要とするものです、楽しんでください：http: //myedit.io

于 2014-12-29T07:42:42.787 に答える