Example

<a href="javascript:;" id="button-cursor">set cursor</a>
<a href="javascript:;" id="button-text">change text</a>
<a href="javascript:;" id="button-prepend">prepend text</a>
<a href="javascript:;" id="button-append">append text</a>
<a href="javascript:;" id="button-line">current line</a>

seajs.use(['$', 'lepture/selection/0.9.0/selection'], function($, selection) {
    var sel = selection(document.getElementById('editor'));
    $('#editor').on('click select keyup', function() {
        $('#speaker-text').text(sel.text());
        $('#speaker-cursor').text(sel.cursor());
        $('#speaker-surround').text(sel.surround());
    });

    $('#button-cursor').click(function() {
        sel.cursor(10, 19);
        // equal sel.cursor([10, 19])
    });
    $('#button-text').click(function() {
        sel.text('hello world');
        // sel.text('hello world', 'left')
        // sel.text('hello world', 'right')
    });
    $('#button-prepend').click(function() {
        sel.prepend('hello prepend', 'right');
    });
    $('#button-append').click(function() {
        sel.prepend('hello append', 'left');
    });
    $('#button-line').click(function() {
        alert(sel.line());
    });
});