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

标签 javascript jquery html

本质上,我正在构建一个非常基本的网站构建器,它使用页面上的表单来操作页面的 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/

相关文章:

javascript - 动画移除元素

javascript - HTML转图片时如何显示图片

javascript - 在客户端禁用 HTML 元素 (javascript)

html - 可折叠的打开/关闭 div 未关闭

javascript - jQuery 自定义滚动条不起作用

javascript - JScript 按钮在 Chrome 中工作,但在 Firefox 中不起作用

javascript - 负边距在 jQuery .css({

javascript - 按钮不执行 window.location

javascript - 将包含 bool 值的字符串转换为 bool 值

javascript - 固定导航,然后网站内容向上移动 - 如何防止这种情况发生?