Выделите выделенный текст в Редакторе 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">

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>