SCEditor icons demo

HTML

<link rel="stylesheet" href="http://www.sceditor.com/minified/themes/default.min.css">
<script src="http://www.sceditor.com/minified/jquery.sceditor.bbcode.min.js"></script>
<div><textarea></textarea></div>
<div><a href="#" id="caretend">Place caret at end</a></div>

CSS

textarea {
    height: 300px;
}

JavaScript

var instance = $('textarea').sceditor({
    plugins: 'bbcode',
    width: '100%',
    style: 'http://www.sceditor.com/minified/jquery.sceditor.default.min.css'
}).sceditor('instance');

$('#caretend').click(function() {
    placeCaretAtEnd(instance);
});

function placeCaretAtEnd(el) {
    el.focus();
    if (typeof window.getSelection != "undefined"
            && typeof document.createRange != "undefined") {
        var range = document.createRange();
        range.selectNodeContents(el.getBody().get(0));
        range.collapse(false);
        var sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(range);
    } else if (typeof document.body.createTextRange != "undefined") {
        var textRange = document.body.createTextRange();
        textRange.moveToElementText(el.getBody().get(0));
        textRange.collapse(false);
        textRange.select();
    }
}