Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/289.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
您能否通过JavaScript或php将在浏览器中所做的更改保存到本地HTML文件中?_Javascript_Php_Server_Editing - Fatal编程技术网

您能否通过JavaScript或php将在浏览器中所做的更改保存到本地HTML文件中?

您能否通过JavaScript或php将在浏览器中所做的更改保存到本地HTML文件中?,javascript,php,server,editing,Javascript,Php,Server,Editing,简言之,我的计算机上有一个网站模板,我必须不断添加/删除段落、更改标题颜色、更改图像等,以便在服务器上创建新网站。为了快速解决编辑这些内容的问题,我考虑编写JavaScript,提示用户选择他们想要删除的颜色、图像、段落等,并在提交后在浏览器中进行更改(有点像cdm)。当然,一旦我刷新浏览器,用户的所有更改都将丢失,除非我只是从Inspector Tools复制新代码,并用它替换旧的网站模板代码 我想知道的是,是否可以用php或JavaScript编写代码,在浏览器中打开本地index.html

简言之,我的计算机上有一个网站模板,我必须不断添加/删除段落、更改标题颜色、更改图像等,以便在服务器上创建新网站。为了快速解决编辑这些内容的问题,我考虑编写JavaScript,提示用户选择他们想要删除的颜色、图像、段落等,并在提交后在浏览器中进行更改(有点像cdm)。当然,一旦我刷新浏览器,用户的所有更改都将丢失,除非我只是从Inspector Tools复制新代码,并用它替换旧的网站模板代码

我想知道的是,是否可以用php或JavaScript编写代码,在浏览器中打开本地index.html文件,让浏览器提示您输入特定值(例如,您希望所有头元素都是什么十六进制颜色值?),将输入的值保存到本地index.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.
//从数据库加载用户选择
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
文件,您可以经常编辑该文件,然后将其上载。如何编辑该文件?为什么不在代码编辑器中打开它,编辑它(为了方便使用搜索和替换等),然后保存修改版本的副本?还是我完全不明白你的意思?