简而言之，我的计算机上有一个网站模板，我必须不断添加/删除段落，更改标题的颜色，更改图像等，以便构建要放置在服务器上的新网站。为了快速编辑这些，我想编写JavaScript来提示用户选择他们想要删除的颜色，图像，段落等，并在提交后在浏览器中进行这些更改(有点像CDM(。当然，一旦我刷新浏览器，用户的所有更改都将丢失，除非我只是从检查器工具中复制新代码，并用它替换旧的网站模板代码。
我想知道的是，是否可以用 php 或 JavaScript 编写代码，您可以在浏览器中打开本地索引.html文件，让浏览器提示您输入特定值(例如您希望所有标头元素是什么十六进制颜色值？(，获取您输入的值并将它们保存到本地索引.html文件中？这样，我就可以把我新编辑的本地文件作为新产品放在服务器上。我知道这是一个有点奇怪的要求，如果不是太清楚，提前抱歉。
这样，我就可以把我新编辑的本地文件作为新产品放在服务器上。我知道这是一个有点奇怪的要求，如果不是太清楚，提前抱歉。
这个新产品是一个新的独立网站吗？喜欢用户可以安装的新网站模板？ 我有一种预感，它只是某种网上商店产品列表中的"新产品"。如果它只是商店里的产品...那么在我看来，你的整个方法是"错误的"。无论哪种方式，您都可以使用 node.js/php + 数据库来保存用户选择并在服务器端生成您的 html。 我之前为客户做过这件事，这样他就可以用颜色/字体/填充实时微调网页，并立即看到结果。
我的快速解决方案基本上是这样的。
// load user choices from the database
landingpage = Database.landing_page.find({userId: 1});
// use simple templating engine to output values based on user choices
<html>
<img src="{{landingpage.logoUrl}}">
{{#if landingpage.paragraph1}}
<p style="color: {{landingpage.paragraph1_color}}">{{landingpage.paragraph1}}</p>
{{/if}}
{{#if landingpage.paragraph2}}
<p style="color: {{landingpage.paragraph2_color}}">{{landingpage.paragraph2}}</p>
{{/if}}
</html>
// after user has filled in all the required configuration options, i could then open the page and see the rendered page html.
每个页面还有一个带有输入字段的额外模板，因此如果用户想要编辑页面，他可以在浏览器中打开该"特殊"模板并单击页面上的任何元素。然后，这将提示他该元素的所有可编辑属性。
例如，为了使上述模板可编辑，我会复制它并添加点击侦听器。
<html>
<img src="{{landingpage.logoUrl}}" onClick="promptLogoUrl()">
{{#if landingpage.paragraph1}}
<p style="color: {{landingpage.paragraph1_color}}" onClick="promptP1Color()">
{{landingpage.paragraph1}}
</p>
{{/if}}
{{#if landingpage.paragraph2}}
<p style="color: {{landingpage.paragraph2_color}}" onClick="promptP2Color()">
{{landingpage.paragraph2}}
</p>
{{/if}}
</html>
// the prompts would use ajax to save the value user entered in prompt with the appropriate element id/name/label
这是一个简化的示例。在我的实际用例中，我的模板使用了命名约定/模式，以便我可以使用 1 个函数来保存用户输入的所有属性。
你的问题是是和否的问题，所以我会给出一个简短的"是"或"否"的答案。 是的 - 您可以通过javascript/php保存对本地html的更改。