5

有没有办法启用网页的浏览器内编辑，如以下视频（visualwebsiteoptimizer.com 的演示）中所做的那样？

（参见 0:15 的视频）

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

基本上，我希望能够：

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

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

4

4 回答 4

2

1 - 使用谷歌浏览器。

2 - 点击 ctrl + shift + i

3 - 转到元素选项卡

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

于 2012-06-28T14:21:24.970 回答
2

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

于 2012-06-28T14:36:02.350 回答
1

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

Jelliphy Lite和Jelliphy Extended是可以在任何浏览器上免费使用的书签：只需转到要更改的页面并单击收藏夹中的 Jelliphy 链接。

于 2013-01-18T08:43:24.833 回答
0

这是你需要的，享受吧：http: //myedit.io

于 2014-12-29T07:42:42.787 回答