<textarea name="code" id="id_code" style="width: 100%;" rows="16" data-ng-model="current_static_page_code"></textarea>$scope.current_static_page_code = '<body style="margin: 0; width: 100%; height: 100%;">\n\n</body>';
$scope.caretPos = 6;
$scope.setSelectionRange = function(input, selectionStart, selectionEnd) {
if (input.setSelectionRange) {
input.focus();
input.setSelectionRange(selectionStart, selectionEnd);
}
else if (input.createTextRange) {
var range = input.createTextRange();
range.collapse(true);
range.moveEnd('character', selectionEnd);
range.moveStart('character', selectionStart);
range.select();
}
};
$scope.setCaretToPos = function() {
$scope.setSelectionRange(document.getElementById("myTextArea"), $scope.caretPos, $scope.caretPos);
};Caret Positon :<br/>
<input type="number" ng-model="caretPos"/><br/><br/>
<textarea id="myTextArea">
This is sample text for testing purpose
</textarea><br/><br/>
<button ng-click="setCaretToPos()">Set Caret Position</button>
$("#id_code").selectionStart = 1;
$("#id_code").selectionEnd = 1;