您能否通过JavaScript或php将在浏览器中所做的更改保存到本地HTML文件中?
简言之,我的计算机上有一个网站模板,我必须不断添加/删除段落、更改标题颜色、更改图像等,以便在服务器上创建新网站。为了快速解决编辑这些内容的问题,我考虑编写JavaScript,提示用户选择他们想要删除的颜色、图像、段落等,并在提交后在浏览器中进行更改(有点像cdm)。当然,一旦我刷新浏览器,用户的所有更改都将丢失,除非我只是从Inspector Tools复制新代码,并用它替换旧的网站模板代码 我想知道的是,是否可以用php或JavaScript编写代码,在浏览器中打开本地index.html文件,让浏览器提示您输入特定值(例如,您希望所有头元素都是什么十六进制颜色值?),将输入的值保存到本地index.html文件中?这样,我就可以将新编辑的本地文件作为新产品放到服务器上。我知道这是一个有点奇怪的请求,如果不太清楚,请提前道歉 这样,我就可以将新编辑的本地文件作为新产品放到服务器上。我知道这是一个有点奇怪的请求,如果不太清楚,请提前道歉 这个新产品是一个新的独立网站吗…就像一个用户可以安装的新网站模板一样? 我有一种预感,它只是某种网络商店产品列表中的一个“新产品”。如果它只是商店里的一种产品……那么在我看来,你的整个方法是“错误的”。无论哪种方式,您都可以使用node.js/php+数据库保存用户选择并在服务器端生成html。 我以前为一个客户做过这项工作,只是为了让他能够实时调整带有颜色/字体/填充的网页,并立即看到结果 我的快速解决方案基本上是这样的您能否通过JavaScript或php将在浏览器中所做的更改保存到本地HTML文件中?,javascript,php,server,editing,Javascript,Php,Server,Editing,简言之,我的计算机上有一个网站模板,我必须不断添加/删除段落、更改标题颜色、更改图像等,以便在服务器上创建新网站。为了快速解决编辑这些内容的问题,我考虑编写JavaScript,提示用户选择他们想要删除的颜色、图像、段落等,并在提交后在浏览器中进行更改(有点像cdm)。当然,一旦我刷新浏览器,用户的所有更改都将丢失,除非我只是从Inspector Tools复制新代码,并用它替换旧的网站模板代码 我想知道的是,是否可以用php或JavaScript编写代码,在浏览器中打开本地index.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.
//从数据库加载用户选择
landingpage=Database.landing\u page.find({userId:1});
//使用简单的模板引擎根据用户选择输出值
{{{#如果着陆页,第1段}
{{{landingpage.paragraph1}
{{/if}
{{{#如果着陆页,第2段}
{{{landingpage.paragraph2}
{{/if}
//在用户填写完所有必需的配置选项后,我可以打开页面并查看呈现的页面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段}
{{着陆页,第1段}
{{/if}
{{{#如果着陆页,第2段}
{{着陆页,第2段}
{{/if}
//提示将使用ajax将用户在提示中输入的值与适当的元素id/名称/标签一起保存
这是一个简化的例子。在我的实际用例中,我的模板使用了命名约定/模式,因此我可以使用1个函数来保存用户输入的所有属性
你的问题是肯定和否定的,所以我会给出一个简短的肯定或否定的回答。
是的-你可以通过JavaScript /PHP来保存对本地HTML的修改。是的,但是修改你的<代码>索引。有一个错误,你的主页是toast。欢迎来到SO,请看这里,并尝试改进你的问题。我不确定你的目标是什么。您有一个本地模板
index.html
文件,您可以经常编辑该文件,然后将其上载。如何编辑该文件?为什么不在代码编辑器中打开它,编辑它(为了方便使用搜索和替换等),然后保存修改版本的副本?还是我完全不明白你的意思?