如何像 visualwebsiteoptimizer.com 一样在浏览器中实时编辑网页

How to edit web pages in browser in real time like visualwebsiteoptimizer.com?

本文关键字：浏览器 实时 网页 编辑 一样 visualwebsiteoptimizer 何像 com      更新时间：2023-09-26

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

（观看0：15的视频）

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

基本上，我希望能够：

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

对不起，我不够清楚：我的最终目标是使我的用户能够以可视化的方式在线进行实时编辑（如 visualwebsiteoptimizer.com 所做的那样）。

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

1 - 使用谷歌浏览器。

2 - 按 ctrl + shift + i

3 - 转到"元素"选项卡

4 - 右键单击要编辑的 HTML，然后选择"编辑为 HTML"或双击该选项卡中要更改的文本

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

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

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

相关文章：