Выделите выделенный текст в Редакторе ace

Я использую директиву ui-ace в своем приложении.Как выделить текст, выбранный в текстовом поле ace.

Это мой код туза .js.

$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">
user3587856, в 10:18 (источник)

1 ответ

  1. Создайте пользовательский фильтр, как показано ниже..

    angular.module("filters").filter('highlight', ['$sce',
        function ($sce) {
            return function (text, phrase) {
                if (phrase) {
                    text = text.replace(new RegExp('(' + phrase + ')', 'gi'), '<span class="highlighted">
	
    Create custom filter like below..
    


    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>

    </span>')
     return text;
     }
     };
     }
     ]);
    <p ng-bind="data| limitTo:20 | highlight:columnFilterSearchInput"></p>