AngularJS -在非英语语言中，高亮显示部分文本会导致断字

在下面的代码片段中，我试图突出显示与阿拉伯语搜索输入匹配的单词的每个部分，但这使得文本中的字母是分开的。我该如何解决这个问题?

尝试在字段中输入مست，您将看到问题。

angular.module("myApp", [])
.controller("main", function($scope){
$scope.content="تتيح لك إدارة المستخدمين العديد من الخدمات الأساسية كعرض مستخدمي النظام والتعديل عليها وحذفها.. إضافة إلى عمليات الفلترة عليهابناء على عدة خيارات متاحة "
})
 .filter('highlight', function ($sce) {
        return function (text, searchSrting) {
            if(searchSrting){
                searchSrting = searchSrting.split(/'s+/);
                if(typeof text !== "undefined")
                    for (var i = 0; i < searchSrting.length; i++) {
                        text = text.replace(new RegExp('(' + searchSrting[i] + ')', 'gi'),
                            '<span class="highlighted">$1</span>')
                    }
                return $sce.trustAsHtml(text)
            }
        }
    })

.highlighted{
  background-color : yellow

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.7/angular.js"></script>
<div ng-app="myApp">
<div ng-controller="main">
  <label>search</label>
  <input ng-model="searchString"/>
  <div ng-if="!searchString">{{content}}</div>
  <div ng-if="searchString" ng-bind-html="content | highlight:searchString"></div>
  </div>
</div>