我正在使用 textAngular 1.4.1,但我无法弄清楚如何将文本插入到当前光标位置的 textAngular 指令中。
我会认为这是一个简单的操作。
我有一个 SELECT,其中包含要插入的选项列表。当他们按下插入按钮时,我希望将文本插入到光标处的 HTML 中。
在我的控制器中,我有这个代码
$scope.insertToHtml = function (newText) {
var editor = textAngularManager.retrieveEditor('item_bodyHTML')
$timeout(function(){
editor.scope.displayElements.text.trigger('focus');
rangy.getSelection().getRangeAt(0).insertNode(document.createTextNode(newText))
});
}
HTML:
<div text-angular id="item_bodyHTML" name="item_bodyHTML" placeholder="Body HTML" ng-required="true" data-ng-model="item.bodyHTML" ></div>
<select class="form-control" placeholder="Insert Field" data-ng-model="insertHTML" ng-options="o.code as o.name for o in optionsToInsert"></select>
<button class="btn btn-default" type="button" ng-click="insertToHtml(insertHTML)">Insert</button>