camaleon_cms 0.0.1

data/app/assets/javascripts/admin/post.js

@@ -0,0 +1,274 @@
+var App_post = {};
+var $form = null;
+function init_post(obj){
+    $form = $('#form-post');
+
+    if(obj.recover_draft == "true"){
+        $form.css('opacity',0).before('<h2 style="text-align: center">'+lang.mgs_recover+'</h2>');
+    }
+
+    var _draft_inited = false;
+    var class_translate = ".translate-item";
+
+    var post_id = obj.post_id;
+    var post_draft_id = obj.post_draft_id;
+    var post_status = obj.post_status;
+    var _post_path = obj._post_path;
+    var _drafts_path = obj._drafts_path;
+    var _posts_path = obj._posts_path;
+    var _ajax_path = obj._ajax_path;
+    var _post_tags_path = obj._post_tags_path;
+
+    App_post.save_draft_ajax = function(callback){
+        _draft_inited = true;
+        var data = $form.serializeObject();
+        data._method = post_draft_id ? 'patch': 'post';
+        data.post_id = post_id;
+        if(data.post.title && $form.data("hash") != get_hash_form()){
+            $.ajax({
+                type: 'POST',
+                url: _drafts_path,
+                data: data,
+                success: function(res){
+                    if(res.error){
+                        $.fn.alert({type: 'error', title: res.error.join(", "), icon: "times"})
+                    }else{
+                        if(res._drafts_path) _drafts_path = res._drafts_path
+                        post_draft_id = res.draft.id
+                        $("#post_draft_id").val(post_draft_id);
+                    }
+                    if(callback) callback(res);
+                },
+                dataType: 'json',
+                async:false
+            });
+        }
+
+    };
+
+    App_post.save_draft = function(){
+        App_post.save_draft_ajax(function(){
+            $form.data("submitted", 1);
+            location.href = _posts_path+'?notice='+lang.post_draft
+        });
+
+    }
+
+    var t = setInterval(function(){
+        App_post.save_draft_ajax();
+    }, 1*60*1000);
+
+    window.save_draft = App_post.save_draft_ajax;
+
+    if($(".title-post"+class_translate).size() == 0) class_translate = '';
+    $(".title-post"+class_translate).each(function(){
+        var $this = $(this);
+        if(!$this.hasClass('sluged')){
+            if(class_translate){
+                var lng = $this.attr("name").match(/-(.*)-/i).pop();
+                var $input_slug = $('.slug-post'+class_translate+'[name^="translation-'+lng+'"]')
+                var post_path = _post_path.replace('____', lng)
+            }else{
+                var $input_slug = $('.slug-post');
+                var post_path = _post_path.replace('/____', '');
+            }
+
+            var $link = $('<div class="sl-slug-edit">' +
+            '<strong>'+lang.permalink+':&nbsp;</strong><span class="sl-link"></span> <span>/ &nbsp;&nbsp;</span>' +
+            '<a href="#" class="btn btn-default btn-xs btn-edit">'+lang.edit+'</a> &nbsp;&nbsp; ' +
+            '<a href="#" class="btn btn-info btn-xs btn-preview" target="_blank">'+lang.preview+'</a> &nbsp;&nbsp; ' +
+            '<a href="#" class="btn btn-success btn-xs btn-view" style="display: none" target="_blank">'+lang.view_page+'</a>' +
+            '</div>').hide();
+            $this.addClass('sluged');
+            $this.after($link)
+
+            function set_slug(slug){
+                $link.show().find('.sl-link').html(post_path.replace('__-__', '<span class="sl-url">' + slug + '</span>'))
+                $link.find('.btn-preview').attr('href', post_path.replace('__-__',  slug ) + '?draft_id='+post_draft_id)
+                $input_slug.trigger('change_in');
+                set_meta_slug();
+            }
+            var xhr = null;
+            function ajax_set_slug(slug){
+                if(xhr) xhr.abort();
+                xhr = $.ajax({
+                    type: "POST",
+                    url: _ajax_path,
+                    data: {method: 'exist_slug', slug: slug, post_id: post_id},
+                    success: function(res){
+                        if(res.index > 0){
+                            $input_slug.addClass('slugify-locked').val(res.slug);
+                            set_slug(res.slug)
+                        }
+
+                    }
+                });
+            }
+
+            function set_meta_slug(){
+                $('#meta_slug').val($('.slug-post'+class_translate).map(function(){return this.value;}).get().join(","));
+            }
+            var slug_tmp = null;
+            $input_slug.slugify($this, {
+                    change: function(slug) {
+                        slug_tmp = slug;
+                        set_slug(slug);
+                    }
+                }
+            );
+
+            $this.change(function(){
+                if(slug_tmp) ajax_set_slug(slug_tmp);
+                if(!_draft_inited) App_post.save_draft_ajax();
+            });
+            if($input_slug.val()){
+                set_slug($input_slug.val());
+                if(post_status == "published") $link.find('.btn-view').show().attr('href', post_path.replace('__-__',  $input_slug.val() ))
+            }
+            $link.find('.btn-preview').click(function(){
+                var href = $(this).attr('href');
+                App_post.save_draft_ajax();
+                var ar = href.split("draft_id=");
+                ar[1] = post_draft_id;
+                $(this).attr('href', ar.join("draft_id="))
+            });
+            $link.find('.btn-edit').click(function(){      log(lang);
+                var $btn = $(this);
+                var $btn_edit = $('<a href="#" class="btn btn-default btn-xs btn-edit">'+lang.accept+'</a> &nbsp; <a href="#"  class="btn-cancel">'+lang.cancel+'</a>');
+                var $label = $link.find('.sl-url');
+                var $input = $("<input type='text' />");
+                $label.hide().after($input);
+                $btn.hide().after($btn_edit);
+                $input.val($label.text());
+
+                function set_delete(){
+                    $label.show();
+                    $btn.show();
+                    $input.remove();
+                    $btn_edit.remove();
+                }
+
+                $btn_edit.filter('.btn-cancel').click(function(){
+                    set_delete();
+                    set_meta_slug()
+                    return false;
+                });
+                $btn_edit.filter('.btn-edit').click(function(){
+                    var value_new_slug = slugFunc($input.val());
+                    if(value_new_slug){
+                        $input_slug.addClass('slugify-locked').val(value_new_slug);
+                        ajax_set_slug(value_new_slug)
+                        set_slug(value_new_slug)
+                        set_delete();
+                    }
+                    return false;
+                });
+                return false;
+            });
+        }
+    });
+
+    tinymce.init($.extend({}, DATA.tiny_mce.advanced, {selector: '.tinymce_textarea:not(.translated-item)', language: CURRENT_LOCALE, height: '480px', onPostRender: onEditorPostRender}));
+
+    $form.validate({ focusInvalid: true, ignore: ".translated-item", errorPlacement: function (a,b) {
+        if(b.parent().hasClass('form-group')){
+            b.parent().addClass('has-error').append(a.addClass('help-block'));
+        }else if(b.parent().hasClass('tab-pane')){ // tabs
+            var parent = b.parent();
+            $("a[href='#"+ parent.attr('id') +"']").addClass('has-error').trigger('click');
+            parent.addClass('has-error').append(a.addClass('help-block'));
+        }else{
+            if(b.attr('name') == 'categories[]')
+                b.parent().before(a.addClass('help-block')).parent().addClass('has-error');
+            else
+                b.parent().after(a.addClass('help-block')).parent().addClass('has-error');
+        }
+    }, success: function(error, element){
+        $(element).parent().removeClass('has-error').parent().removeClass('has-error')
+        if($(element).parent().hasClass('tab-pane')) $("a[href='#"+ $(element).parent().attr('id') +"']").removeClass('has-error');
+    } });
+    /*
+    * skip translation inputs
+    submitHandler: function(form){
+     jQuery(form).find(".translate-item").prop("disabled", false).attr("disabled", "disabled");
+     form.submit();
+     }
+    * */
+
+    $("#post_status").change(function(){
+        $('#post-actions .btn[data-type]').hide();
+        $('#post-actions .btn[data-type="'+ $(this).val() +'"]').show();
+    })
+
+    // here all later actions
+    var form_later_actions = function(){
+        /*********** scroller (fix buttons position) ***************/
+        var panel_scroll = $("#form-post > .content-frame-right");
+        var fixed_position = panel_scroll.children(":first");
+        var fixed_offset_top = panel_scroll.offset().top;
+        $(window).scroll(function(){ if($(window).width() < 1024){ fixed_position.css({position: "", width: ""}); panel_scroll.css("padding-top", ""); return; } if ($(window).scrollTop() >= fixed_offset_top+10){ fixed_position.css({position: "fixed", width: "279px", top: 0, "z-index": 4}); panel_scroll.css("padding-top", fixed_position.height()+20) } else { fixed_position.css({position: "", width: "auto"}); panel_scroll.css("padding-top", "") }}).resize(function(){
+            if($(window).width() >= 1024){ panel_scroll.show(); }
+        });
+        /*********** end scroller buttons ***************/
+
+        /********** post tagEditor ******************/
+        var post_tags = $.ajax({
+                            type: 'GET',
+                            url: _post_tags_path,
+                            dataType: "json",
+                            async: false
+                        }).responseText;
+
+        $form.find(".tagsinput").tagEditor({
+            autocomplete: { delay: 0, position: { collision: 'flip' }, source: $.parseJSON(post_tags) },
+            forceLowercase: false,
+            placeholder: lang.add_tag + '...'
+        });
+        /********** end post tagEditor **************/
+        ////// thumbnail
+        $form.on("click", ".gallery-item-remove", function(){
+            $('#feature-image').hide();
+            $('#feature-image input').val('');
+            return false;
+        });
+
+        // sidebar toggle
+        $("#admin_content .content-frame-right-toggle").on("click",function(){ $(".content-frame-right").is(":visible") ? $(".content-frame-right").hide() : $(".content-frame-right").show(); });
+
+        /*********** control save changes before unload form. ***************/
+        $form.submit(function(){ if($(this).valid()) $form.data("submitted", 1); });
+        window.onbeforeunload = function (){
+            if($form.data("submitted"))
+                return;
+            if($form.data("hash") != get_hash_form()){
+                return "You sure to leave the page without saving changes?";
+            }
+            if(!$form.data("submitted"))
+                return;
+            return "You sure to leave the page without saving changes?";
+        };
+    }
+    setTimeout(form_later_actions, 1000);
+
+    // wait for render editors
+    var wait_render;
+    function onEditorPostRender(editor){
+        if(wait_render) clearTimeout(wait_render);
+        wait_render = setTimeout(function(){
+            $form.data("hash", get_hash_form());
+        }, 1000);
+    }
+    function get_hash_form(){
+        for(editor in tinymce.editors){
+            editor = tinymce.editors[editor];
+            var i = $("#"+editor.id).val(tinymce.get(editor.id).getContent()).trigger("change");
+        }
+        return $form.serialize();
+    }
+
+    if(obj.recover_draft == "true"){
+        $form.data("validator").cancelSubmit = true;
+        $('#post_status').val('published');
+        $form.submit();
+    }
+}

data/app/assets/javascripts/admin/tageditor/jquery.caret.min.js

@@ -0,0 +1,2 @@
+// http://code.accursoft.com/caret - 1.3.3
+!function(e){e.fn.caret=function(e){var t=this[0],n="true"===t.contentEditable;if(0==arguments.length){if(window.getSelection){if(n){t.focus();var o=window.getSelection().getRangeAt(0),r=o.cloneRange();return r.selectNodeContents(t),r.setEnd(o.endContainer,o.endOffset),r.toString().length}return t.selectionStart}if(document.selection){if(t.focus(),n){var o=document.selection.createRange(),r=document.body.createTextRange();return r.moveToElementText(t),r.setEndPoint("EndToEnd",o),r.text.length}var e=0,c=t.createTextRange(),r=document.selection.createRange().duplicate(),a=r.getBookmark();for(c.moveToBookmark(a);0!==c.moveStart("character",-1);)e++;return e}return t.selectionStart?t.selectionStart:0}if(-1==e&&(e=this[n?"text":"val"]().length),window.getSelection)n?(t.focus(),window.getSelection().collapse(t.firstChild,e)):t.setSelectionRange(e,e);else if(document.body.createTextRange)if(n){var c=document.body.createTextRange();c.moveToElementText(t),c.moveStart("character",e),c.collapse(!0),c.select()}else{var c=t.createTextRange();c.move("character",e),c.select()}return n||t.focus(),e}}(jQuery);

data/app/assets/javascripts/admin/tageditor/jquery.tag-editor.js

@@ -0,0 +1,352 @@
+/*
+	jQuery tagEditor v1.0.16
+    Copyright (c) 2014 Simon Steinberger / Pixabay
+    GitHub: https://github.com/Pixabay/jQuery-tagEditor
+	License: http://www.opensource.org/licenses/mit-license.php
+*/
+
+(function($){
+    // auto grow input (stackoverflow.com/questions/931207)
+    $.fn.tagEditorInput=function(){var t=" ",e=$(this),n=parseInt(e.css("fontSize")),i=$("<span/>").css({position:"absolute",top:-9999,left:-9999,width:"auto",fontSize:e.css("fontSize"),fontFamily:e.css("fontFamily"),fontWeight:e.css("fontWeight"),letterSpacing:e.css("letterSpacing"),whiteSpace:"nowrap"}),s=function(){if(t!==(t=e.val())){i.html(t.replace(/&/g,"&amp;").replace(/\s/g,"&nbsp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"));var s=i.width()+n;20>s&&(s=20),s!=e.width()&&e.width(s)}};return i.insertAfter(e),e.bind("keyup keydown focus",s)};
+
+    // plugin with val as parameter for public methods
+    $.fn.tagEditor = function(options, val, blur){
+
+        // build options dictionary with default values
+        var blur_result, o = $.extend({}, $.fn.tagEditor.defaults, options), selector = this;
+
+        // store regex and default delimiter in options for later use
+        o.dregex = new RegExp('['+o.delimiter.replace('-', '\-')+']', 'g');
+
+        // public methods
+        if (typeof options == 'string') {
+
+            // depending on selector, response may contain tag lists of multiple editor instances
+            var response = [];
+            selector.each(function(){
+                // the editor is the next sibling to the hidden, original field
+                var el = $(this), o = el.data('options'), ed = el.next('.tag-editor');
+                if (options == 'getTags')
+                    response.push({field: el[0], editor: ed, tags: ed.data('tags')});
+                else if (options == 'addTag') {
+                    if (o.maxTags && ed.data('tags').length >= o.maxTags) return false;
+                    // insert new tag
+                    $('<li><div class="tag-editor-spacer">&nbsp;'+o.delimiter[0]+'</div><div class="tag-editor-tag"></div><div class="tag-editor-delete"><i></i></div></li>').appendTo(ed).find('.tag-editor-tag')
+                        .html('<input type="text" maxlength="'+o.maxLength+'">').addClass('active').find('input').val(val).blur();
+                    if (!blur) ed.click();
+                    else $('.placeholder', ed).remove();
+                } else if (options == 'removeTag') {
+                    // trigger delete on matching tag, then click editor to create a new tag
+                    $('.tag-editor-tag', ed).filter(function(){return $(this).html()==val;}).closest('li').find('.tag-editor-delete').click();
+                    if (!blur) ed.click();
+                } else if (options == 'destroy') {
+                    el.removeClass('tag-editor-hidden-src').removeData('options').off('focus.tag-editor').next('.tag-editor').remove();
+                }
+            });
+            return options == 'getTags' ? response : this;
+        }
+
+        // delete selected tags on backspace, delete, ctrl+x
+        function delete_selected_tags(e){
+            if (e.which == 8 || e.which == 46 || e.ctrlKey && e.which == 88) {
+                try {
+                    var sel = getSelection(), el = $(sel.getRangeAt(0).commonAncestorContainer);
+                } catch(e){ el = 0; }
+                if (el && el.hasClass('tag-editor')) {
+                    var tags = [], splits = sel.toString().split(el.prev().data('options').dregex);
+                    for (i=0; i<splits.length; i++){ var tag = $.trim(splits[i]); if (tag) tags.push(tag); }
+                    $('.tag-editor-tag', el).each(function(){
+                        if (~$.inArray($(this).html(), tags)) $(this).closest('li').find('.tag-editor-delete').click();
+                    });
+                    return false;
+                }
+            }
+        }
+        if (window.getSelection) $(document).off('keydown.tag-editor').on('keydown.tag-editor', delete_selected_tags);
+
+        return selector.each(function(){
+            var el = $(this), tag_list = []; // cache current tags
+
+            // create editor (ed) instance
+            var ed = $('<ul '+(o.clickDelete ? 'oncontextmenu="return false;" ' : '')+'class="tag-editor"></ul>').insertAfter(el);
+            el.addClass('tag-editor-hidden-src') // hide original field
+                .data('options', o) // set data on hidden field
+                .on('focus.tag-editor', function(){ ed.click(); }); // simulate tabindex
+
+            // add dummy item for min-height on empty editor
+            ed.append('<li style="width:1px">&nbsp;</li>');
+
+            // markup for new tag
+            var new_tag = '<li><div class="tag-editor-spacer">&nbsp;'+o.delimiter[0]+'</div><div class="tag-editor-tag"></div><div class="tag-editor-delete"><i></i></div></li>';
+
+            // helper: update global data
+            function set_placeholder(){
+                if (o.placeholder && !tag_list.length && !$('.deleted, .placeholder, input', ed).length)
+                    ed.append('<li class="placeholder"><div>'+o.placeholder+'</div></li>');
+            }
+
+            // helper: update global data
+            function update_globals(init){
+                var old_tags = tag_list.toString();
+                tag_list = $('.tag-editor-tag:not(.deleted)', ed).map(function(i, e) {
+                    var val = $.trim($(this).hasClass('active') ? $(this).find('input').val() : $(e).text());
+                    if (val) return val;
+                }).get();
+                ed.data('tags', tag_list);
+                el.val(tag_list.join(o.delimiter[0]));
+                // change callback except for plugin init
+                if (!init) if (old_tags != tag_list.toString()) o.onChange(el, ed, tag_list);
+                set_placeholder();
+            }
+
+            ed.click(function(e, closest_tag){
+                var d, dist = 99999, loc;
+
+                // do not create tag when user selects tags by text selection
+                if (window.getSelection && getSelection() != '') return;
+
+                if (o.maxTags && ed.data('tags').length >= o.maxTags) { ed.find('input').blur(); return false; }
+
+                blur_result = true
+                $('input:focus', ed).blur();
+                if (!blur_result) return false;
+                blur_result = true
+
+                // always remove placeholder on click
+                $('.placeholder', ed).remove();
+                if (closest_tag && closest_tag.length)
+                    loc = 'before';
+                else {
+                    // calculate tag closest to click position
+                    $('.tag-editor-tag', ed).each(function(){
+                        var tag = $(this), to = tag.offset(), tag_x = to.left, tag_y = to.top;
+                        if (e.pageY >= tag_y && e.pageY <= tag_y+tag.height()) {
+                            if (e.pageX < tag_x) loc = 'before', d = tag_x - e.pageX;
+                            else loc = 'after', d = e.pageX - tag_x - tag.width();
+                            if (d < dist) dist = d, closest_tag = tag;
+                        }
+                    });
+                }
+
+                if (loc == 'before') {
+                    $(new_tag).insertBefore(closest_tag.closest('li')).find('.tag-editor-tag').click();
+                } else if (loc == 'after')
+                    $(new_tag).insertAfter(closest_tag.closest('li')).find('.tag-editor-tag').click();
+                else // empty editor
+                    $(new_tag).appendTo(ed).find('.tag-editor-tag').click();
+                return false;
+            });
+
+            ed.on('click', '.tag-editor-delete', function(e){
+                // delete icon is hidden when input is visible; place cursor near invisible delete icon on click
+                if ($(this).prev().hasClass('active')) { $(this).closest('li').find('input').caret(-1); return false; }
+
+                var li = $(this).closest('li'), tag = li.find('.tag-editor-tag');
+                if (o.beforeTagDelete(el, ed, tag_list, tag.html()) === false) return false;
+                tag.addClass('deleted').animate({width: 0}, o.animateDelete, function(){ li.remove(); set_placeholder(); });
+                update_globals();
+                return false;
+            });
+
+            // delete on right mouse click or ctrl+click
+            if (o.clickDelete)
+                ed.on('mousedown', '.tag-editor-tag', function(e){
+                    if (e.ctrlKey || e.which > 1) {
+                        var li = $(this).closest('li'), tag = li.find('.tag-editor-tag');
+                        if (o.beforeTagDelete(el, ed, tag_list, tag.html()) === false) return false;
+                        tag.addClass('deleted').animate({width: 0}, o.animateDelete, function(){ li.remove(); set_placeholder(); });
+                        update_globals();
+                        return false;
+                    }
+                });
+
+            ed.on('click', '.tag-editor-tag', function(e){
+                // delete on right click or ctrl+click -> exit
+                if (o.clickDelete && (e.ctrlKey || e.which > 1)) return false;
+
+                if (!$(this).hasClass('active')) {
+                    var tag = $(this).html();
+                    // guess cursor position in text input
+                    var left_percent = Math.abs(($(this).offset().left - e.pageX)/$(this).width()), caret_pos = parseInt(tag.length*left_percent),
+                        input = $(this).html('<input type="text" maxlength="'+o.maxLength+'" value="'+tag+'">').addClass('active').find('input');
+                        input.data('old_tag', tag).tagEditorInput().focus().caret(caret_pos);
+                    if (o.autocomplete) {
+                        var aco = $.extend({}, o.autocomplete);
+                        // extend user provided autocomplete select method
+                        var ac_select = 'select'  in aco ? o.autocomplete.select : '';
+                        aco.select = function(e, ui){ if (ac_select) ac_select(e, ui); setTimeout(function(){
+                            ed.trigger('click', [$('.active', ed).find('input').closest('li').next('li').find('.tag-editor-tag')]);
+                        }, 20); };
+                        input.autocomplete(aco);
+                    }
+                }
+                return false;
+            });
+
+            // helper: split into multiple tags, e.g. after paste
+            function split_cleanup(input){
+                var li = input.closest('li'), sub_tags = input.val().replace(/ +/, ' ').split(o.dregex), old_tag = input.data('old_tag');
+                var old_tags = tag_list.slice(0), exceeded = false; // copy tag_list
+                for (var i=0; i<sub_tags.length; i++) {
+                    tag = $.trim(sub_tags[i]).slice(0, o.maxLength);
+                    if (tag) {
+                        if (o.forceLowercase) tag = tag.toLowerCase();
+                        tag = o.beforeTagSave(el, ed, old_tags, old_tag, tag) || tag;
+                        // remove duplicates
+                        if (o.removeDuplicates && ~$.inArray(tag, old_tags))
+                            $('.tag-editor-tag', ed).each(function(){ if ($(this).html() == tag) $(this).closest('li').remove(); });
+                        old_tags.push(tag);
+                        li.before('<li><div class="tag-editor-spacer">&nbsp;'+o.delimiter[0]+'</div><div class="tag-editor-tag">'+tag+'</div><div class="tag-editor-delete"><i></i></div></li>');
+                    }
+                    if (o.maxTags && old_tags.length >= o.maxTags) { exceeded = true; break; }
+                }
+                input.attr('maxlength', o.maxLength).removeData('old_tag').val('')
+                if (exceeded) input.blur(); else input.focus();
+                update_globals();
+            }
+
+            ed.on('blur', 'input', function(e){
+                e.stopPropagation();
+                var input = $(this), old_tag = input.data('old_tag'), tag = $.trim(input.val().replace(/ +/, ' ').replace(o.dregex, o.delimiter[0]));
+                if (!tag) {
+                    if (old_tag && o.beforeTagDelete(el, ed, tag_list, old_tag) === false) {
+                        input.val(old_tag).focus();
+                        blur_result = false;
+                        update_globals();
+                        return;
+                    }
+                    try { input.closest('li').remove(); } catch(e){}
+                    if (old_tag) update_globals();
+                }
+                else if (tag.indexOf(o.delimiter[0])>=0) { split_cleanup(input); return; }
+                else if (tag != old_tag) {
+                    if (o.forceLowercase) tag = tag.toLowerCase();
+                    tag = o.beforeTagSave(el, ed, tag_list, old_tag, tag) || tag;
+                    // remove duplicates
+                    if (o.removeDuplicates)
+                        $('.tag-editor-tag:not(.active)', ed).each(function(){ if ($(this).html() == tag) $(this).closest('li').remove(); });
+                }
+                input.parent().html(tag).removeClass('active');
+                if (tag != old_tag) update_globals();
+                set_placeholder();
+            });
+
+            var pasted_content;
+            ed.on('paste', 'input', function(e){
+                $(this).removeAttr('maxlength');
+                pasted_content = $(this);
+                setTimeout(function(){ split_cleanup(pasted_content); }, 30);
+            });
+
+            // keypress delimiter
+            var inp;
+            ed.on('keypress', 'input', function(e){
+                if (o.delimiter.indexOf(String.fromCharCode(e.which))>=0) {
+                    inp = $(this);
+                    setTimeout(function(){ split_cleanup(inp); }, 20);
+                }
+            });
+
+            ed.on('keydown', 'input', function(e){
+                var $t = $(this);
+
+                // left/up key + backspace key on empty field
+                if ((e.which == 37 || !o.autocomplete && e.which == 38) && !$t.caret() || e.which == 8 && !$t.val()) {
+                    var prev_tag = $t.closest('li').prev('li').find('.tag-editor-tag');
+                    if (prev_tag.length) prev_tag.click().find('input').caret(-1);
+                    else if ($t.val() && !(o.maxTags && ed.data('tags').length >= o.maxTags)) $(new_tag).insertBefore($t.closest('li')).find('.tag-editor-tag').click();
+                    return false;
+                }
+                // right/down key
+                else if ((e.which == 39 || !o.autocomplete && e.which == 40) && ($t.caret() == $t.val().length)) {
+                    var next_tag = $t.closest('li').next('li').find('.tag-editor-tag');
+                    if (next_tag.length) next_tag.click().find('input').caret(0);
+                    else if ($t.val()) ed.click();
+                    return false;
+                }
+                // tab key
+                else if (e.which == 9) {
+                    // shift+tab
+                    if (e.shiftKey) {
+                        var prev_tag = $t.closest('li').prev('li').find('.tag-editor-tag');
+                        if (prev_tag.length) prev_tag.click().find('input').caret(0);
+                        else if ($t.val() && !(o.maxTags && ed.data('tags').length >= o.maxTags)) $(new_tag).insertBefore($t.closest('li')).find('.tag-editor-tag').click();
+                        // allow tabbing to previous element
+                        else {
+                            el.attr('disabled', 'disabled');
+                            setTimeout(function(){ el.removeAttr('disabled'); }, 30);
+                            return;
+                        }
+                        return false;
+                    // tab
+                    } else {
+                        var next_tag = $t.closest('li').next('li').find('.tag-editor-tag');
+                        if (next_tag.length) next_tag.click().find('input').caret(0);
+                        else if ($t.val()) ed.click();
+                        else return; // allow tabbing to next element
+                        return false;
+                    }
+                }
+                // del key
+                else if (e.which == 46 && (!$.trim($t.val()) || ($t.caret() == $t.val().length))) {
+                    var next_tag = $t.closest('li').next('li').find('.tag-editor-tag');
+                    if (next_tag.length) next_tag.click().find('input').caret(0);
+                    else if ($t.val()) ed.click();
+                    return false;
+                }
+                // enter key
+                else if (e.which == 13) {
+                    ed.trigger('click', [$t.closest('li').next('li').find('.tag-editor-tag')]);
+                    return false;
+                }
+                // pos1
+                else if (e.which == 36 && !$t.caret()) ed.find('.tag-editor-tag').first().click();
+                // end
+                else if (e.which == 35 && $t.caret() == $t.val().length) ed.find('.tag-editor-tag').last().click();
+                // esc
+                else if (e.which == 27) {
+                    $t.val($t.data('old_tag') ? $t.data('old_tag') : '').blur();
+                    return false;
+                }
+            });
+
+            // create initial tags
+            var tags = o.initialTags.length ? o.initialTags : el.val().split(o.dregex);
+            for (var i=0; i<tags.length; i++) {
+                if (o.maxTags && i >= o.maxTags) break;
+                var tag = $.trim(tags[i].replace(/ +/, ' '));
+                if (tag) {
+                    if (o.forceLowercase) tag = tag.toLowerCase();
+                    tag_list.push(tag);
+                    ed.append('<li><div class="tag-editor-spacer">&nbsp;'+o.delimiter[0]+'</div><div class="tag-editor-tag">'+tag+'</div><div class="tag-editor-delete"><i></i></div></li>');
+                }
+            }
+            update_globals(true); // true -> no onChange callback
+
+            // init sortable
+            if (o.sortable && $.fn.sortable) ed.sortable({
+                distance: 5, cancel: '.tag-editor-spacer, input', helper: 'clone',
+                update: function(){ update_globals(); }
+            });
+        });
+    };
+
+    $.fn.tagEditor.defaults = {
+        initialTags: [],
+        maxTags: 0,
+        maxLength: 50,
+        delimiter: ',;',
+        placeholder: '',
+        forceLowercase: true,
+        removeDuplicates: true,
+        clickDelete: false,
+        animateDelete: 175,
+        sortable: true, // jQuery UI sortable
+        autocomplete: null, // options dict for jQuery UI autocomplete
+
+        // callbacks
+        onChange: function(){},
+        beforeTagSave: function(){},
+        beforeTagDelete: function(){}
+    };
+}(jQuery));