如何在文字區域中顯示 HTML 標籤？

在文字區域內顯示 HTML 標籤

文字區域無法將 HTML 標籤解釋為文字以外的任何內容。如果您需要在文字區內呈現 HTML 內容（例如 、、 和 ），這會帶來挑戰。

替代方案：內容可編輯 Div

使用文字區域實現此功能是不可行的。相反，您可以使用內容可編輯的div，這很容易實現：

<div contenteditable="true"></div>

外觀和格式

具有「contenteditable」屬性的Div 允許內聯編輯並支援HTML 格式。下面的CSS 提供了div 的基本樣式：

div.editable {
  width: 300px;
  height: 200px;
  border: 1px solid #ccc;
  padding: 5px;
}

strong {
  font-weight: bold;
}

示例

以下HTML 代碼演示瞭如何使用內容可編輯的div：

<div contenteditable="true">
  This is the first line.<br>
  See, how the text fits here, also if<br>
  there is a <strong>linebreak</strong> at the end?
  <br>
  It works nicely.
  <br>
  <br>
  <span><p>此div 允許您進行內嵌編輯並套用HTML 格式。它為在網頁中顯示 HTML 內容提供了更強大且用戶友好的解決方案。 </p></span>
</div>

以上是如何在文字區域中顯示 HTML 標籤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！