限制用户输入/删除任何字母

Question

我正在尝试使用AngularJS（使用UI-Ace ）进行ACE编辑器。 我有一个查询。 我可以限制用户吗

1. 除了预定义的字符（例如;），不要输入任何字符
2. 不删除除预定义字符或空格以外的任何字符

UI-Ace on angular公开了ACE编辑器的onChange事件，如下所示：

$scope.aceChanged = function(e) {
//
};

在php中，我们只是检查输入的字符与指定的字符列表/数组/表达式/ ascii不匹配，但是我如何才能在其中更改/输入/删除字符。

请指导。

编辑：我正在尝试按用户的ans：但出现错误，例如编辑器变量未定义或行未定义

$scope.aceLoaded = function(_editor) {
    // Options
    //_editor.setReadOnly(true);
    //editor.setOption("showPrintMargin", false)        
    _editor.setOption("showPrintMargin", false);
    //_editor.setShowInvisibles(true);
    var _session = _editor.getSession();

    //_session.setUseSoftTabs(false);

    //editor.on("change", onchange)
    _editor.commands.on("afterExec", afterExec);

  };

  var revertScheduled = false;

  $scope.aceChanged = function(e) {
    if($scope.startt ==0){ $scope.startt = new Date().getTime()};
    if (!revertScheduled && _editor.curOp) {
        var text = e.data.lines
            ? e.data.lines.join("\n")
            : e.data.text;

        var shouldRevert = false;
        var isInsertion = e.data.action[0] == "i";
        if (isInsertion && !/^[;]+$/.test(text)) {
            shouldRevert = true;
        } else if (!isInsertion && !/^[; ]+$/.test(text)) {
            shouldRevert = true;
        }

        if (shouldRevert) {
            editor.session.mergeUndoDeltas = false
            editor.session.markUndoGroup()
            revertScheduled = true
            console.log(e.data.text, editor.curOp)
        }
    }
      //
    $http({
        url: global.apiurl+"splitrec",//"http://medline.dev/api/splitrec",
        method: "POST",
        data: {'record': $scope.record.name}
    }).success(function (data, status, headers, config) {
             // assign  $scope.persons here as promise is resolved here
            //$log.log(data);
        $scope.res = data;
        $scope.prova();

        }).error(function (data, status, headers, config) {
            $scope.status = status;
            $log.log(status);
        });
  };


var onchange = function(e) {

}

var afterExec = function() {
    if (revertScheduled) {
        editor.undo();
        revertScheduled = false
    }
}

我的日志输出为e：（curOP为null）

[Object, y]
 0: Object
    data: Object
    action: "insertText"
    range: i
    text: "r"
    __proto__: Object
    __proto__: Object
 1: y
    $blockScrolling: 0
    $enableMultiselect: true
    $highlightPending: false
    $historyTracker: function () { [native code] }
    $isFocused: false
    $mouseHandler: l
    $multiselectOnSessionChange: function () { [native code] }
    $onAddRange: function () { [native code] }
    $onChangeAnnotation: function () { [native code] }
    $onChangeBackMarker: function () { [native code] }
    $onChangeBreakpoint: function () { [native code] }
    $onChangeFold: function () { [native code] }
    $onChangeFrontMarker: function () { [native code] }
    $onChangeMode: function () { [native code] }
    $onChangeTabSize: function () { [native code] }
    $onChangeWrapLimit: function () { [native code] }
    $onChangeWrapMode: function () { [native code] }
    $onCursorChange: function () { [native code] }
    $onDocumentChange: function () { [native code] }
    $onMultiSelect: function () { [native code] }
    $onRemoveRange: function () { [native code] }
    $onScrollLeftChange: function () { [native code] }
    $onScrollTopChange: function () { [native code] }
    $onSelectionChange: function () { [native code] }
    $onSingleSelect: function () { [native code] }
    $onTokenizerUpdate: function () { [native code] }
    $opResetTimer: function (e){n==null&&(n=setTimeout(r,e||t))}
    $search: o
    _$emitInputEvent: function (e){n==null&&(n=setTimeout(r,e||t))}
    _defaultHandlers: Object
    _eventRegistry: Object
    commands: o
    container: div.ng-valid.ace_editor.ace-chrome.ng-dirty
    curOp: null
    env: Object
    keyBinding: s
   lastFileJumpPos: null
   mergeNextCommand: true
   multiSelect: u
   prevOp: Object
   previousCommand: null
   renderer: g
   selection: u
   selections: Array[5]
   sequenceStartTime: 1399493671829
   session: p
   textInput: f

请指导

Answer 1

如果您可以访问真正的ace实例，则可以使用以下方法

var revertScheduled = false
var onchange = function(e) {
    if (!revertScheduled && editor.curOp) {
        var text = e.data.lines
            ? e.data.lines.join("\n")
            : e.data.text;

        var shouldRevert = false;
        var isInsertion = e.data.action[0] == "i";
        if (isInsertion && !/^[;]+$/.test(text)) {
            shouldRevert = true;
        } else if (!isInsertion && !/^[; ]+$/.test(text)) {
            shouldRevert = true;
        }

        if (shouldRevert) {
            editor.session.mergeUndoDeltas = false
            editor.session.markUndoGroup()
            revertScheduled = true
            console.log(e.data.text, editor.curOp)
        }
    }
}

var afterExec = function() {
    if (revertScheduled) {
        editor.undo();
        revertScheduled = false
    }
}
editor.on("change", onchange)
editor.commands.on("afterExec", afterExec)

它测试更改是否被禁止，并将其还原。