如何在visualwebsiteoptimizer.com上实时编辑浏览器中的网页？

Question

有没有办法在浏览器中编辑网页，如下面的视频（visualwebsiteoptimizer.com的演示）所示？

（见0:15的视频）

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

基本上，我希望能够：

• 获取一个网页的副本，（该部分没问题），
• 以某种方式启用编辑模式（就像在任何文本编辑器中一样），
• 点击我要编辑的元素，并能够修改所选元素

---

编辑：抱歉，我不够清楚：我的最终目标是让我的用户以可视方式在线进行实时编辑（由visualwebsiteoptimizer.com完成）。

Answer 1

1 - 使用谷歌浏览器。

2 - 点击ctrl + shift + i

3 - 转到元素标签

4 - 右键单击​​要编辑的html并选择“编辑为html”或双击要在该选项卡中更改的文本

Answer 2

您可以在文档上使用designMode = on，或在特定元素上使用contentEditable = true。请参阅小型演示http://html5demos.com/contenteditable/。此外，您还可以使用jQuery捕获鼠标点击和keydowns并检查目标元素以显示CSS等选项。！

Answer 3

您可以尝试使用 Jelliphy 。 Jelliphy是一个工具，允许任何用户编辑网页的任何文本，移动和调整页面中的元素，在页面上绘图，编辑图像等等。

Jelliphy Lite和Jelliphy Extended是可以免费使用任何浏览器的书签：只需转到页面进行更改，然后点击收藏夹中的Jelliphy链接。

Answer 4

以下是您的需求，享受：http://myedit.io