2020-12-08 前端处理 转义字符(—&’)等

博客探讨了在前端如何处理HTML实体字符的问题,指出decodeURIComponent无效,并推荐了一种使用div元素转换实体的方法。通过创建div,将含有实体的字符串设置为innerHTML,然后提取innerText或textContent来实现转译。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如标题所示的转义字符, 用decodeURIComponent()是没有效果的

而且一般也不放到前端做处理

假如一定要前端做处理,

LZ提供一种比较底层但是有效的方法

function entityToString(fcString) {
    var divs = document.createElement('div');
    divs.innerHTML = fcString;
    var res = divs.innerText || divs.textContent;
    return res;
}

方法很通俗,就是让标签帮我们去转译,然后我们再把文本从标签里提取出来。

### 在 uni-app 中将特殊字符 ` ` 转义为空格的方法 在 uni-app 开发中,若需要将特殊字符 ` ` 转义为空格,可以通过 JavaScript 的字符串处理方法实现。以下是一种常见的实现方式: #### 使用正则表达式替换 可以使用 JavaScript 的 `replace()` 方法结合正则表达式来完成替换操作。代码示例如下: ```javascript function decodeNbsp(inputString) { if (typeof inputString !== 'string') { return ''; } return inputString.replace(/ /g, ' '); } // 示例用法 const originalString = "Hello World"; const decodedString = decodeNbsp(originalString); console.log(decodedString); // 输出: Hello World ``` 上述代码中,`/ /g` 是一个全局匹配的正则表达式,用于查找所有出现的 ` ` 并将其替换为空格[^4]。 #### 在模板中动态绑定 如果需要在 uni-app 的模板中动态绑定已转义字符串,可以结合 Vue 的计算属性或方法实现。例如: ```html <template> <view>{{ decodedText }}</view> </template> <script> export default { data() { return { rawText: "This is a test." }; }, computed: { decodedText() { return this.rawText.replace(/ /g, ' '); } } }; </script> ``` 在上述代码中,`decodedText` 是一个计算属性,它会自动将 `rawText` 中的所有 ` ` 替换为空格[^5]。 #### 注意事项 1. 如果输入字符串可能包含其他 HTML 实体(如 `<`, `>`),可以考虑使用 `decodeURIComponent()` 或第三方库(如 `he`)进行更全面的解码。 2. 确保输入数据是合法的字符串类型,避免因类型错误导致程序崩溃。 --- ###
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

97pra

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值