javascript - 在Mysql中插入纯HTML并检索HTML以显示在页面上

标签 javascript php jquery html mysql

我的申请遇到问题。它是一个表单制作器,您可以构建自己的表单,并在以后使用该表单。由表单生成器创建的表单的生成 HTML 代码,我将其插入 MySQL 数据库中。

但是,如果我想从数据库中获取表单,则 HTML 无法正确显示。可能是由于引号。这是一些数据:

&lt;form class="form-horizontal" &gt;<fieldset>

这是插入数据库的数据的一部分。您可以看到它转换了一些字符,但这不一定是问题,因为它都是 HTML 代码,稍后会被隐藏。

这是我使用 jQuery 和 AJAX 将此数据插入到我的页面中时得到的结果:

&lt;form class="form-horizontal" &gt;<fieldset>&lt;!-- Form Name --&gt;<legend>Hubert</legend></fieldset>&lt;/form&gt;

这是 chrome 检查器的屏幕截图。我将数据插入 div defformvragen 中。

enter image description here

有人知道我做错了什么吗?

编辑:

HTMLENTITIES 不起作用,我在浏览器中将其作为输出,但引号仍然存在,因此表单无法正确显示。

<div class="deformvragen">&lt;form class="form-horizontal" &gt;
<fieldset>

&lt;!-- Form Name --&gt;
<legend>FOrm Numero 4</legend>

&lt;!-- Text input--&gt;
<div class="control-group">
  <label class="control-label" for="textinput-0">Text Input</label>
  <div class="controls">
    &lt;input id="textinput-0" name="textinput-0" type="text" placeholder="placeholder" class="input-xlarge"&gt;
    <p class="help-block">help</p>
  </div>
</div>

&lt;!-- Text input--&gt;
<div class="control-group">
  <label class="control-label" for="textinput-5">Text Input</label>
  <div class="controls">
    &lt;input id="textinput-5" name="textinput-5" type="text" placeholder="placeholder" class="input-xlarge"&gt;
    <p class="help-block">help</p>
  </div>
</div>

&lt;!-- Text input--&gt;
<div class="control-group">
  <label class="control-label" for="textinput-4">Text Input</label>
  <div class="controls">
    &lt;input id="textinput-4" name="textinput-4" type="text" placeholder="placeholder" class="input-xlarge"&gt;
    <p class="help-block">help</p>
  </div>
</div>

&lt;!-- Text input--&gt;
<div class="control-group">
  <label class="control-label" for="textinput-3">Text Input</label>
  <div class="controls">
    &lt;input id="textinput-3" name="textinput-3" type="text" placeholder="placeholder" class="input-xlarge"&gt;
    <p class="help-block">help</p>
  </div>
</div>

&lt;!-- Text input--&gt;
<div class="control-group">
  <label class="control-label" for="textinput-2">Text Input</label>
  <div class="controls">
    &lt;input id="textinput-2" name="textinput-2" type="text" placeholder="placeholder" class="input-xlarge"&gt;
    <p class="help-block">help</p>
  </div>
</div>

&lt;!-- Text input--&gt;
<div class="control-group">
  <label class="control-label" for="textinput-1">Text Input</label>
  <div class="controls">
    &lt;input id="textinput-1" name="textinput-1" type="text" placeholder="placeholder" class="input-xlarge"&gt;
    <p class="help-block">help</p>
  </div>
</div>

</fieldset>
&lt;/form&gt;
</div>

这就是我在 php 到 mysql 文件中执行此操作的方法:

$convertcontent = htmlentities($content, ENT_QUOTES);

然后我将它保存在 MySQL 数据库中。难道是表的编码不对?

最佳答案

< = 小于 = <

> = 大于 = >

它没有以正确的方式插入数据库。

正如评论中所说,您需要 htmlentities()在插入数据库之前。

关于javascript - 在Mysql中插入纯HTML并检索HTML以显示在页面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30305163/

相关文章:

javascript - 带有类别的 Django 选项字段

javascript - 用 JavaScript 替换 CSS

php - Mysql/PHP 更新表 + 插入另一个表

php - 交响学说协会

php - 如何将值从 mysql 回显到选项表单中

php - 从标签区域获取值(类似于stackoverflow)并将其保存到数据库中

jQuery 并 append 而不添加空格

javascript - React Helm 未在 View 页面源代码中显示元标记,但在检查时显示在元素中

javascript - 使用 Vue.js 过滤列表

javascript - 使用 jquery 创建导航页面