Teal TealUI

HTML 编码util/html

编码和解码 HTML 转义字符。

<input type="text" id="input" placeholder="输入 HTML 片段" value="<tag>" />
<button onclick="input.value = encodeHTML(input.value || '')">HTML 编码</button>
<button onclick="input.value = encodeHTMLAttribute(input.value || '')">HTML 属性编码</button>
<button onclick="input.value = decodeHTML(input.value || '')">HTML 解码</button>
⏷

API

函数 描述
⮞ encodeHTML(value)(value:string):string

编码 HTML 转义字符。

参数 类型 描述 默认值
value* string —

返回值

类型：string

返回已编码的字符串。HTML 特殊字符 &、<、>、'、" 分别会被编码成 &amp;、&lt;、&gt;、&#39;、&quot;。

示例

encodeHTML("<a></a>") // "&lt;a&gt;&lt;/a&gt;"

编码 HTML 转义字符。
⮞ encodeHTMLAttribute(value)(value:string):string

编码 HTML 属性转义字符。

参数 类型 描述 默认值
value* string —

返回值

类型：string

返回已编码的字符串。HTML 属性转义字符 '、" 分别会被编码成 &#39;、&quot;。

示例

encodeHTMLAttribute("'") // "&#39;"

编码 HTML 属性转义字符。
⮞ decodeHTML(value)(value:string):string

解码 HTML 转义字符。

参数 类型 描述 默认值
value* string —

返回值

类型：string

返回已解码的字符串。

示例

decodeHTML("&lt;a&gt;&lt;/a&gt;") // "<a></a>"

解码 HTML 转义字符。
⮞ wrapHTMLAttribute(value, ...)(value:string, quote?:string):string

为 HTML 属性值添加引号。

参数 类型 描述 默认值
value* string —
quote string —

返回值

类型：string

返回含引号的 HTML 属性。属性值的引号会被编码。

示例

escapeHTMLAttribute("a", '"') // "\"a\""

为 HTML 属性值添加引号。
⮞ unwrapHTMLAttribute(value)(value:string):string

删除 HTML 属性值的引号。

参数 类型 描述 默认值
value* string —

返回值

类型：string

返回原始 HTML 属性值。属性值的 HTML 会被解码。

示例

unescapeHTMLAttribute("'a'") // "a"

删除 HTML 属性值的引号。