gpt4 book ai didi

javascript - 使用自动生成的名称制作重复的 html 文档

转载 作者:行者123 更新时间:2023-11-30 16:54:47 25 4
gpt4 key购买 nike

本质上,我正在构建一个非常基本的网站构建器,它使用页面上的表单来操作页面的 HTML,显示在输入框下方,最终用户可以获得将其放入自己网站的源代码。我还没有构建它,但我在想我需要多个模板,以防有人试图同时编辑同一个模板,并让他们的编辑被其他使用该程序的人覆盖。这是您休闲的模型:

Html 在输入下方显示:

<h1 class="heading">Hi guys!</hi>

表单模型:

<input id="headingEdit">
<script>
document.getElementById("heading").innerHTML = document.getElementById("headingEdit").value;
</script>

我的问题是一个可能相关也可能不相关的问题,那就是如果有人想编辑这个模板,当其他人也在编辑它时,那么 html 肯定会继续被彼此覆盖,并且没有-一个人会到达任何地方。因此,我想做的是,当用户单击主页上的“编辑此模板”按钮时,他们将被带到一个随机生成的页面,该页面与母版页面完全相同,进行编辑,然后该页面被删除,或者(当我添加集成时)存储在用户帐户中。

这可能是一个重复的问题,但到目前为止我的研究中还没有找到答案。

提前致谢。

最佳答案

你可以使用AngularJS

http://www.w3schools.com/angular/default.asp

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

<div ng-app="">

<p>Input something in the input box:</p>
<p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>
<h1>Hello {{name}}</h1>

</div>

</body>
</html>

关于javascript - 使用自动生成的名称制作重复的 html 文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29880363/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com