如何使用来自 Angular 控制器的 ACE 编辑器将文本插入特定位置

Question

我正在 Ace 编辑器中开发实时协作编辑器，但我找不到任何关于在编辑器中的特定位置插入文本的文档。

实际上我想在用户点击按钮时在光标位置添加文本。

我使用了以下代码：

<div ui-ace="aceOptions" ng-model="content"></div>

并且在 angular 控制器中我使用了以下代码，

 $scope.aceOptions = {
   mode : 'Javascript',
   theme : 'dreamweaver'
 };

 //content of ace editor
 $scope.content = "test";

 //user button click for adding text
 $scope.addTextOnClick = function(){
   //Here i have to get current cursor and needs to insert text
   //Which map to content and insert into it
 }

请帮我解决这个问题。

Answer 1

您可以使用Edit.getCurrentPosition方法获取光标位置。

之后，例如，您可以使用该位置计算文本中的位置并向该文本插入内容。

我还建议查看 Ace docs。

获取编辑器实例的方法如下：https://github.com/angular-ui/ui-ace#ace-instance-direct-access。

the $scope.aceLoaded function will be called with the Ace Editor instance as first argument

查看下面的示例 header。

如何使用来自 Angular 控制器的 ACE 编辑器将文本插入特定位置

How to insert text into specific position with ACE Editor from Angular Controller

javascript

ace-editor

angularjs