@[TOC](这正则匹配内容高亮展示(不区分大小写, 全角半角)里写自定义目录标题)
正则匹配内容高亮展示(不区分大小写, 全角半角)
export function highlight(searchKey, text) {
let tempText = text;
if (searchKey) {
// i 忽略大小写 g 全局
let keyHalf, keyFull;
// 全角
keyHalf = Q2B(searchKey);
keyFull = B2Q(searchKey);
const regExp = new RegExp(keyHalf + '|' + keyFull, 'gi');
tempText = tempText.replace(regExp, function (match) {
return '<span style="color: #F55047">' + match + '</span>';
});
}
return tempText;
}
/**
* 全角转半角
* @param {*} str
* @returns
*/
function Q2B(str) {
var result = '';
let code = null;
for (var i = 0; i < str.length; i++) {
code = str.charCodeAt(i);
if (code >= 65281 && code <= 65374) {
result += String.fromCharCode(str.charCodeAt(i) - 65248);
} else if (code == 12288) {
result += String.fromCharCode(str.charCodeAt(i) - 12288 + 32);
} else {
result += str.charAt(i);
}
}
return result;
}
/**
* 半角转全角
* @param {*} str
*/
function B2Q(str) {
var result = '';
let code = null;
for (var i = 0; i < str.length; i++) {
code = str.charCodeAt(i);
if (code >= 33 && code <= 126) {
result += String.fromCharCode(str.charCodeAt(i) + 65248);
} else if (code == 32) {
result += String.fromCharCode(str.charCodeAt(i) + 12288 - 32);
} else {
result += str.charAt(i);
}
}
return result;
}