使用嵌入式 javascript（或其他）编辑另一个 html 文档？

Posted 2023-05-07

【中文标题】使用嵌入式 javascript（或其他）编辑另一个 html 文档？

【英文标题】：use embedded javascript (or something else) edit another html doc?

【发布时间】：2011-08-19 20:58:08

【问题描述】：

我最近设计了我学校网站的主页。该网站的其余部分是在 WordPress 中完成的，其他人很容易编辑，但主页不是。我认为制作网站的管理页面会很酷，它允许您通过单击按钮来设置各种主页属性（例如背景颜色）。

我愿意让管理页面直接编辑主页，或者编辑中间 xml（或其他）文档，然后更改主页以从那里提取变量。但是，我想做最少的工作，宁愿不要用 xml 编写整个主页，而是用 xls 将其更改为 html。 （我的主页已经够复杂了）。当我在网上查看时，这主要是针对这种情况的所有建议。

我可能会大胆猜测 php 可以解决这个问题，但我以前从未使用过 php 所以我真的不知道。

我精通 javascript，对 html 和 css 非常熟悉，但对 xml/xls/ajax/php 几乎不熟悉，所以如果你的答案使用了这些，请解释一下。 :)

（顺便说一句，理想情况下，这一切都在服务器上完成，无需上传/下载。）

谢谢

【问题讨论】：

哇。允许设计学校网站的学生！要是他们让我们在我的大学里这样做就好了。那么我们的网站在贝类宴会上可能不会比 Zoidberg 更糟糕。

【参考方案1】：

假设属性主要是可视的，我会说为此使用外部样式表。您可以使用 PHP 根据管理页面上表单的输入值创建样式表。该表单将允许用户选择背景颜色、文本颜色和各种其他属性。点击提交后，表单将调用“change.php”。在“change.php”文件中，使用 POST 或 GET，根据您的选择，您可以获得所有表单数据并以编程方式编写样式表。通过使用 PHP 文本文件方法打开服务器上现有的样式表并覆盖所有文本来保存样式表，然后保存文件。更改将立即生效，无需更改主页上的任何代码。为了获得更好的效果，您可以从“change.php”文件本身重定向到“新”主页，这样管理员就可以看到他们更改的结果。

我意识到我只介绍了高级别的细节，但是如果我详细介绍了我所说的所有内容，这将使这篇文章成为一篇文章，而这需要我几天的时间来写。但是，对于您使用它的目的来说，学习 PHP 并不是那么难。并进行快速的 Google 搜索，这是我发现的第一件事，它解释了如何使用 PHP 编辑文本文件：http://www.webmasterworld.com/forum88/1965.htm

我假设您知道如何创建样式表，以及如何使用 HTML 创建表单，因为您提到您对这两者都非常熟悉。也许您以前没有将表单与 PHP 集成，所以这里有一个提示。您的表单的“action”属性将是“change.php”，您的表单的“method”属性将是 POST 或 GET，具体取决于您的选择。希望这会有所帮助！

【参考方案2】：

我知道有一种简单的方法可以让访问者编辑您的网站。

将此功能添加到您的网页。 javascript:document.body.contentEditable='true'; document.designMode='开';无效0