时间戳

首页 > 解决方案 > 我们可以永久更改/添加 Html 中的字符串吗？

javascript - 我们可以永久更改/添加 Html 中的字符串吗？

问题描述

我目前正在开发一个项目，用户可以在文本框内编写 HTML 代码，并在提交时添加新代码........我使用的是简单的 HTML、CSS、JS 和 Jquery

我的主要问题是

“我们真的可以永久更改/添加新的 HTML 代码到我们现有的 HTML 吗？？”

例如：index.html

<div class="main">
  <h1>Line 1</h1>
  <h1>Line 2</h1>
</div>

<div class="form">

     <label for="exampleFormControlTextarea5">Code here</label>
     <textarea class="form-control" id="FormControlTextarea" rows="16" spellcheck="false"> 
     </textarea>
     <button onClick="AddCode()"> Submit </button>

</div>

无论如何我想添加一个新<h1>标签

例如：用户在文本框中输入 <h1>Hello</h1>

像这样（*忽略预览框）在此处输入图像描述

当用户点击提交时，文本框（ <h1>Hello</h1>）中的代码将被添加到 index.html 中

像这样：

 <div class="main">
      <h1>Hello</h1>
      <h1>Line 1</h1>
      <h1>Line 2</h1>
 </div>

标签： javascripthtmljquerycssstring

解决方案

您可以将 html 代码保存在数据库中。单击提交按钮时，可以使用 ajax 在数据库中添加代码。然后您可以从数据库中获取记录以将其显示在 div 中。

推荐阅读