Custom command example does not work as expected

[sntran]

I tried to recreate the example of custom command on the Docs page. Here is the fiddle (http://jsfiddle.net/noe7dm62/)

As you can see, the button does not output the selected text.

[shalanah]

I had problems with this too. I'm brand new to Aloha so I'm not sure if there is another way to do this.

I took a look at the source code on the "Getting Started Page". Aloha seems to wrap the selection with these weird looking chars: ▓ and a combo of these { } [ ] .

Aloha's code is this:

var command = {
    crazyCoolProperty: 'You selected:',
    action: function (boundaries, selection, command, events) {
        var source = aloha.markers.hint(boundaries, true)
            .replace(/[\n\r]/g, '')
            .replace(/^.*?▓([^▓]+)▓.*$/, '$1')
            .replace(/</g, '&lt;').replace(/>/g, '&gt;')
            .replace(/^[\{\[]|[\}\]]$/g, '');
        $('#demo5 .console')
            .html('<b>' + command.crazyCoolProperty + '</b> "' + source + '"');
    }
};
$('#crazy-cool-custom-command').on(
    'click',
    aloha.ui.command(aloha($('#demo5 .editable')[0]), command)
);

And while trying to figure it out I think this would work for your jsfiddle:

var command = {
        crazyCoolProperty: 'You selected: ',
        action: function (boundaries, selection, command, events) {
            var source = aloha.markers.hint(boundaries, true)
               .replace(/[\n\r]/g, '')
               .replace(/^.*?▓([^▓]+)▓.*$/, '$1')
               .replace(/^[\{\[]|[\}\]]$/g, '');
        alert(command.crazyCoolProperty + ' ' + source);
        }
};