对符合条件的字符串增加样式

Question

有一个需求，后端返回一个天气预报内容的字符串，需要我这边根据字符串里的 年月日时分秒，数字，今日 这几个字符 加上特殊的样式 变得醒目 这个如何实现

Answer 1

replace配合正则替换，具体还是要看后端返回的字符串格式去写正则

"2022年5月5日10点30分，今天北京天气清朗，温度15-25°C。".replace(/.*日|今天|\d{1,}-\d{1,}/g,(str) => '<span style=\"color:#f00;\">' +`${str}`+ '</span>')

关键是 replace 方法第二个参数可以接收一个方法。

Answer 2

正则匹配-》添加标签和样式-》字符拼接-》插入富文本
"2020-12-13 天气 晴" -》"<span style="color:red;">2020-12-13<span/> 天气 晴"