javascript - 使用 Javascript 替换文本字符串中的某些阿拉伯语单词
问题描述
我有一个阿拉伯语文本字符串,我想让一些单词加粗并在单词前添加图标
我用于英文文本的方法是
var wordsToBold = ["Properties", "How To Use"];
function makeBold(input, wordsToBold) {
return input.replace(new RegExp('(\\b)(' + wordsToBold.join('|') + ')(\\b)', 'ig'),
'<br><br><i class="fas fa-ellipsis-h fa-xs mr-2"></i>$1<b>$2</b>$3');
}
当我将此方法与阿拉伯语单词一起使用时,它不起作用
var wordsToBold = ["الخصائص", "طريقة الاستعمال"];
测试文本:
فرانكوا اراب الخصائص: لوريم ايبسوم دولار سيت أميت ,كونسيكتيتور أدايبا يسبكينج أليايت,سيت دو أيوسمود تي
أنكايديديونتيوت لابوري ات دولار ماجنا أليكيوا 。طريقة الاستعمال: وت انيم أد مينيم فينايم,كيواس نوستريد
أكسير سيتاشن يللأمكو لابورأس
解决方案
您可以建立自己的 Unicode 字边界:
- 左手(前导)单词边界模式可以定义为前面不紧跟字母 + 任何潜在变音符号或数字或下划线的位置:
(?<!\p{L}\p{M}*|[\p{N}_])
- 右手(尾随)单词边界模式可以定义为不紧跟字母、数字或下划线的位置:
(?![\p{L}\p{N}_])
.
因此,您可以使用
var wordsToBold = ["Properties", "How To Use"];
function makeBold(input, wordsToBold) {
return input.replace(new RegExp('(?<!\\p{L}\\p{M}*|[\\p{N}_])(?:' + wordsToBold.join('|') + ')(?![\\p{L}\\p{N}_])', 'igu'),
'<br><br><i class="fas fa-ellipsis-h fa-xs mr-2"></i><b>$&</b>');
}
console.log(makeBold("How To Use These Properties: 00How To Use These Properties00", wordsToBold));
// => <br><br><i class="fas fa-ellipsis-h fa-xs mr-2"></i><b>How To Use</b> These <br><br><i class="fas fa-ellipsis-h fa-xs mr-2"></i><b>Properties</b>: 00How To Use These Properties00
var wordsToBold = ["الخصائص", "طريقة الاستعمال"];
var arString = `فرانكوا اراب الخصائص: لوريم ايبسوم دولار سيت أميت ,كونسيكتيتور أدايبا يسكينج أليايت,سيت دو أيوسمود تيمبور
أنكايديديونتيوت لابوري ات دولار ماجنا أليكيوا . طريقة الاستعمال: وت انيم أد مينيم فينايم,كيواس نوستريد
أكسير سيتاشن يللأمكو لابورأس`;
console.log(makeBold(arString, wordsToBold));
// => فرانكوا اراب <br><br><i class="fas fa-ellipsis-h fa-xs mr-2"></i><b>الخصائص</b>: لوريم ايبسوم دولار سيت أميت ,كونسيكتيتور أدايبا يسكينج أليايت,سيت دو أيوسمود تيمبور أنكايديديونتيوت لابوري ات دولار ماجنا أليكيوا . <br><br><i class="fas fa-ellipsis-h fa-xs mr-2"></i><b>طريقة الاستعمال</b>: وت انيم أد مينيم فينايم,كيواس نوستريد أكسير سيتاشن يللأمكو لابورأس
如果您想要更通用的 Unicode-aware \b
,您应该记住Unicode-aware\w
实际匹配的内容( [\p{Alphabetic}\p{Mark}\p{Decimal_Number}\p{Connector_Punctuation}\p{Join_Control}]
),并记住\b
可以写成(?:(?<=^)(?=\w)|(?<=\w)(?=$)|(?<=\W)(?=\w)|(?<=\w)(?=\W))
,您可以使用以下内容:
const w = String.raw`[\p{Alphabetic}\p{Mark}\p{Decimal_Number}\p{Connector_Punctuation}\p{Join_Control}]`;
const nw = String.raw`[^\p{Alphabetic}\p{Mark}\p{Decimal_Number}\p{Connector_Punctuation}\p{Join_Control}]`;
const uwb = String.raw`(?:(?<=^)(?=${w})|(?<=${w})(?=$)|(?<=${nw})(?=${w})|(?<=${w})(?=${nw}))`;
console.log(uwb);
该makeBold
功能看起来像
const w = String.raw`[\p{Alphabetic}\p{Mark}\p{Decimal_Number}\p{Connector_Punctuation}\p{Join_Control}]`;
const nw = String.raw`[^\p{Alphabetic}\p{Mark}\p{Decimal_Number}\p{Connector_Punctuation}\p{Join_Control}]`;
const uwb = String.raw`(?:(?<=^)(?=${w})|(?<=${w})(?=$)|(?<=${nw})(?=${w})|(?<=${w})(?=${nw}))`;
function makeBold(input, wordsToBold) {
return input.replace(new RegExp(`${uwb}(?:${wordsToBold.join('|')})${uwb}`, 'gu'),
'<br><br><i class="fas fa-ellipsis-h fa-xs mr-2"></i><b>$&</b>');
}
// Test
var wordsToBold = ["الخصائص", "طريقة الاستعمال"];
var arString = `فرانكوا اراب الخصائص: لوريم ايبسوم دولار سيت أميت ,كونسيكتيتور أدايبا يسكينج أليايت,سيت دو أيوسمود تيمبور أنكايديديونتيوت لابوري ات دولار ماجنا أليكيوا . طريقة الاستعمال: وت انيم أد مينيم فينايم,كيواس نوستريد أكسير سيتاشن يللأمكو لابورأس`;
console.log(makeBold(arString, wordsToBold));
请记住u
RegExp
允许在 ECMAScript 2018+ 兼容模式中使用 Unicode 类别类的标志。
推荐阅读
- azure - 即使在 versionType 设置为 latest 之后,Azure DownloadGitHubRelease@0 也在寻找版本标记
- spring-batch - com.atomikos.jdbc.AtomikosSQLException:连接池已用尽 - 尝试增加“maxPoolSize”和/或“borrowConnectionTimeout”
- windows - 如何使用 findstr 提取文件中的某些文本
- visual-studio-code - 如何将代码行绑定到 VSCode 中的值?
- r - 使用负值和正值更改条数(ggplot)的位置
- android - 在 Browserstack 上自动运行测试时,apk 和 espresso apk 之间的签名不匹配
- css - WordPress 移动菜单
- reporting-services - SSRS 钻取报表使用表达式报表名称无效
- python - NGINX 110:在配置最大文件大小后从上游读取响应标头时连接超时
- php - Laravel 8. 如何使用预定义数据进行播种。他们互相依赖