example - cómo restringir al usuario para que escriba solo una función de JavaScript(método) dentro del editor ui-ace

ng-repeat example

Question

este es mi código de controlador

 $scope.aceOptions = {
workerPath: ''http://localhost:50871/Scripts/app/vendor/'',
useWrapMode: true,
showGutter: true,
theme: ''chrome'',
firstLineNumber: 1,
onLoad: function (_editor) {
$scope.script = {};
$scope.script.scriptCode = "function fieldName_columnName_" + "functionName(){/n/n/n}";
var _session = _editor.getSession();
_session.setMode(''ace/mode/javascript'');
var _renderer = _editor.renderer;
_session.on(''changeAnnotation'', function () {
$scope.annotations = [];
$scope.annotations = _editor.getSession().getAnnotations();
}),
_editor.$blockScrolling = Infinity;
_session.on("change", function (e) {
var currentValue = _editor.getSession().getValue();
$scope.script.scriptCode = currentValue;
});
},
require: [''ace/ext/language_tools''],
advanced: {
enableSnippets: true,
enableBasicAutocompletion: true,
enableLiveAutocompletion: true
}
}

escribí directivas para ui-ace este es mi código html

 <javascript-editor code="script.scriptCode" ace-option="aceOptions"></javascript-editor>

y el código de la directiva es

SCSApp
.directive(''javascriptEditor'', [
function () {
return {
restrict: ''E'',
scope: {
data: ''=code'',
aceOption: ''=''
},
templateUrl: ''/Scripts/app/shared/directives/javascripEditor/partials/javascriptEditor.html'',
link: function (scope, element, attrs) {
}
}
}]);

y este es mi javascriptEditor.html

<div class="e1" ui-ace="aceOption" ng-model="data"></div>

solo quiero restringir al usuario para que no escriba más que una función javascript en el editor ui-ace

Answer 1

Debe adjuntar la función js que se activará en los eventos keyDown o onBlur dentro del editor de texto. Esa función debe realizar la comprobación del texto en el editor para declaraciones de declaración de función por RegExp . Si encuentra más de una coincidencia de declaración de función, puede manejar el caso cuando se declara más de una función dentro del editor de texto.

Answer 2

Puede crear su propio analizador sintáctico de funciones javascript o usar una lib como parser3

Luego, escriba las reglas lógicas para mostrar el éxito / fracaso de la IU en función del contenido del editor de ACE.

Se trata de analizar cadenas / oraciones como lo hacen los compiladores para crear el código de bajo nivel.