Javascript 在ace编辑器中高亮显示选定文本

我正在应用程序中使用ui ace指令。如何突出显示ace文本框中选择的文本

这是我在.js中的ace代码

$scope.aceLoaded = function(_editor) {
        // Editor part
        var _session = _editor.getSession();

        _session.setUseWrapMode(true);
        _session.setWrapLimitRange();
        var _renderer = _editor.renderer;
        globalEditor = _editor;
        _editor.$blockScrolling = Infinity
        _renderer.setShowGutter(false);       
   };

这就是HTML的外观

<div ui-ace="{
                                    onLoad : aceLoaded,
                                    onChange: aceChanged,
                                    showGutter: false,
                                    mode:'javascript',

                                    require: ['ace/ext/language_tools'],
                                   advanced: {
                                   enableSnippets: true,
                                   enableBasicAutocompletion: true,
                                   enableLiveAutocompletion: true
                                   }
                                 }" class= "ace-chrome ace-editor div-width div-heights" ng-model="campaign.rule" id="rule">

---

创建自定义过滤器，如下所示

angular.module("filters").filter('highlight', ['$sce',
        function ($sce) {
            return function (text, phrase) {
                if (phrase) {
                    text = text.replace(new RegExp('(' + phrase + ')', 'gi'), '<span class="highlighted">$1</span>')
                    return text;
                }
            };
        }
]);

<p ng-bind="data| limitTo:20 | highlight:columnFilterSearchInput"></p>

angular.module（“filters”）.filter（'highlight'，['sce'，
功能（$sce）{
返回函数（文本、短语）{
如果（短语）{
text=text.replace（新的RegExp（“（“+phrase+”）”，“gi”），“$1”）
返回文本；
}
};
}
]);