php - 从MySQL数据库将HTML加载到contenteditable标签中时，浏览器的行为异常

我的php文件中有一个简单的代码，如下所示：

echo "<p id='additional-info' contenteditable='true'>".$tag_data->additional_info."</p>";

$tag_data->additional_info是从数据库加载的数据。在本例中，我试图加载的数据非常简单，它是：

line 1 <p>line 2</p><p>line 3</p>

现在问题就出现在这里，我希望浏览器（在我的例子中是Google Chrome）输出如下：

echo "<p id='additional-info' contenteditable='true'>line 1 <p>line 2</p><p>line 3</p></p>";

但是，出于某种原因，它会输出：

<p id="additional-info" contenteditable="true">line 1 </p>
<p>line 2</p>
<p>line 3</p>
<p></p>

有人知道问题出在哪里吗？

最佳答案

看看这里->P element根据它：

The P element represents a paragraph. It cannot contain block-level elements (including P itself).

这就是Chrome的显示方式。
不知道你的想法是什么，但你可能想使用<div class="text">...</div>并应用任何适当的样式。
编辑：进一步查看this answer中允许的元素列表P tag[HTML5]

关于php - 从MySQL数据库将HTML加载到contenteditable标签中时，浏览器的行为异常，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25203919/