Text 轉 HTML

將 文本 轉換為 HTML 實體 是將純文本中的特殊字符（如 <, >, & 等）轉換為對應的 HTML 實體（如 &lt;, &gt;, &amp; 等）。這通常用於防止在網頁中顯示特殊字符時發生錯誤，並確保字符能正確顯示。

常見的 HTML 實體字符：
< 轉換為 &lt;
> 轉換為 &gt;
& 轉換為 &amp;
" 轉換為 &quot;
' 轉換為 &apos;
目標：將純文本轉換為 HTML 實體
JavaScript 代碼：將文本轉換為 HTML 實體
以下是將文本中的特殊字符轉換為 HTML 實體的 JavaScript 函數：

javascript

function textToHtmlEntities(text) {
return text.replace(/&/g, '&amp;') // 轉換 &
.replace(/</g, '&lt;') // 轉換 <
.replace(/>/g, '&gt;') // 轉換 >
.replace(/"/g, '&quot;') // 轉換 "
.replace(/'/g, '&apos;'); // 轉換 '
}

// 用法
let text = 'This is a <b>bold</b> & "quoted" text.';
let htmlEntities = textToHtmlEntities(text);
console.log(htmlEntities);
代碼解釋：
使用正則表達式 (replace()) 將文本中的特殊字符替換為對應的 HTML 實體字符。
每個特殊字符都會依次被替換，這樣就能確保文本中的所有 HTML 特殊字符都被正確轉換。
轉換結果：
對於這段文本：

css

This is a <b>bold</b> & "quoted" text.
轉換後的結果是：

php-template

This is a &lt;b&gt;bold&lt;/b&gt; &amp; &quot;quoted&quot; text.