glib-web 0.5.77

package/static/plugins/beyondgrammar/beyondgrammar.js

@@ -0,0 +1,46 @@
+RedactorX.add('plugin', 'beyondgrammar', {
+    subscribe: {
+        'editor.docmousedown': function(event) {
+            var e = event.get('e');
+            if (e && this._isPwa(e)) {
+                e.preventDefault();
+            }
+        },
+        'editor.before.blur': function(event) {
+            var e = event.get('e');
+            if (e && this._isPwa(e)) {
+                event.stop();
+            }
+        },
+        'editor.unparse': function(event) {
+            var html = event.get('html');
+            html = this.app.utils.wrap(html, function($w) {
+                $w.find('.pwa-mark').unwrap();
+            });
+
+            event.set('html', html);
+        }
+    },
+    start: function() {
+        this.GrammarChecker = this._getGrammarChecker();
+        if (!this.opts.beyondgrammar || !this.GrammarChecker) return;
+        this._activate();
+    },
+
+    // private
+    _isPwa: function(e) {
+        return (this.dom(e.target).hasClass('pwa-suggest'));
+    },
+    _activate: function() {
+        this.$editor = this.app.editor.getEditor();
+        this.$editor.attr('spellcheck', false);
+        var checker = new this.GrammarChecker(this.$editor.get(), this.opts.beyondgrammar.service, this.opts.beyondgrammar.grammar);
+        checker.init().then(function() {
+            //grammar checker is inited and can be activate
+            checker.activate();
+        });
+    },
+    _getGrammarChecker: function() {
+        return (typeof window["BeyondGrammar"] === 'undefined') ? false : window["BeyondGrammar"]["GrammarChecker"];
+    }
+});

package/static/plugins/beyondgrammar/beyondgrammar.min.js

@@ -0,0 +1 @@
+RedactorX.add("plugin","beyondgrammar",{subscribe:{"editor.docmousedown":function(t){var r=t.get("e");r&&this._isPwa(r)&&r.preventDefault()},"editor.before.blur":function(t){var r=t.get("e");r&&this._isPwa(r)&&t.stop()},"editor.unparse":function(t){var r=t.get("html");r=this.app.utils.wrap(r,function(t){t.find(".pwa-mark").unwrap()}),t.set("html",r)}},start:function(){this.GrammarChecker=this._getGrammarChecker(),this.opts.beyondgrammar&&this.GrammarChecker&&this._activate()},_isPwa:function(t){return this.dom(t.target).hasClass("pwa-suggest")},_activate:function(){this.$editor=this.app.editor.getEditor(),this.$editor.attr("spellcheck",!1);var t=new this.GrammarChecker(this.$editor.get(),this.opts.beyondgrammar.service,this.opts.beyondgrammar.grammar);t.init().then(function(){t.activate()})},_getGrammarChecker:function(){return void 0!==window.BeyondGrammar&&window.BeyondGrammar.GrammarChecker}});

package/static/plugins/blockcode/blockcode.js

@@ -0,0 +1,110 @@
+RedactorX.add('plugin', 'blockcode', {
+    translations: {
+        en: {
+            "blockcode": {
+                "save": "Save",
+                "cancel": "Cancel",
+                "edit-code": "Edit Code"
+            }
+        }
+    },
+    defaults: {
+        icon: '<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m10.6128994 3.20970461.0942074.08318861 4 4c.3604839.36048396.3882135.92771502.0831886 1.32000622l-.0831886.09420734-4 4.00000002c-.3905243.3905243-1.02368929.3905243-1.41421358 0-.36048396-.360484-.3882135-.927715-.08318861-1.3200062l.08318861-.0942074 3.29210678-3.2928932-3.29210678-3.29289322c-.36048396-.36048396-.3882135-.92771502-.08318861-1.32000622l.08318861-.09420734c.36048396-.36048396.92771498-.3882135 1.32000618-.08318861zm-3.90579262.08318861c.36048396.36048396.3882135.92771502.08318861 1.32000622l-.08318861.09420734-3.29210678 3.29289322 3.29210678 3.2928932c.36048396.360484.3882135.927715.08318861 1.3200062l-.08318861.0942074c-.36048396.3604839-.92771502.3882135-1.32000622.0831886l-.09420734-.0831886-4-4.00000002c-.36048396-.36048396-.3882135-.92771502-.08318861-1.32000622l.08318861-.09420734 4-4c.39052429-.39052429 1.02368927-.39052429 1.41421356 0z"/></svg>',
+        popup: {
+            width: '100%',
+            title: '## blockcode.edit-code ##',
+            form: {
+                'code': { type: 'textarea', rows: '8' }
+            },
+            footer: {
+                save: { title: '## blockcode.save ##', command: 'blockcode.save', type: 'primary' },
+                cancel: { title: '## blockcode.cancel ##', close: true }
+            }
+        }
+    },
+    init: function() {
+        this.offset = false;
+    },
+    start: function() {
+        this.app.control.add('blockcode', {
+            icon: this.opts.blockcode.icon,
+            command: 'blockcode.edit',
+            title: '## blockcode.edit-code ##',
+            position: {
+                before: 'duplicate'
+            }
+        });
+    },
+    edit: function() {
+        var current = this._getCurrent();
+        var code = current.getOuterHtml();
+        code = this.app.parser.unparse(code);
+
+        if (current.isEditable()) {
+            this.offset = this.app.offset.get(current.getBlock());
+        }
+
+        // create
+        this.app.popup.create('code', this.opts.blockcode.popup);
+        this.app.popup.setData({ code: code });
+
+        // open
+        this.app.popup.open({ focus: 'code' });
+
+        // hadnle & codemirror
+        this._buildInputHandle();
+        this._buildCodemirror();
+    },
+    save: function() {
+        this.app.popup.close();
+
+        var current = this._getCurrent();
+        var code = this._getCode();
+        if (code === '') {
+            return;
+        }
+
+        // create
+        code = this.app.parser.parse(code, false);
+        var $source = this.dom(code);
+        var instance = this.app.create('block.' + current.getType(), $source);
+
+        // change
+        current.change(instance);
+
+        // set editable focus
+        if (this.offset && instance.isEditable()) {
+            this.app.offset.set(instance.getBlock(), this.offset);
+        }
+
+        // clear offset
+        this.offset = false;
+    },
+
+    // private
+    _getCurrent: function() {
+        var current = this.app.block.get();
+        if (current.isSecondLevel()) {
+            current = current.getFirstLevel();
+        }
+
+        return current;
+    },
+    _getCode: function() {
+        var data = this.app.popup.getData();
+        var code = data.code.trim();
+        code = this.app.codemirror.val(code);
+
+        return code;
+    },
+    _buildInputHandle: function() {
+        var $input = this.app.popup.getInput('code');
+        $input.on('keydown', this.app.input.handleTextareaTab.bind(this));
+    },
+    _buildCodemirror: function() {
+        var $input = this.app.popup.getInput('code');
+
+        this.app.codemirror.create({ el: $input, height: '200px', focus: true });
+        this.app.popup.updatePosition();
+    }
+});

package/static/plugins/blockcode/blockcode.min.js

@@ -0,0 +1 @@
+RedactorX.add("plugin","blockcode",{translations:{en:{blockcode:{save:"Save",cancel:"Cancel","edit-code":"Edit Code"}}},defaults:{icon:'<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m10.6128994 3.20970461.0942074.08318861 4 4c.3604839.36048396.3882135.92771502.0831886 1.32000622l-.0831886.09420734-4 4.00000002c-.3905243.3905243-1.02368929.3905243-1.41421358 0-.36048396-.360484-.3882135-.927715-.08318861-1.3200062l.08318861-.0942074 3.29210678-3.2928932-3.29210678-3.29289322c-.36048396-.36048396-.3882135-.92771502-.08318861-1.32000622l.08318861-.09420734c.36048396-.36048396.92771498-.3882135 1.32000618-.08318861zm-3.90579262.08318861c.36048396.36048396.3882135.92771502.08318861 1.32000622l-.08318861.09420734-3.29210678 3.29289322 3.29210678 3.2928932c.36048396.360484.3882135.927715.08318861 1.3200062l-.08318861.0942074c-.36048396.3604839-.92771502.3882135-1.32000622.0831886l-.09420734-.0831886-4-4.00000002c-.36048396-.36048396-.3882135-.92771502-.08318861-1.32000622l.08318861-.09420734 4-4c.39052429-.39052429 1.02368927-.39052429 1.41421356 0z"/></svg>',popup:{width:"100%",title:"## blockcode.edit-code ##",form:{code:{type:"textarea",rows:"8"}},footer:{save:{title:"## blockcode.save ##",command:"blockcode.save",type:"primary"},cancel:{title:"## blockcode.cancel ##",close:!0}}}},init:function(){this.offset=!1},start:function(){this.app.control.add("blockcode",{icon:this.opts.blockcode.icon,command:"blockcode.edit",title:"## blockcode.edit-code ##",position:{before:"duplicate"}})},edit:function(){var t=this._getCurrent(),e=t.getOuterHtml();e=this.app.parser.unparse(e),t.isEditable()&&(this.offset=this.app.offset.get(t.getBlock())),this.app.popup.create("code",this.opts.blockcode.popup),this.app.popup.setData({code:e}),this.app.popup.open({focus:"code"}),this._buildInputHandle(),this._buildCodemirror()},save:function(){this.app.popup.close();var t=this._getCurrent(),e=this._getCode();if(""!==e){e=this.app.parser.parse(e,!1);var o=this.dom(e),p=this.app.create("block."+t.getType(),o);t.change(p),this.offset&&p.isEditable()&&this.app.offset.set(p.getBlock(),this.offset),this.offset=!1}},_getCurrent:function(){var t=this.app.block.get();return t.isSecondLevel()&&(t=t.getFirstLevel()),t},_getCode:function(){var t=this.app.popup.getData().code.trim();return t=this.app.codemirror.val(t)},_buildInputHandle:function(){this.app.popup.getInput("code").on("keydown",this.app.input.handleTextareaTab.bind(this))},_buildCodemirror:function(){var t=this.app.popup.getInput("code");this.app.codemirror.create({el:t,height:"200px",focus:!0}),this.app.popup.updatePosition()}});

package/static/plugins/clips/clips.js

@@ -0,0 +1,44 @@
+RedactorX.add('plugin', 'clips', {
+    translations: {
+		en: {
+    		"clips": {
+    			"clips": "Clips"
+            }
+        }
+    },
+    defaults: {
+        icon: '<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m12.1666667 1c1.0193924 0 1.8333333.83777495 1.8333333 1.85714286v10.28571424c0 1.0193679-.8139409 1.8571429-1.8333333 1.8571429h-8.33333337c-1.01868744 0-1.83333333-.8379215-1.83333333-1.8571429v-10.28571424c0-1.01922137.81464589-1.85714286 1.83333333-1.85714286zm-.1666667 2h-8v10h8zm-2 7c.5522847 0 1 .4477153 1 1 0 .5128358-.3860402.9355072-.8833789.9932723l-.1166211.0067277h-4c-.55228475 0-1-.4477153-1-1 0-.5128358.38604019-.9355072.88337887-.9932723l.11662113-.0067277zm0-3c.5522847 0 1 .44771525 1 1 0 .51283584-.3860402.93550716-.8833789.99327227l-.1166211.00672773h-4c-.55228475 0-1-.44771525-1-1 0-.51283584.38604019-.93550716.88337887-.99327227l.11662113-.00672773zm0-3c.5522847 0 1 .44771525 1 1 0 .51283584-.3860402.93550716-.8833789.99327227l-.1166211.00672773h-4c-.55228475 0-1-.44771525-1-1 0-.51283584.38604019-.93550716.88337887-.99327227l.11662113-.00672773z"/></svg>',
+        items: false
+    },
+    start: function() {
+        if (!this.opts.clips.items) return;
+
+        this.app.toolbar.add('clips', {
+            title: '## clips.clips ##',
+            icon: this.opts.clips.icon,
+            command: 'clips.popup',
+            blocks: {
+                all: 'editable'
+            }
+        });
+	},
+	popup: function(params, button) {
+    	var items = {};
+    	for (var key in this.opts.clips.items) {
+
+        	items[key] = {
+            	title: this.opts.clips.items[key].title,
+            	command: 'clips.insert'
+            }
+    	}
+
+        this.app.popup.create('clips', { items: items });
+        this.app.popup.open({ button: button });
+	},
+	insert: function(params, item, name) {
+    	this.app.popup.close();
+
+        var html = this.opts.clips.items[name].html;
+        this.app.editor.insertContent({ html: html });
+	}
+});

package/static/plugins/clips/clips.min.js

@@ -0,0 +1 @@
+RedactorX.add("plugin","clips",{translations:{en:{clips:{clips:"Clips"}}},defaults:{icon:'<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m12.1666667 1c1.0193924 0 1.8333333.83777495 1.8333333 1.85714286v10.28571424c0 1.0193679-.8139409 1.8571429-1.8333333 1.8571429h-8.33333337c-1.01868744 0-1.83333333-.8379215-1.83333333-1.8571429v-10.28571424c0-1.01922137.81464589-1.85714286 1.83333333-1.85714286zm-.1666667 2h-8v10h8zm-2 7c.5522847 0 1 .4477153 1 1 0 .5128358-.3860402.9355072-.8833789.9932723l-.1166211.0067277h-4c-.55228475 0-1-.4477153-1-1 0-.5128358.38604019-.9355072.88337887-.9932723l.11662113-.0067277zm0-3c.5522847 0 1 .44771525 1 1 0 .51283584-.3860402.93550716-.8833789.99327227l-.1166211.00672773h-4c-.55228475 0-1-.44771525-1-1 0-.51283584.38604019-.93550716.88337887-.99327227l.11662113-.00672773zm0-3c.5522847 0 1 .44771525 1 1 0 .51283584-.3860402.93550716-.8833789.99327227l-.1166211.00672773h-4c-.55228475 0-1-.44771525-1-1 0-.51283584.38604019-.93550716.88337887-.99327227l.11662113-.00672773z"/></svg>',items:!1},start:function(){this.opts.clips.items&&this.app.toolbar.add("clips",{title:"## clips.clips ##",icon:this.opts.clips.icon,command:"clips.popup",blocks:{all:"editable"}})},popup:function(t,i){var p={};for(var s in this.opts.clips.items)p[s]={title:this.opts.clips.items[s].title,command:"clips.insert"};this.app.popup.create("clips",{items:p}),this.app.popup.open({button:i})},insert:function(t,i,p){this.app.popup.close();var s=this.opts.clips.items[p].html;this.app.editor.insertContent({html:s})}});

package/static/plugins/counter/counter.js

@@ -0,0 +1,60 @@
+RedactorX.add('plugin', 'counter', {
+    translations: {
+        en: {
+            "counter": {
+    			"words": "words",
+    			"chars": "chars"
+            }
+        }
+    },
+    start: function() {
+        this.$editor = this.app.editor.getEditor();
+        this.$editor.on('keyup.' + this.prefix + '-plugin-counter paste.' + this.prefix + '-plugin-counter', this.count.bind(this));
+        this.count();
+    },
+    stop: function() {
+        this.$editor.off('.' + this.prefix + '-plugin-counter');
+
+        this.app.statusbar.remove('words');
+        this.app.statusbar.remove('chars');
+    },
+	count: function()
+	{
+		var words = 0, characters = 0, spaces = 0;
+		var html = this.$editor.html();
+
+		html = this._clean(html)
+		if (html !== '') {
+			var arrWords = html.split(/\s+/);
+			var arrSpaces = html.match(/\s/g);
+
+			words = (arrWords) ? arrWords.length : 0;
+			spaces = (arrSpaces) ? arrSpaces.length : 0;
+
+			characters = html.length;
+		}
+
+        var data = { words: words, characters: characters, spaces: spaces };
+
+        // callback
+		this.app.broadcast('counter', data);
+
+        // statusbar
+        this.app.statusbar.add('words', this.lang.get('counter.words') + ': ' + data.words);
+        this.app.statusbar.add('chars', this.lang.get('counter.chars') + ': ' + data.characters);
+	},
+
+    // private
+    _clean: function(html) {
+		html = html.replace(/<\/(.*?)>/gi, ' ');
+		html = html.replace(/<(.*?)>/gi, '');
+		html = html.replace(/\t/gi, '');
+		html = html.replace(/\n/gi, ' ');
+		html = html.replace(/\r/gi, ' ');
+		html = html.replace(/&nbsp;/g, '1');
+		html = html.trim();
+		html = this.app.utils.removeInvisibleChars(html);
+
+		return html;
+    }
+});

package/static/plugins/counter/counter.min.js

@@ -0,0 +1 @@
+RedactorX.add("plugin","counter",{translations:{en:{counter:{words:"words",chars:"chars"}}},start:function(){this.$editor=this.app.editor.getEditor(),this.$editor.on("keyup."+this.prefix+"-plugin-counter paste."+this.prefix+"-plugin-counter",this.count.bind(this)),this.count()},stop:function(){this.$editor.off("."+this.prefix+"-plugin-counter"),this.app.statusbar.remove("words"),this.app.statusbar.remove("chars")},count:function(){var t=0,r=0,s=0,e=this.$editor.html();if(""!==(e=this._clean(e))){var a=e.split(/\s+/),i=e.match(/\s/g);t=a?a.length:0,s=i?i.length:0,r=e.length}var n={words:t,characters:r,spaces:s};this.app.broadcast("counter",n),this.app.statusbar.add("words",this.lang.get("counter.words")+": "+n.words),this.app.statusbar.add("chars",this.lang.get("counter.chars")+": "+n.characters)},_clean:function(t){return t=(t=(t=(t=(t=(t=(t=t.replace(/<\/(.*?)>/gi," ")).replace(/<(.*?)>/gi,"")).replace(/\t/gi,"")).replace(/\n/gi," ")).replace(/\r/gi," ")).replace(/&nbsp;/g,"1")).trim(),t=this.app.utils.removeInvisibleChars(t)}});

package/static/plugins/definedlinks/definedlinks.js

@@ -0,0 +1,64 @@
+RedactorX.add('plugin', 'definedlinks', {
+    defaults: {
+        items: false
+    },
+    subscribe: {
+        'popup.open': function() {
+            if (this.opts.definedlinks.items === false) return;
+
+            var name = this.app.popup.getName();
+            if (name === 'link') {
+                this._build();
+            }
+        }
+    },
+
+    // private
+    _build: function() {
+        var $item = this.app.popup.getFormItem('text');
+        var $box = this.dom('<div>').addClass(this.prefix + '-form-item');
+
+        // select
+        this.$select = this._create();
+
+        $box.append(this.$select);
+        $item.before($box);
+    },
+    _change: function(e) {
+        var key = this.dom(e.target).val();
+        var data = this.opts.definedlinks.items[key];
+        var $text = this.app.popup.getInput('text');
+        var $url = this.app.popup.getInput('url');
+        var name = data.name;
+        var url = data.url;
+
+        if (data.url === false) {
+            url = '';
+            name = '';
+        }
+
+        // text
+        if ($text.val() === '') {
+            $text.val(name);
+        }
+
+        // url
+        $url.val(url);
+    },
+    _create: function() {
+        var items = this.opts.definedlinks.items;
+        var $select = this.dom('<select>').addClass(this.prefix + '-form-select');
+        $select.on('change', this._change.bind(this));
+
+        for (var i = 0; i < items.length; i++) {
+            var data = items[i];
+            var $option = this.dom('<option>');
+            $option.val(i);
+            $option.html(data.name);
+
+            $select.append($option);
+        }
+
+        return $select;
+    }
+});

package/static/plugins/definedlinks/definedlinks.min.js

@@ -0,0 +1 @@
+RedactorX.add("plugin","definedlinks",{defaults:{items:!1},subscribe:{"popup.open":function(){!1!==this.opts.definedlinks.items&&"link"===this.app.popup.getName()&&this._build()}},_build:function(){var t=this.app.popup.getFormItem("text"),e=this.dom("<div>").addClass(this.prefix+"-form-item");this.$select=this._create(),e.append(this.$select),t.before(e)},_change:function(t){var e=this.dom(t.target).val(),i=this.opts.definedlinks.items[e],s=this.app.popup.getInput("text"),p=this.app.popup.getInput("url"),n=i.name,a=i.url;!1===i.url&&(n=a=""),""===s.val()&&s.val(n),p.val(a)},_create:function(){var t=this.opts.definedlinks.items,e=this.dom("<select>").addClass(this.prefix+"-form-select");e.on("change",this._change.bind(this));for(var i=0;i<t.length;i++){var s=t[i],p=this.dom("<option>");p.val(i),p.html(s.name),e.append(p)}return e}});

package/static/plugins/handle/handle.js

@@ -0,0 +1,173 @@
+RedactorX.add('plugin', 'handle', {
+    translations: {
+        en: {
+            "print": {
+                "print": "Print"
+            }
+        }
+    },
+    defaults: {
+        url: false,
+        start: 1,
+        trigger: '@'
+    },
+    subscribe: {
+        'editor.keyup': function(event) {
+            if (this.opts.handle.url === false) return;
+            this._handle(event);
+        }
+    },
+    start: function() {
+        this.handleLen = this.opts.handle.start;
+    },
+    stop: function() {
+        this._hide();
+    },
+
+    // private
+    _handle: function(event) {
+        var e = event.get('e');
+		var key = e.which;
+		var ctrl = e.ctrlKey || e.metaKey;
+		var arrows = [37, 38, 39, 40];
+		var ks = this.app.keycodes;
+
+        if (key === ks.DELETE || key === ks.ESC || key === ks.SPACE || key === ks.SHIFT || ctrl || (arrows.indexOf(key) !== -1)) {
+			return;
+		}
+
+        if (key === ks.BACKSPACE) {
+            this.handleLen = this.handleLen - 2;
+            if (this.handleLen <= this.opts.handle.start) {
+                this._hide();
+            }
+        }
+
+        this._emit();
+    },
+    _emit: function() {
+		var re = new RegExp('^' + this.opts.handle.trigger);
+        this.handleStr = this.app.selection.getText('before', this.handleLen + 1);
+
+        // detect
+        if (re.test(this.handleStr)) {
+            this.handleStr = this.handleStr.replace(this.opts.handle.trigger, '');
+            this.handleLen++;
+
+            if ((this.handleLen-1) > this.opts.handle.start) {
+                this._load();
+            }
+        }
+    },
+    _isShown: function() {
+        return (this.$panel && this.$panel.hasClass('open'));
+    },
+    _load: function() {
+		this.ajax.post({
+    		url: this.opts.handle.url,
+    		data: 'handle=' + this.handleStr,
+    		success: this._parse.bind(this)
+		});
+    },
+	_parse: function(json) {
+		if (json === '') return;
+        var data = (typeof json === 'object') ? json : JSON.parse(json);
+
+        this._build(data);
+	},
+	_build: function(data) {
+
+    	this.data = data;
+        this.$panel = this.app.$body.find('.' + this.prefix + '-panel');
+
+        if (this.$panel.length === 0) {
+            this.$panel = this.dom('<div>').addClass(this.prefix + '-panel');
+            this.app.$body.append(this.$panel);
+        }
+        else {
+            this.$panel.html('');
+        }
+
+        // events
+        this._stopEvents();
+        this._startEvents();
+
+        // data
+        for (var key in data) {
+            var $item = this.dom('<div>').addClass(this.prefix + '-panel-item');
+            var $trigger = this.dom('<a>').attr('href', '#');
+            $trigger.html(data[key].item);
+            $trigger.attr('data-key', key);
+            $trigger.on('click', this._replace.bind(this));
+
+            $item.append($trigger);
+            this.$panel.append($item);
+        }
+
+        // position
+        var scrollTop = this.app.$doc.scrollTop();
+        var pos = this.app.selection.getPosition();
+
+        this.$panel.css({
+            top: (pos.bottom + scrollTop) + 'px',
+            left: pos.left + 'px'
+        });
+    },
+    _replace: function(e) {
+		e.preventDefault();
+		e.stopPropagation();
+
+		var $item = this.dom(e.target);
+		var key = $item.attr('data-key');
+		var replacement = this.data[key].replacement;
+
+		this.app.marker.insert('start');
+		var marker = this.app.marker.find('start');
+		if (marker === false) return;
+
+        var $marker = this.dom(marker);
+        var current = marker.previousSibling;
+
+        var currentText = current.textContent;
+        var re = new RegExp('@' + this.handleStr + '$');
+
+    	currentText = currentText.replace(re, '');
+    	current.textContent = currentText;
+
+        $marker.before(replacement);
+        this.app.selection.restoreMarker();
+
+        this._hide();
+    },
+    _reset: function() {
+        this.handleStr = false;
+        this.handleLen = this.opts.handle.start;
+        this.$panel = false;
+    },
+    _hide: function(e) {
+        var hidable = false;
+        var key = (e && e.which);
+        var ks = this.app.keycodes;
+
+        if (!e) hidable = true;
+        else if (e.type === 'click' || key === ks.ESC || key === ks.ENTER || key === ks.SPACE) hidable = true;
+
+        if (hidable) {
+            if (this.$panel) this.$panel.remove();
+            this._reset();
+            this._stopEvents();
+        }
+    },
+    _startEvents: function() {
+        var name = 'click.' + this.prefix + '-plugin-handle keydown.' + this.prefix + '-plugin-handle';
+
+        this.app.$doc.on(name, this._hide.bind(this));
+        this.app.editor.getEditor().on(name, this._hide.bind(this));
+    },
+    _stopEvents: function() {
+        var name = '.' + this.prefix + '-plugin-handle';
+
+        this.app.$doc.off(name);
+        this.app.editor.getEditor().off(name);
+    }
+});

package/static/plugins/handle/handle.min.js

@@ -0,0 +1 @@
+RedactorX.add("plugin","handle",{translations:{en:{print:{print:"Print"}}},defaults:{url:!1,start:1,trigger:"@"},subscribe:{"editor.keyup":function(t){!1!==this.opts.handle.url&&this._handle(t)}},start:function(){this.handleLen=this.opts.handle.start},stop:function(){this._hide()},_handle:function(t){var e=t.get("e"),i=e.which,s=e.ctrlKey||e.metaKey,n=this.app.keycodes;i===n.DELETE||i===n.ESC||i===n.SPACE||i===n.SHIFT||s||-1!==[37,38,39,40].indexOf(i)||(i===n.BACKSPACE&&(this.handleLen=this.handleLen-2,this.handleLen<=this.opts.handle.start&&this._hide()),this._emit())},_emit:function(){var t=new RegExp("^"+this.opts.handle.trigger);this.handleStr=this.app.selection.getText("before",this.handleLen+1),t.test(this.handleStr)&&(this.handleStr=this.handleStr.replace(this.opts.handle.trigger,""),this.handleLen++,this.handleLen-1>this.opts.handle.start&&this._load())},_isShown:function(){return this.$panel&&this.$panel.hasClass("open")},_load:function(){this.ajax.post({url:this.opts.handle.url,data:"handle="+this.handleStr,success:this._parse.bind(this)})},_parse:function(t){if(""!==t){var e="object"==typeof t?t:JSON.parse(t);this._build(e)}},_build:function(t){for(var e in this.data=t,this.$panel=this.app.$body.find("."+this.prefix+"-panel"),0===this.$panel.length?(this.$panel=this.dom("<div>").addClass(this.prefix+"-panel"),this.app.$body.append(this.$panel)):this.$panel.html(""),this._stopEvents(),this._startEvents(),t){var i=this.dom("<div>").addClass(this.prefix+"-panel-item"),s=this.dom("<a>").attr("href","#");s.html(t[e].item),s.attr("data-key",e),s.on("click",this._replace.bind(this)),i.append(s),this.$panel.append(i)}var n=this.app.$doc.scrollTop(),a=this.app.selection.getPosition();this.$panel.css({top:a.bottom+n+"px",left:a.left+"px"})},_replace:function(t){t.preventDefault(),t.stopPropagation();var e=this.dom(t.target).attr("data-key"),i=this.data[e].replacement;this.app.marker.insert("start");var s=this.app.marker.find("start");if(!1!==s){var n=this.dom(s),a=s.previousSibling,h=a.textContent,p=new RegExp("@"+this.handleStr+"$");h=h.replace(p,""),a.textContent=h,n.before(i),this.app.selection.restoreMarker(),this._hide()}},_reset:function(){this.handleStr=!1,this.handleLen=this.opts.handle.start,this.$panel=!1},_hide:function(t){var e=!1,i=t&&t.which,s=this.app.keycodes;t&&"click"!==t.type&&i!==s.ESC&&i!==s.ENTER&&i!==s.SPACE||(e=!0),e&&(this.$panel&&this.$panel.remove(),this._reset(),this._stopEvents())},_startEvents:function(){var t="click."+this.prefix+"-plugin-handle keydown."+this.prefix+"-plugin-handle";this.app.$doc.on(t,this._hide.bind(this)),this.app.editor.getEditor().on(t,this._hide.bind(this))},_stopEvents:function(){var t="."+this.prefix+"-plugin-handle";this.app.$doc.off(t),this.app.editor.getEditor().off(t)}});