- ').addClass('redactor-toolbar').attr('id', 'redactor-toolbar-' + this.uuid);
- },
- setFormattingTags: function()
- {
- $.each(this.opts.toolbar.formatting.dropdown, $.proxy(function (i, s)
- {
- if ($.inArray(i, this.opts.formatting) == -1) delete this.opts.toolbar.formatting.dropdown[i];
- }, this));
-
- },
- loadButtons: function()
- {
- $.each(this.opts.buttons, $.proxy(function(i, btnName)
- {
- if (!this.opts.toolbar[btnName]) return;
-
- if (this.opts.fileUpload === false && btnName === 'file') return true;
- if (this.opts.imageUpload === false && btnName === 'image') return true;
-
- var btnObject = this.opts.toolbar[btnName];
- this.$toolbar.append($('
- ').append(this.button.build(btnName, btnObject)));
-
- }, this));
- },
- append: function()
- {
- if (this.opts.toolbarExternal)
- {
- this.$toolbar.addClass('redactor-toolbar-external');
- $(this.opts.toolbarExternal).html(this.$toolbar);
- }
- else
- {
- this.$box.prepend(this.$toolbar);
- }
- },
- setFixed: function()
- {
- if (this.utils.isMobile()) return;
- if (this.opts.toolbarExternal) return;
- if (!this.opts.toolbarFixed) return;
-
- this.toolbar.observeScroll();
- $(this.opts.toolbarFixedTarget).on('scroll.redactor', $.proxy(this.toolbar.observeScroll, this));
-
- },
- setTabindex: function()
- {
- this.$toolbar.find('a').attr('tabindex', '-1');
- },
- setOverflow: function()
- {
- if (this.utils.isMobile() && this.opts.toolbarOverflow)
- {
- this.$toolbar.addClass('redactor-toolbar-overflow');
- }
- },
- isButtonSourceNeeded: function()
- {
- if (this.opts.buttonSource) return;
-
- var index = this.opts.buttons.indexOf('html');
- this.opts.buttons.splice(index, 1);
- },
- hideButtons: function()
- {
- if (this.opts.buttonsHide.length === 0) return;
-
- $.each(this.opts.buttonsHide, $.proxy(function(i, s)
- {
- var index = this.opts.buttons.indexOf(s);
- this.opts.buttons.splice(index, 1);
-
- }, this));
- },
- hideButtonsOnMobile: function()
- {
- if (!this.utils.isMobile() && this.opts.buttonsHideOnMobile.length === 0) return;
-
- $.each(this.opts.buttonsHideOnMobile, $.proxy(function(i, s)
- {
- var index = this.opts.buttons.indexOf(s);
- this.opts.buttons.splice(index, 1);
-
- }, this));
- },
- observeScroll: function()
- {
- var scrollTop = $(this.opts.toolbarFixedTarget).scrollTop();
- var boxTop = 1;
-
- if (this.opts.toolbarFixedTarget === document)
- {
- boxTop = this.$box.offset().top;
- }
-
- if (scrollTop > boxTop)
- {
- this.toolbar.observeScrollEnable(scrollTop, boxTop);
- }
- else
- {
- this.toolbar.observeScrollDisable();
- }
- },
- observeScrollEnable: function(scrollTop, boxTop)
- {
- var top = this.opts.toolbarFixedTopOffset + scrollTop - boxTop;
- var left = 0;
- var end = boxTop + this.$box.height() + 30;
- var width = this.$box.innerWidth();
-
- this.$toolbar.addClass('toolbar-fixed-box');
- this.$toolbar.css({
- position: 'absolute',
- width: width,
- top: top + 'px',
- left: left
- });
-
- this.toolbar.setDropdownsFixed();
- this.$toolbar.css('visibility', (scrollTop < end) ? 'visible' : 'hidden');
- },
- observeScrollDisable: function()
- {
- this.$toolbar.css({
- position: 'relative',
- width: 'auto',
- top: 0,
- left: 0,
- visibility: 'visible'
- });
-
- this.toolbar.unsetDropdownsFixed();
- this.$toolbar.removeClass('toolbar-fixed-box');
-
- },
- setDropdownsFixed: function()
- {
- var self = this;
- $('.redactor-dropdown').each(function()
- {
- $(this).css({ position: 'fixed', top: self.$toolbar.innerHeight() + self.opts.toolbarFixedTopOffset });
- });
- },
- unsetDropdownsFixed: function()
- {
- var self = this;
- $('.redactor-dropdown').each(function()
- {
- var top = (self.$toolbar.innerHeight() + self.$toolbar.offset().top) + 'px';
- $(this).css({ position: 'absolute', top: top });
- });
- }
- };
- },
button: function()
{
return {
build: function(btnName, btnObject)
{
- var $button = $('');
+ var $button = $('').attr('tabindex', '-1');
+ // click
if (btnObject.func || btnObject.command || btnObject.dropdown)
{
- $button.on('touchstart click', $.proxy(function(e)
- {
- if ($button.hasClass('redactor-button-disabled')) return false;
-
- var type = 'func';
- var callback = btnObject.func;
- if (btnObject.command)
- {
- type = 'command';
- callback = btnObject.command;
- }
- else if (btnObject.dropdown)
- {
- type = 'dropdown';
- callback = false;
- }
-
- this.button.onClick(e, btnName, type, callback);
-
- }, this));
+ this.button.setEvent($button, btnName, btnObject);
}
// dropdown
@@ -1177,6 +1435,30 @@
return $button;
},
+ setEvent: function($button, btnName, btnObject)
+ {
+ $button.on('touchstart click', $.proxy(function(e)
+ {
+ if ($button.hasClass('redactor-button-disabled')) return false;
+
+ var type = 'func';
+ var callback = btnObject.func;
+
+ if (btnObject.command)
+ {
+ type = 'command';
+ callback = btnObject.command;
+ }
+ else if (btnObject.dropdown)
+ {
+ type = 'dropdown';
+ callback = false;
+ }
+
+ this.button.onClick(e, btnName, type, callback);
+
+ }, this));
+ },
createTooltip: function($button, name, title)
{
var $tooltip = $('').addClass('redactor-toolbar-tooltip redactor-toolbar-tooltip-' + name).hide().html(title);
@@ -1187,13 +1469,11 @@
if ($(this).hasClass('redactor-button-disabled')) return;
var pos = $button.offset();
- var height = $button.innerHeight();
- var width = $button.innerWidth();
$tooltip.show();
$tooltip.css({
- top: (pos.top + height) + 'px',
- left: (pos.left + width/2 - $tooltip.innerWidth()/2) + 'px'
+ top: (pos.top + $button.innerHeight()) + 'px',
+ left: (pos.left + $button.innerWidth()/2 - $tooltip.innerWidth()/2) + 'px'
});
});
@@ -1205,42 +1485,31 @@
},
onClick: function(e, btnName, type, callback)
{
+ this.button.caretOffset = this.caret.getOffset();
+
e.preventDefault();
if (this.utils.browser('msie')) e.returnValue = false;
- if (type == 'command')
- {
- this.inline.format(callback);
- }
- else if (type == 'dropdown')
- {
- this.dropdown.show(e, btnName);
- }
- else
- {
- var func;
- if ($.isFunction(callback))
- {
- callback.call(this, btnName);
- this.observe.buttons(e, btnName);
- }
- else if (callback.search(/\./) != '-1')
- {
- func = callback.split('.');
- if (typeof this[func[0]] != 'undefined')
- {
- this[func[0]][func[1]](btnName);
- this.observe.buttons(e, btnName);
- }
- }
- else
- {
- this[callback](btnName);
- this.observe.buttons(e, btnName);
- }
- }
+ if (type == 'command') this.inline.format(callback);
+ else if (type == 'dropdown') this.dropdown.show(e, btnName);
+ else this.button.onClickCallback(e, callback, btnName);
+ },
+ onClickCallback: function(e, callback, btnName)
+ {
+ var func;
+ if ($.isFunction(callback)) callback.call(this, btnName);
+ else if (callback.search(/\./) != '-1')
+ {
+ func = callback.split('.');
+ if (typeof this[func[0]] == 'undefined') return;
+
+ this[func[0]][func[1]](btnName);
+ }
+ else this[callback](btnName);
+
+ this.observe.buttons(e, btnName);
},
get: function(key)
{
@@ -1306,10 +1575,8 @@
var $dropdown = $(''); $btn.data('dropdown', $dropdown); - if (dropdown) - { - this.dropdown.build(key, $dropdown, dropdown); - } + // build dropdown + if (dropdown) this.dropdown.build(key, $dropdown, dropdown); return $dropdown; }, @@ -1340,7 +1607,7 @@ var btn = this.button.build(key, { title: title }); var $btn = this.button.get(afterkey); - if ($btn.size() !== 0) $btn.parent().after($('
- ').append(btn)); + if ($btn.length !== 0) $btn.parent().after($('
- ').append(btn)); else this.$toolbar.append($('
- ').append(btn)); return btn; @@ -1352,7 +1619,7 @@ var btn = this.button.build(key, { title: title }); var $btn = this.button.get(beforekey); - if ($btn.size() !== 0) $btn.parent().before($('
- ').append(btn)); + if ($btn.length !== 0) $btn.parent().before($('
- ').append(btn)); else this.$toolbar.append($('
- ').append(btn)); return btn; @@ -1363,289 +1630,201 @@ } }; }, - dropdown: function() + caret: function() { return { - build: function(name, $dropdown, dropdownObject) + setStart: function(node) { - if (name == 'formatting' && this.opts.formattingAdd) + // inline tag + if (!this.utils.isBlock(node)) { - $.each(this.opts.formattingAdd, $.proxy(function(i,s) - { - var name = s.tag; - if (typeof s.class != 'undefined') - { - name = name + '-' + s.class; - } + var space = this.utils.createSpaceElement(); - s.type = (this.utils.isBlockTag(s.tag)) ? 'block' : 'inline'; - var func = (s.type == 'inline') ? 'inline.formatting' : 'block.formatting'; - - if (this.opts.linebreaks && s.type == 'block' && s.tag == 'p') return; - - this.formatting[name] = { - tag: s.tag, - style: s.style, - 'class': s.class, - attr: s.attr, - data: s.data - }; - - dropdownObject[name] = { - func: func, - title: s.title - }; - - }, this)); - - } - - $.each(dropdownObject, $.proxy(function(btnName, btnObject) - { - var $item = $('' + btnObject.title + ''); - if (name == 'formatting') $item.addClass('redactor-formatting-' + btnName); - - $item.on('click', $.proxy(function(e) - { - var type = 'func'; - var callback = btnObject.func; - if (btnObject.command) - { - type = 'command'; - callback = btnObject.command; - } - else if (btnObject.dropdown) - { - type = 'dropdown'; - callback = btnObject.dropdown; - } - - this.button.onClick(e, btnName, type, callback); - - }, this)); - - $dropdown.append($item); - - }, this)); - }, - show: function(e, key) - { - if (!this.opts.visual) - { - e.preventDefault(); - return false; - } - - var $button = this.button.get(key); - - // Always re-append it to the end of so it always has the highest sub-z-index. - var $dropdown = $button.data('dropdown').appendTo(document.body); - - if ($button.hasClass('dropact')) - { - this.dropdown.hideAll(); + $(node).prepend(space); + this.caret.setEnd(space); } else { - this.dropdown.hideAll(); - this.core.setCallback('dropdownShow', { dropdown: $dropdown, key: key, button: $button }); + this.caret.set(node, 0, node, 0); + } + }, + setEnd: function(node) + { + this.caret.set(node, 1, node, 1); + }, + set: function(orgn, orgo, focn, foco) + { + // focus + // disabled in 10.0.7 + // if (!this.utils.browser('msie')) this.$editor.focus(); - this.button.setActive(key); + orgn = orgn[0] || orgn; + focn = focn[0] || focn; - $button.addClass('dropact'); + if (this.utils.isBlockTag(orgn.tagName) && orgn.innerHTML === '') + { + orgn.innerHTML = this.opts.invisibleSpace; + } - var keyPosition = $button.offset(); + if (orgn.tagName == 'BR' && this.opts.linebreaks === false) + { + var parent = $(this.opts.emptyHtml)[0]; + $(orgn).replaceWith(parent); + orgn = parent; + focn = orgn; + } - // fix right placement - var dropdownWidth = $dropdown.width(); - if ((keyPosition.left + dropdownWidth) > $(document).width()) + this.selection.get(); + + try + { + this.range.setStart(orgn, orgo); + this.range.setEnd(focn, foco); + } + catch (e) {} + + this.selection.addRange(); + }, + setAfter: function(node) + { + try + { + var tag = $(node)[0].tagName; + + // inline tag + if (tag != 'BR' && !this.utils.isBlock(node)) { - keyPosition.left -= dropdownWidth; - } + var space = this.utils.createSpaceElement(); - var left = keyPosition.left + 'px'; - if (this.$toolbar.hasClass('toolbar-fixed-box')) - { - $dropdown.css({ position: 'fixed', left: left, top: this.$toolbar.innerHeight() + this.opts.toolbarFixedTopOffset }).show(); + $(node).after(space); + this.caret.setEnd(space); } else { - var top = ($button.innerHeight() + keyPosition.top) + 'px'; - - $dropdown.css({ position: 'absolute', left: left, top: top }).show(); + if (tag != 'BR' && this.utils.browser('msie')) + { + this.caret.setStart($(node).next()); + } + else + { + this.caret.setAfterOrBefore(node, 'after'); + } } - - - this.core.setCallback('dropdownShown', { dropdown: $dropdown, key: key, button: $button }); } - - $(document).one('click', $.proxy(this.dropdown.hide, this)); - this.$editor.one('click', $.proxy(this.dropdown.hide, this)); - - $dropdown.on('mouseover', function() { $('html').css('overflow', 'hidden'); }); - $dropdown.on('mouseout', function() { $('html').css('overflow', ''); }); - - e.stopPropagation(); - }, - hideAll: function() - { - this.$toolbar.find('a.dropact').removeClass('redactor-act').removeClass('dropact'); - - $('.redactor-dropdown').hide(); - this.core.setCallback('dropdownHide'); - }, - hide: function (e) - { - var $dropdown = $(e.target); - if (!$dropdown.hasClass('dropact')) + catch (e) { - $dropdown.removeClass('dropact'); - this.dropdown.hideAll(); + var space = this.utils.createSpaceElement(); + $(node).after(space); + this.caret.setEnd(space); } - } - }; - }, - code: function() - { - return { - set: function(html) - { - html = $.trim(html.toString()); - - // clean - html = this.clean.onSet(html); - - this.$editor.html(html); - this.code.sync(); - - setTimeout($.proxy(this.buffer.add, this), 15); - if (this.start === false) this.observe.load(); - }, - get: function() + setBefore: function(node) { - var code = this.$textarea.val(); - - // indent code - code = this.tabifier.get(code); - - return code; - }, - sync: function() - { - setTimeout($.proxy(this.code.startSync, this), 10); - }, - startSync: function() - { - var html = this.$editor.html(); - - // is there a need to synchronize - if (this.code.syncCode && this.code.syncCode == html) + // block tag + if (this.utils.isBlock(node)) { - // do not sync - return; - } - - // save code - this.code.syncCode = html; - - // before clean callback - html = this.core.setCallback('syncBefore', html); - - // clean - html = this.clean.onSync(html); - - // set code - this.$textarea.val(html); - - // after sync callback - this.core.setCallback('sync', html); - - if (this.start === false) - { - this.core.setCallback('change', html); - } - - this.start = false; - - // autosave on change - this.autosave.onChange(); - }, - toggle: function() - { - if (this.opts.visual) - { - this.code.showCode(); + this.caret.setEnd($(node).prev()); } else { - this.code.showVisual(); + this.caret.setAfterOrBefore(node, 'before'); } }, - showCode: function() + setAfterOrBefore: function(node, type) { - this.code.offset = this.caret.getOffset(); - var scroll = $(window).scrollTop(); + // focus + if (!this.utils.browser('msie')) this.$editor.focus(); - var height = this.$editor.innerHeight(); + node = node[0] || node; - this.$editor.hide(); + this.selection.get(); - var html = this.$textarea.val(); - this.modified = this.clean.removeSpaces(html); - - // indent code - html = this.tabifier.get(html); - - this.$textarea.val(html).height(height).show().focus(); - this.$textarea.on('keydown.redactor-textarea-indenting', this.code.textareaIndenting); - - $(window).scrollTop(scroll); - - this.opts.visual = false; - - this.button.setInactiveInCode(); - this.button.setActive('html'); - this.core.setCallback('source', html); - }, - showVisual: function() - { - if (this.opts.visual) return; - - var html = this.$textarea.hide().val(); - - if (this.modified !== this.clean.removeSpaces(html)) + if (type == 'after') { - this.code.set(html); + try { + + this.range.setStartAfter(node); + this.range.setEndAfter(node); + } + catch (e) {} } - - this.$editor.show(); - - if (!this.utils.isEmpty(html)) + else { - this.placeholder.remove(); + try { + this.range.setStartBefore(node); + this.range.setEndBefore(node); + } + catch (e) {} } - this.caret.setOffset(this.code.offset); - this.$textarea.off('keydown.redactor-textarea-indenting'); - - this.button.setActiveInVisual(); - this.button.setInactive('html'); - - this.observe.load(); - this.opts.visual = true; + this.range.collapse(false); + this.selection.addRange(); }, - textareaIndenting: function(e) + getOffsetOfElement: function(node) { - if (e.keyCode !== 9) return true; + node = node[0] || node; - var $el = this.$textarea; - var start = $el.get(0).selectionStart; - $el.val($el.val().substring(0, start) + "\t" + $el.val().substring($el.get(0).selectionEnd)); - $el.get(0).selectionStart = $el.get(0).selectionEnd = start + 1; + this.selection.get(); - return false; + var cloned = this.range.cloneRange(); + cloned.selectNodeContents(node); + cloned.setEnd(this.range.endContainer, this.range.endOffset); + + return $.trim(cloned.toString()).length; + }, + getOffset: function() + { + var offset = 0; + var sel = window.getSelection(); + + if (sel.rangeCount > 0) + { + var range = window.getSelection().getRangeAt(0); + var caretRange = range.cloneRange(); + caretRange.selectNodeContents(this.$editor[0]); + caretRange.setEnd(range.endContainer, range.endOffset); + offset = caretRange.toString().length; + } + + return offset; + }, + setOffset: function(start, end) + { + if (typeof end == 'undefined') end = start; + if (!this.focus.isFocused()) this.focus.setStart(); + + var sel = this.selection.get(); + var node, offset = 0; + var walker = document.createTreeWalker(this.$editor[0], NodeFilter.SHOW_TEXT, null, null); + + while (node = walker.nextNode()) + { + offset += node.nodeValue.length; + if (offset > start) + { + this.range.setStart(node, node.nodeValue.length + start - offset); + start = Infinity; + } + + if (offset >= end) + { + this.range.setEnd(node, node.nodeValue.length + end - offset); + break; + } + } + + this.range.collapse(false); + this.selection.addRange(); + }, + // deprecated + setToPoint: function(start, end) + { + this.caret.setOffset(start, end); + }, + getCoords: function() + { + return this.caret.getOffset(); } }; }, @@ -1656,6 +1835,9 @@ { html = this.clean.savePreCode(html); + // convert script tag + html = html.replace(/
$2
'); + // replace dollar sign to entity html = html.replace(/\$/g, '$'); html = html.replace(/”/g, '"'); @@ -1669,7 +1851,21 @@ html = this.clean.saveFormTags(html); // convert font tag to span - html = html.replace(/'); + $div.html(html); + var fonts = $div.find('font[style]'); + if (fonts.length !== 0) + { + fonts.replaceWith(function() + { + var $el = $(this); + var $span = $('').attr('style', $el.attr('style')); + return $span.append($el.contents()); + }); + + html = $div.html(); + } + $div.remove(); // remove font tag html = html.replace(/(||\s|| )<\/p>$/i) != -1) + if (this.opts.cleanSpaces) + { + html = html.replace(/ /gi, ' '); + } + + if (html.search(/^
(||\s||
', 'gi'), ''); - html = html.replace(new RegExp(']?)>([\w\W]*?)<\/pre>/gi, '
/gi, ''); + html = html.replace(/src="file\:\/\/(.*?)"/, 'src=""'); - // classes - html = html.replace(/ class=\"(mso[^\"]*)\"/gi, ""); - html = html.replace(/ class=(mso\w+)/gi, ""); + // list + html = html.replace(/
', 'gi'), '([\w\W]*?)<\/o:p>/gi, '$2'); + // classes + html = html.replace(/ class=\"(mso[^\"]*)\"/gi, ""); + html = html.replace(/ class=(mso\w+)/gi, ""); + + // remove ms word tags + html = html.replace(/
', 'gi'), ''); - html = html.replace(new RegExp('\n?
- /gi, '
- '); + } // remove nbsp if (this.opts.cleanSpaces) @@ -1885,12 +2105,6 @@ html = html.replace(/(\s| )+/g, ' '); } - // ms word break lines - html = html.replace(/\n/g, ' '); - - // ms word lists break lines - html = html.replace(/
\n?
- /gi, '
- '); - return html; }, onPasteExtra: function(html) @@ -1936,13 +2150,14 @@ { // remove all tags except these var tags = ['span', 'a', 'pre', 'blockquote', 'small', 'em', 'strong', 'code', 'kbd', 'mark', 'address', 'cite', 'var', 'samp', 'dfn', 'sup', 'sub', 'b', 'i', 'u', 'del', - 'ol', 'ul', 'li', 'dl', 'dt', 'dd', 'p', 'br', 'video', 'audio', 'embed', 'param', 'object', 'img', 'table', + 'ol', 'ul', 'li', 'dl', 'dt', 'dd', 'p', 'br', 'video', 'audio', 'iframe', 'embed', 'param', 'object', 'img', 'table', 'td', 'th', 'tr', 'tbody', 'tfoot', 'thead', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']; var tagsEmpty = false; var attrAllowed = [ ['a', '*'], ['img', ['src', 'alt']], ['span', ['class', 'rel', 'data-verified']], + ['iframe', '*'], ['video', '*'], ['audio', '*'], ['embed', '*'], @@ -1960,6 +2175,7 @@ ['a', '*'], ['img', ['src', 'alt', 'data-redactor-inserted-image']], ['span', ['class', 'rel', 'data-verified']], + ['iframe', '*'], ['video', '*'], ['audio', '*'], ['embed', '*'], @@ -1972,14 +2188,14 @@ { // remove all tags except these and remove all table tags: tr, td etc tags = ['ul', 'ol', 'li', 'span', 'a', 'small', 'em', 'strong', 'code', 'kbd', 'mark', 'cite', 'var', 'samp', 'dfn', 'sup', 'sub', 'b', 'i', 'u', 'del', - 'ol', 'ul', 'li', 'dl', 'dt', 'dd', 'br', 'video', 'audio', 'embed', 'param', 'object', 'img', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']; + 'ol', 'ul', 'li', 'dl', 'dt', 'dd', 'br', 'iframe', 'video', 'audio', 'embed', 'param', 'object', 'img', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']; } else if (type == 'li') { // only inline tags and ul, ol, li tags = ['ul', 'ol', 'li', 'span', 'a', 'small', 'em', 'strong', 'code', 'kbd', 'mark', 'cite', 'var', 'samp', 'dfn', 'sup', 'sub', 'b', 'i', 'u', 'del', 'br', - 'video', 'audio', 'embed', 'param', 'object', 'img']; + 'iframe', 'video', 'audio', 'embed', 'param', 'object', 'img']; } var options = { @@ -1992,6 +2208,11 @@ removeEmpty: tagsEmpty }; + // denied tags + if (this.opts.deniedTags) + { + options.deniedTags = this.opts.deniedTags; + } return this.tidy.load(html, options); @@ -2129,7 +2350,7 @@ html = html.replace(/
\n<$1$2>'); - - return $.trim(html); - }, - getSafes: function(html) - { - var $div = $('').append(html); - - // remove paragraphs in blockquotes - $div.find('blockquote p').replaceWith(function() - { - return $(this).append('
').contents(); - }); - - html = $div.html(); - - $div.find(this.paragraphize.blocks.join(', ')).each($.proxy(function(i,s) - { - this.paragraphize.z++; - this.paragraphize.safes[this.paragraphize.z] = s.outerHTML; - html = html.replace(s.outerHTML, '\n{replace' + this.paragraphize.z + '}'); - - }, this)); - - return html; - }, - getSafesComments: function(html) - { - var commentsMatches = html.match(//gi); - - if (!commentsMatches) return html; - - $.each(commentsMatches, $.proxy(function(i,s) - { - this.paragraphize.z++; - this.paragraphize.safes[this.paragraphize.z] = s; - html = html.replace(s, '\n{replace' + this.paragraphize.z + '}'); - }, this)); - - return html; - }, - restoreSafes: function(html) - { - $.each(this.paragraphize.safes, function(i,s) - { - html = html.replace('{replace' + i + '}', s); - }); - - return html; - }, - replaceBreaksToParagraphs: function(html) - { - var htmls = html.split(new RegExp('\n', 'g'), -1); - - html = ''; - if (htmls) - { - var len = htmls.length; - for (var i = 0; i < len; i++) - { - if (!htmls.hasOwnProperty(i)) return; - - if (htmls[i].search('{replace') == -1) - { - htmls[i] = htmls[i].replace(/\n\t?<\/p>/gi, ''); - htmls[i] = htmls[i].replace(/
<\/p>/gi, ''); - - if (htmls[i] !== '') - { - html += '
' + htmls[i].replace(/^\n+|\n+$/g, "") + "
"; - } - } - else html += htmls[i]; - } - } - - return html; - }, - replaceBreaksToNewLines: function(html) - { - html = html.replace(/
\s*
/gi, "\n\n"); - html = html.replace(/
"); - - html = html.replace(new RegExp("\r\n", 'g'), "\n"); - html = html.replace(new RegExp("\r", 'g'), "\n"); - html = html.replace(new RegExp("/\n\n+/"), 'g', "\n\n"); - - return html; - }, - clear: function(html) - { - html = html.replace(new RegExp('', 'gi'), ''); - html = html.replace(new RegExp('
', 'gi'), '
'); - html = html.replace(new RegExp('
'); - - html = html.replace(new RegExp('
', 'gi'), '
'); - html = html.replace(new RegExp('
\\s?
', 'gi'), ''); - html = html.replace(new RegExp("\n", 'gi'), ''); - html = html.replace(new RegExp('\t?\t?\n?
', 'gi'), '
'); - html = html.replace(new RegExp('
\t*
', 'gi'), ''); - - return html; - } - }; - }, - tabifier: function() - { - return { - get: function(code) - { - if (!this.opts.tabifier) return code; - - // clean setup - var ownLine = ['area', 'body', 'head', 'hr', 'i?frame', 'link', 'meta', 'noscript', 'style', 'script', 'table', 'tbody', 'thead', 'tfoot']; - var contOwnLine = ['li', 'dt', 'dt', 'h[1-6]', 'option', 'script']; - var newLevel = ['blockquote', 'div', 'dl', 'fieldset', 'form', 'frameset', 'map', 'ol', 'p', 'pre', 'select', 'td', 'th', 'tr', 'ul']; - - this.tabifier.lineBefore = new RegExp('^<(/?' + ownLine.join('|/?' ) + '|' + contOwnLine.join('|') + ')[ >]'); - this.tabifier.lineAfter = new RegExp('^<(br|/?' + ownLine.join('|/?' ) + '|/' + contOwnLine.join('|/') + ')[ >]'); - this.tabifier.newLevel = new RegExp('^]'); - - var i = 0, - codeLength = code.length, - point = 0, - start = null, - end = null, - tag = '', - out = '', - cont = ''; - - this.tabifier.cleanlevel = 0; - - for (; i < codeLength; i++) - { - point = i; - - // if no more tags, copy and exit - if (-1 == code.substr(i).indexOf( '<' )) - { - out += code.substr(i); - - return this.tabifier.finish(out); - } - - // copy verbatim until a tag - while (point < codeLength && code.charAt(point) != '<') - { - point++; - } - - if (i != point) - { - cont = code.substr(i, point - i); - if (!cont.match(/^\s{2,}$/g)) - { - if ('\n' == out.charAt(out.length - 1)) out += this.tabifier.getTabs(); - else if ('\n' == cont.charAt(0)) - { - out += '\n' + this.tabifier.getTabs(); - cont = cont.replace(/^\s+/, ''); - } - - out += cont; - } - - if (cont.match(/\n/)) out += '\n' + this.tabifier.getTabs(); - } - - start = point; - - // find the end of the tag - while (point < codeLength && '>' != code.charAt(point)) - { - point++; - } - - tag = code.substr(start, point - start); - i = point; - - var t; - - if ('!--' == tag.substr(1, 3)) - { - if (!tag.match(/--$/)) - { - while ('-->' != code.substr(point, 3)) - { - point++; - } - point += 2; - tag = code.substr(start, point - start); - i = point; - } - - if ('\n' != out.charAt(out.length - 1)) out += '\n'; - - out += this.tabifier.getTabs(); - out += tag + '>\n'; - } - else if ('!' == tag[1]) - { - out = this.tabifier.placeTag(tag + '>', out); - } - else if ('?' == tag[1]) - { - out += tag + '>\n'; - } - else if (t = tag.match(/^<(script|style|pre)/i)) - { - t[1] = t[1].toLowerCase(); - tag = this.tabifier.cleanTag(tag); - out = this.tabifier.placeTag(tag, out); - end = String(code.substr(i + 1)).toLowerCase().indexOf('\n<\/script>/gi, ''); + $img.attr('src', json.filelink).attr('data-redactor-inserted-image', 'true'); + } + + + var node = $img; + var isP = this.utils.isCurrentOrParent('P'); + if (isP) + { + // will replace + node = $('').append($img); + } + + if (direct) + { + this.selection.removeMarkers(); + var marker = this.selection.getMarker(); + this.insert.nodeToCaretPositionFromPoint(e, marker); + } + else + { + this.modal.close(); + } this.selection.restore(); + this.buffer.set(); - setTimeout($.proxy(this.observe.load, this), 50); - }, - redo: function() - { - if (this.opts.rebuffer.length === 0) return; + this.insert.html(this.utils.getOuterHtml(node), false); - this.buffer.set('undo'); - this.buffer.getRedo(); + var $image = this.$editor.find('img[data-redactor-inserted-image=true]').removeAttr('data-redactor-inserted-image'); - this.selection.restore(); + if (isP) + { + $image.parent().contents().unwrap().wrap(''); + } + else if (this.opts.linebreaks) + { + $image.before('
').after('
'); + } + + if (typeof json == 'string') return; + + this.core.setCallback('imageUpload', $image, json); - setTimeout($.proxy(this.observe.load, this), 50); } }; }, @@ -3224,14 +3652,14 @@ var $item = $(current).closest('li'); var $parent = $item.parent(); - if ($item.size() !== 0 && $parent.size() !== 0 && $parent[0].tagName == 'LI') + if ($item.length !== 0 && $parent.length !== 0 && $parent[0].tagName == 'LI') { $parent.after($item); } this.indent.fixEmptyIndent(); - if (!this.opts.linebreaks && $item.size() === 0) + if (!this.opts.linebreaks && $item.length === 0) { document.execCommand('formatblock', false, 'p'); this.$editor.find('ul, ol, blockquote, p').each($.proxy(this.utils.removeEmpty, this)); @@ -3278,1639 +3706,6 @@ } }; }, - alignment: function() - { - return { - left: function() - { - this.alignment.set(''); - }, - right: function() - { - this.alignment.set('right'); - }, - center: function() - { - this.alignment.set('center'); - }, - justify: function() - { - this.alignment.set('justify'); - }, - set: function(type) - { - if (!this.utils.browser('msie')) this.$editor.focus(); - - this.buffer.set(); - this.selection.save(); - - this.alignment.blocks = this.selection.getBlocks(); - if (this.opts.linebreaks && this.alignment.blocks[0] === false) - { - this.alignment.setText(type); - } - else - { - this.alignment.setBlocks(type); - } - - this.selection.restore(); - this.code.sync(); - }, - setText: function(type) - { - var wrapper = this.selection.wrap('div'); - $(wrapper).attr('data-tagblock', 'redactor'); - $(wrapper).css('text-align', type); - }, - setBlocks: function(type) - { - $.each(this.alignment.blocks, $.proxy(function(i, el) - { - var $el = this.utils.getAlignmentElement(el); - - if (!$el) return; - - if (type === '' && typeof($el.data('tagblock')) !== 'undefined') - { - $el.replaceWith($el.html()); - } - else - { - $el.css('text-align', type); - this.utils.removeEmptyAttr($el, 'style'); - } - - - }, this)); - } - }; - }, - paste: function() - { - return { - init: function(e) - { - if (!this.opts.cleanOnPaste) return; - - // clipboard upload - if (this.opts.clipboardImageUpload && this.paste.detectEventClipboardUpload(e)) return; - - this.rtePaste = true; - - this.buffer.set(); - this.selection.save(); - this.utils.saveScroll(); - - this.paste.createPasteBox(); - - $(window).on('scroll.redactor-freeze', $.proxy(function() - { - $(window).scrollTop(this.saveBodyScroll); - - }, this)); - - setTimeout($.proxy(function() - { - var html = this.$pasteBox.html(); - this.$pasteBox.remove(); - - this.selection.restore(); - this.utils.restoreScroll(); - - this.paste.insert(html); - - $(window).off('scroll.redactor-freeze'); - - }, this), 1); - - }, - createPasteBox: function() - { - this.$pasteBox = $('').html(' ').attr('contenteditable', 'true').css({ position: 'fixed', width: 0, top: 0, left: '-9999px' }); - - this.$pasteBox.appendTo(document.body); - this.$pasteBox.focus(); - }, - insert: function(html) - { - html = this.core.setCallback('pasteBefore', html); - - // clean - html = (this.utils.isSelectAll()) ? this.clean.onPaste(html, false) : this.clean.onPaste(html); - - html = this.core.setCallback('paste', html); - - if (this.utils.isSelectAll()) - { - this.insert.set(html, false); - } - else - { - this.insert.html(html, false); - } - - this.utils.disableSelectAll(); - this.rtePaste = false; - - // FF specific - if (this.utils.browser('mozilla')) setTimeout($.proxy(this.paste.clipboardUploadInMozilla, this), 100); - setTimeout($.proxy(this.clean.clearUnverified, this), 10); - - }, - // clipboard - detectEventClipboardUpload: function(e) - { - e = e.originalEvent || e; - - if (typeof(e.clipboardData) === 'undefined') return; - if (!e.clipboardData.items || !e.clipboardData.items.length) return; - - var file = e.clipboardData.items[0].getAsFile(); - if (file === null) return false; - - var reader = new FileReader(); - reader.onload = $.proxy(this.paste.insertFromClipboard, this); - reader.readAsDataURL(file); - - return true; - }, - clipboardUploadInMozilla: function() - { - var imgs = this.$editor.find('img'); - $.each(imgs, $.proxy(function(i,s) - { - if (s.src.search(/^data\:image/i) == -1) return; - - var $s = $(s); - var arr = s.src.split(","); - var postData = { - 'clipboard': 1, - 'contentType': arr[0].split(";")[0].split(":")[1], - 'data': arr[1] // raw base64 - }; - - - // append hidden fields - if (this.opts.uploadImageFields && typeof this.opts.uploadImageFields === 'object') - { - $.each(this.opts.uploadImageFields, $.proxy(function(k, v) - { - if (v !== null && v.toString().indexOf('#') === 0) v = $(v).val(); - postData[k] = v; - - }, this)); - } - - $.post(this.opts.imageUpload, postData, - $.proxy(function(data) - { - var json = (typeof data === 'string' ? $.parseJSON(data) : data); - $s.attr('src', json.filelink); - - this.code.sync(); - - // upload callback - this.core.setCallback('imageUpload', $s, json); - this.observe.images(); - - }, this)); - - - }, this)); - }, - insertFromClipboard: function(e) - { - var result = e.target.result; - var arr = result.split(","); - - var formData = !!window.FormData ? new FormData() : null; - if (!window.FormData) return; - - this.buffer.set(); - - this.upload.direct = true; - this.upload.type = 'image'; - this.upload.url = this.opts.imageUpload; - this.upload.callback = this.image.insert; - - formData.append('clipboard', 1); - formData.append('contentType', arr[0].split(";")[0].split(":")[1]); - formData.append('data', arr[1]); // raw base64 - - this.upload.sendData(formData, e); - } - - }; - }, - keydown: function() - { - return { - init: function(e) - { - if (this.rtePaste) return; - - var key = e.which; - var arrow = (key >= 37 && key <= 40); - - this.keydown.ctrl = e.ctrlKey || e.metaKey; - this.keydown.current = this.selection.getCurrent(); - this.keydown.parent = this.selection.getParent(); - this.keydown.block = this.selection.getBlock(); - - // detect tags - this.keydown.pre = this.utils.isTag(this.keydown.current, 'pre'); - this.keydown.blockquote = this.utils.isTag(this.keydown.current, 'blockquote'); - this.keydown.figcaption = this.utils.isTag(this.keydown.current, 'figcaption'); - - // shortcuts setup - this.shortcuts.init(e, key); - - this.keydown.checkEvents(arrow, key); - this.keydown.setupBuffer(e, key); - this.keydown.addArrowsEvent(arrow); - this.keydown.setupSelectAll(e, key); - - // callback - var keydownStop = this.core.setCallback('keydown', e); - if (keydownStop === false) - { - e.preventDefault(); - return false; - } - - // down - if (this.opts.enterKey && key === this.keyCode.DOWN) - { - this.keydown.onArrowDown(); - } - - // turn off enter key - if (!this.opts.enterKey && key === this.keyCode.ENTER) - { - e.preventDefault(); - // remove selected - if (!this.range.collapsed) this.range.deleteContents(); - return; - } - - // on enter - if (key == this.keyCode.ENTER && !e.shiftKey && !e.ctrlKey && !e.metaKey) - { - var stop = this.core.setCallback('enter', e); - if (stop === false) - { - e.preventDefault(); - return false; - } - - if (this.keydown.blockquote && this.keydown.exitFromBlockquote(e) === true) - { - return false; - } - - var current; - if (this.keydown.pre) - { - return this.keydown.insertNewLine(e); - } - else if (this.keydown.blockquote || this.keydown.figcaption) - { - current = this.selection.getCurrent(); - var $next = $(current).next(); - - if ($next.size() !== 0 && $next[0].tagName == 'BR') - { - return this.keydown.insertBreakLine(e); - } - else if (this.utils.isEndOfElement() && (current && current != 'SPAN')) - { - return this.keydown.insertDblBreakLine(e); - } - else - { - return this.keydown.insertBreakLine(e); - } - } - else if (this.opts.linebreaks && !this.keydown.block) - { - current = this.selection.getCurrent(); - if (current !== 0 && $(current).hasClass('redactor-invisible-space')) - { - $(current).remove(); - return this.keydown.insertDblBreakLine(e); - } - else - { - return this.keydown.insertBreakLine(e); - } - } - else if (this.opts.linebreaks && this.keydown.block) - { - setTimeout($.proxy(this.keydown.replaceDivToBreakLine, this), 1); - } - // paragraphs - else if (!this.opts.linebreaks && this.keydown.block) - { - setTimeout($.proxy(this.keydown.replaceDivToParagraph, this), 1); - } - else if (!this.opts.linebreaks && !this.keydown.block) - { - return this.keydown.insertParagraph(e); - } - } - - - // Shift+Enter or Ctrl+Enter - if (key === this.keyCode.ENTER && (e.ctrlKey || e.shiftKey)) - { - return this.keydown.onShiftEnter(e); - } - - - // tab or cmd + [ - if (key === this.keyCode.TAB || e.metaKey && key === 221 || e.metaKey && key === 219) - { - return this.keydown.onTab(e, key); - } - - - // image delete and backspace - if (key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE) - { - var nodes = this.selection.getNodes(); - if (nodes) - { - var len = nodes.length; - var last; - for (var i = 0; i < len; i++) - { - var children = $(nodes[i]).children('img'); - if (children.size() !== 0) - { - var self = this; - $.each(children, function(z,s) - { - var $s = $(s); - if ($s.css('float') != 'none') return; - - // image delete callback - self.core.setCallback('imageDelete', s.src, $s); - last = s; - }); - } - else if (nodes[i].tagName == 'IMG') - { - if (last != nodes[i]) - { - // image delete callback - this.core.setCallback('imageDelete', nodes[i].src, $(nodes[i])); - last = nodes[i]; - } - } - } - } - } - - // backspace - if (key === this.keyCode.BACKSPACE) - { - this.keydown.removeInvisibleSpace(); - this.keydown.removeEmptyListInTable(e); - } - - this.code.sync(); - }, - checkEvents: function(arrow, key) - { - if (!arrow && (this.core.getEvent() == 'click' || this.core.getEvent() == 'arrow')) - { - this.core.addEvent(false); - - if (this.keydown.checkKeyEvents(key)) - { - this.buffer.set(); - } - } - }, - checkKeyEvents: function(key) - { - var k = this.keyCode; - var keys = [k.BACKSPACE, k.DELETE, k.ENTER, k.SPACE, k.ESC, k.TAB, k.CTRL, k.META, k.ALT, k.SHIFT]; - - return ($.inArray(key, keys) == -1) ? true : false; - - }, - addArrowsEvent: function(arrow) - { - if (!arrow) return; - - if ((this.core.getEvent() == 'click' || this.core.getEvent() == 'arrow')) - { - this.core.addEvent(false); - return; - } - - this.core.addEvent('arrow'); - }, - setupBuffer: function(e, key) - { - if (this.keydown.ctrl && key === 90 && !e.shiftKey && !e.altKey && this.opts.buffer.length) // z key - { - e.preventDefault(); - this.buffer.undo(); - return; - } - // undo - else if (this.keydown.ctrl && key === 90 && e.shiftKey && !e.altKey && this.opts.rebuffer.length !== 0) - { - e.preventDefault(); - this.buffer.redo(); - return; - } - else if (!this.keydown.ctrl) - { - if (key == this.keyCode.BACKSPACE || key == this.keyCode.DELETE || (key == this.keyCode.ENTER && !e.ctrlKey && !e.shiftKey) || key == this.keyCode.SPACE) - { - this.buffer.set(); - } - } - }, - setupSelectAll: function(e, key) - { - if (this.keydown.ctrl && key === 65) - { - this.utils.enableSelectAll(); - } - else if (key != this.keyCode.LEFT_WIN && !this.keydown.ctrl) - { - this.utils.disableSelectAll(); - } - }, - onArrowDown: function() - { - var tags = [this.keydown.blockquote, this.keydown.pre, this.keydown.figcaption]; - - for (var i = 0; i < tags.length; i++) - { - if (tags[i]) - { - this.keydown.insertAfterLastElement(tags[i]); - return false; - } - } - }, - onShiftEnter: function(e) - { - this.buffer.set(); - - if (this.keydown.blockquote && this.utils.isEndOfElement()) - { - return this.keydown.insertDblBreakLine(e); - } - - return this.keydown.insertBreakLine(e); - }, - onTab: function(e, key) - { - if (!this.opts.tabFocus) return true; - if (this.utils.isEmpty(this.code.get()) && this.opts.tabAsSpaces === false) return true; - - e.preventDefault(); - - var node; - if (this.keydown.pre && !e.shiftKey) - { - node = (this.opts.preSpaces) ? document.createTextNode(Array(this.opts.preSpaces + 1).join('\u00a0')) : document.createTextNode('\t'); - this.insert.node(node); - this.code.sync(); - } - else if (this.opts.tabAsSpaces !== false) - { - node = document.createTextNode(Array(this.opts.tabAsSpaces + 1).join('\u00a0')); - this.insert.node(node); - this.code.sync(); - } - else - { - if (e.metaKey && key === 219) this.indent.decrease(); - else if (e.metaKey && key === 221) this.indent.increase(); - else if (!e.shiftKey) this.indent.increase(); - else this.indent.decrease(); - } - - return false; - }, - replaceDivToBreakLine: function() - { - var blockElem = this.selection.getBlock(); - var blockHtml = blockElem.innerHTML.replace(/').append($.trim(this.$editor.html())).contents(); - var last = contents.last()[0]; - if (last.tagName == 'SPAN' && last.innerHTML === '') - { - last = contents.prev()[0]; - } - - if (this.utils.getOuterHtml(last) != this.utils.getOuterHtml(element)) return; - - var br = document.createElement('br'); - $(element).after(br); - this.caret.setAfter(br); - - } - else - { - if (this.$editor.contents().last()[0] !== element) return; - - var node = $(this.opts.emptyHtml); - $(element).after(node); - this.caret.setStart(node); - } - }, - insertNewLine: function(e) - { - e.preventDefault(); - - var node = document.createTextNode('\n'); - - this.selection.get(); - - this.range.deleteContents(); - this.range.insertNode(node); - - this.caret.setAfter(node); - - this.code.sync(); - - return false; - }, - insertBreakLine: function(e) - { - return this.keydown.insertBreakLineProcessing(e); - }, - insertDblBreakLine: function(e) - { - return this.keydown.insertBreakLineProcessing(e, true); - }, - insertBreakLineProcessing: function(e, dbl) - { - e.stopPropagation(); - - this.selection.get(); - var br1 = document.createElement('br'); - - this.range.deleteContents(); - this.range.insertNode(br1); - - if (dbl === true) - { - var br2 = document.createElement('br'); - this.range.insertNode(br2); - this.caret.setAfter(br2); - } - else - { - this.caret.setAfter(br1); - } - - this.code.sync(); - - return false; - }, - removeInvisibleSpace: function() - { - var $current = $(this.keydown.current); - if ($current.text().search(/^\u200B$/g) === 0) - { - $current.remove(); - } - }, - removeEmptyListInTable: function(e) - { - var $current = $(this.keydown.current); - var $parent = $(this.keydown.parent); - var td = $current.closest('td'); - - if (td.size() !== 0 && $current.closest('li') && $parent.children('li').size() === 1) - { - if (!this.utils.isEmpty($current.text())) return; - - e.preventDefault(); - - $current.remove(); - $parent.remove(); - - this.caret.setStart(td); - } - } - }; - }, - keyup: function() - { - return { - init: function(e) - { - if (this.rtePaste) return; - - var key = e.which; - - this.keyup.current = this.selection.getCurrent(); - this.keyup.parent = this.selection.getParent(); - var $parent = this.utils.isRedactorParent($(this.keyup.parent).parent()); - - // callback - var keyupStop = this.core.setCallback('keyup', e); - if (keyupStop === false) - { - e.preventDefault(); - return false; - } - - // replace to p before / after the table or body - if (!this.opts.linebreaks && this.keyup.current.nodeType == 3 && this.keyup.current.length <= 1 && (this.keyup.parent === false || this.keyup.parent.tagName == 'BODY')) - { - this.keyup.replaceToParagraph(); - } - - if ($(this.keyup.parent).hasClass('redactor-invisible-space') && ($parent === false || $parent[0].tagName == 'BODY')) - { - $(this.keyup.parent).contents().unwrap(); - this.keyup.replaceToParagraph(); - } - - // linkify - if (this.opts.convertLinks && (this.opts.convertUrlLinks || this.opts.convertImageLinks || this.opts.convertVideoLinks) && key === this.keyCode.ENTER) - { - this.formatLinkify(this.opts.linkProtocol, this.opts.convertLinks, this.opts.convertUrlLinks, this.opts.convertImageLinks, this.opts.convertVideoLinks, this.opts.linkSize); - - this.observe.load(); - this.code.sync(); - } - - if (key === this.keyCode.DELETE || key === this.keyCode.BACKSPACE) - { - // clear unverified - this.clean.clearUnverified(); - - if (this.observe.image) - { - e.preventDefault(); - - this.image.hideResize(); - - this.buffer.set(); - this.image.remove(this.observe.image); - this.observe.image = false; - - return false; - } - - // remove empty paragraphs - this.$editor.find('p').each($.proxy(this.utils.removeEmpty, this)); - - // remove invisible space - if (this.keyup.current && this.keyup.current.tagName == 'DIV' && this.utils.isEmpty(this.keyup.current.innerHTML)) - { - if (this.opts.linebreaks) - { - $(this.keyup.current).after(this.selection.getMarkerAsHtml()); - this.selection.restore(); - $(this.keyup.current).remove(); - } - } - - // if empty - return this.keyup.formatEmpty(e); - } - }, - replaceToParagraph: function() - { - var $current = $(this.keyup.current); - var node = $('').append($current.clone()); - $current.replaceWith(node); - var next = $(node).next(); - if (typeof(next[0]) !== 'undefined' && next[0].tagName == 'BR') - { - next.remove(); - } - - this.caret.setEnd(node); - }, - formatEmpty: function(e) - { - var html = $.trim(this.$editor.html()); - - if (!this.utils.isEmpty(html)) return; - - e.preventDefault(); - - if (this.opts.linebreaks) - { - if (!this.utils.browser('msie')) this.$editor.html('
'); - this.focus.setStart(); - } - else - { - html = '
'; - - this.$editor.html(html); - this.focus.setStart(); - } - - this.code.sync(); - - return false; - } - }; - }, - shortcuts: function() - { - return { - init: function(e, key) - { - // disable browser's hot keys for bold and italic - if (!this.opts.shortcuts) - { - if ((e.ctrlKey || e.metaKey) && (key === 66 || key === 73)) e.preventDefault(); - return false; - } - - $.each(this.opts.shortcuts, $.proxy(function(str, command) - { - var keys = str.split(','); - var len = keys.length; - for (var i = 0; i < len; i++) - { - if (typeof keys[i] === 'string') - { - this.shortcuts.handler(e, $.trim(keys[i]), $.proxy(function() - { - var func; - if (command.func.search(/\./) != '-1') - { - func = command.func.split('.'); - if (typeof this[func[0]] != 'undefined') - { - this[func[0]][func[1]].apply(this, command.params); - } - } - else - { - this[command.func].apply(this, command.params); - } - - }, this)); - } - - } - - }, this)); - }, - handler: function(e, keys, origHandler) - { - // based on https://github.com/jeresig/jquery.hotkeys - var hotkeysSpecialKeys = - { - 8: "backspace", 9: "tab", 10: "return", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause", - 20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home", - 37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", 59: ";", 61: "=", - 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7", - 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111 : "/", - 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8", - 120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 173: "-", 186: ";", 187: "=", - 188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\", 221: "]", 222: "'" - }; - - - var hotkeysShiftNums = - { - "`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&", - "8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": "\"", ",": "<", - ".": ">", "/": "?", "\\": "|" - }; - - keys = keys.toLowerCase().split(" "); - var special = hotkeysSpecialKeys[e.keyCode], - character = String.fromCharCode( e.which ).toLowerCase(), - modif = "", possible = {}; - - $.each([ "alt", "ctrl", "meta", "shift"], function(index, specialKey) - { - if (e[specialKey + 'Key'] && special !== specialKey) - { - modif += specialKey + '+'; - } - }); - - - if (special) possible[modif + special] = true; - if (character) - { - possible[modif + character] = true; - possible[modif + hotkeysShiftNums[character]] = true; - - // "$" can be triggered as "Shift+4" or "Shift+$" or just "$" - if (modif === "shift+") - { - possible[hotkeysShiftNums[character]] = true; - } - } - - for (var i = 0, len = keys.length; i < len; i++) - { - if (possible[keys[i]]) - { - e.preventDefault(); - return origHandler.apply(this, arguments); - } - } - } - }; - }, - line: function() - { - return { - insert: function() - { - this.buffer.set(); - - var blocks = this.selection.getBlocks(); - if (blocks[0] !== false && this.line.isExceptLastOrFirst(blocks)) - { - if (!this.utils.browser('msie')) this.$editor.focus(); - return; - } - - if (this.utils.browser('msie')) - { - this.line.insertInIe(); - } - else - { - this.line.insertInOthersBrowsers(); - } - }, - isExceptLastOrFirst: function(blocks) - { - var exceptTags = ['li', 'td', 'th', 'blockquote', 'figcaption', 'pre', 'dl', 'dt', 'dd']; - - var first = blocks[0].tagName.toLowerCase(); - var last = this.selection.getLastBlock(); - - last = (typeof last == 'undefined') ? first : last.tagName.toLowerCase(); - - var firstFound = $.inArray(first, exceptTags) != -1; - var lastFound = $.inArray(last, exceptTags) != -1; - - if ((firstFound && lastFound) || firstFound) - { - return true; - } - }, - insertInIe: function() - { - this.utils.saveScroll(); - this.buffer.set(); - - this.insert.node(document.createElement('hr')); - - this.utils.restoreScroll(); - this.code.sync(); - }, - insertInOthersBrowsers: function() - { - this.buffer.set(); - - var extra = '
'; - if (this.opts.linebreaks) extra = '
'; - - document.execCommand('insertHTML', false, '
' + extra); - - this.line.setFocus(); - this.code.sync(); - }, - setFocus: function() - { - var node = this.$editor.find('#redactor-insert-line'); - var next = $(node).next()[0]; - - if (next) - { - this.caret.setAfter(node); - node.remove(); - } - else - { - node.removeAttr('id'); - } - } - }; - }, - list: function() - { - return { - toggle: function(cmd) - { - if (!this.utils.browser('msie')) this.$editor.focus(); - - this.buffer.set(); - this.selection.save(); - - var parent = this.selection.getParent(); - var $list = $(parent).closest('ol, ul'); - - if (!this.utils.isRedactorParent($list) && $list.size() !== 0) - { - $list = false; - } - - var isUnorderedCmdOrdered, isOrderedCmdUnordered; - var remove = false; - if ($list && $list.length) - { - remove = true; - var listTag = $list[0].tagName; - - isUnorderedCmdOrdered = (cmd === 'orderedlist' && listTag === 'UL'); - isOrderedCmdUnordered = (cmd === 'unorderedlist' && listTag === 'OL'); - } - - if (isUnorderedCmdOrdered) - { - this.utils.replaceToTag($list, 'ol'); - } - else if (isOrderedCmdUnordered) - { - this.utils.replaceToTag($list, 'ul'); - } - else - { - if (remove) - { - this.list.remove(cmd); - } - else - { - this.list.insert(cmd); - } - } - - - this.selection.restore(); - this.code.sync(); - }, - insert: function(cmd) - { - if (this.utils.browser('msie') && this.opts.linebreaks) - { - this.list.insertInIe(cmd); - } - else - { - document.execCommand('insert' + cmd); - } - - var parent = this.selection.getParent(); - var $list = $(parent).closest('ol, ul'); - - if (!this.opts.linebreaks && this.utils.isEmpty($list.find('li').text())) - { - var $children = $list.children('li'); - $children.find('br').remove(); - $children.append(this.selection.getMarkerAsHtml()); - } - - if ($list.length) - { - // remove block-element list wrapper - var $listParent = $list.parent(); - if (this.utils.isRedactorParent($listParent) && $listParent[0].tagName != 'LI' && this.utils.isBlock($listParent[0])) - { - $listParent.replaceWith($listParent.contents()); - } - } - - if (!this.utils.browser('msie')) - { - this.$editor.focus(); - } - - this.clean.clearUnverified(); - }, - insertInIe: function(cmd) - { - var wrapper = this.selection.wrap('div'); - var wrapperHtml = $(wrapper).html(); - - var tmpList = (cmd == 'orderedlist') ? $('- ') : $('
- ');
-
- if ($.trim(wrapperHtml) === '')
- {
- tmpLi.append(this.selection.getMarkerAsHtml());
- tmpList.append(tmpLi);
- this.$editor.find('#selection-marker-1').replaceWith(tmpList);
- }
- else
- {
- var items = wrapperHtml.split(/
- ').html(items[i])); - } - } - } - else - { - tmpLi.append(wrapperHtml); - tmpList.append(tmpLi); - } - - $(wrapper).replaceWith(tmpList); - } - }, - remove: function(cmd) - { - document.execCommand('insert' + cmd); - - var $current = $(this.selection.getCurrent()); - - this.indent.fixEmptyIndent(); - - if (!this.opts.linebreaks && $current.closest('li, th, td').size() === 0) - { - document.execCommand('formatblock', false, 'p'); - this.$editor.find('ul, ol, blockquote, p').each($.proxy(this.utils.removeEmpty, this)); - } - - var $table = $(this.selection.getCurrent()).closest('table'); - var $prev = $table.prev(); - if (!this.opts.linebreaks && $table.size() !== 0 && $prev.size() !== 0 && $prev[0].tagName == 'BR') - { - $prev.remove(); - } - - this.clean.clearUnverified(); - - } - }; - }, - block: function() - { - return { - formatting: function(name) - { - var type, value; - - if (typeof this.formatting[name].data != 'undefined') type = 'data'; - else if (typeof this.formatting[name].attr != 'undefined') type = 'attr'; - else if (typeof this.formatting[name].class != 'undefined') type = 'class'; - - if (type) value = this.formatting[name][type]; - - this.block.format(this.formatting[name].tag, type, value); - - }, - format: function(tag, type, value) - { - if (tag == 'quote') tag = 'blockquote'; - - var formatTags = ['p', 'pre', 'blockquote', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']; - if ($.inArray(tag, formatTags) == -1) return; - - this.block.isRemoveInline = (tag == 'pre' || tag.search(/h[1-6]/i) != -1); - - // focus - if (!this.utils.browser('msie')) this.$editor.focus(); - - this.block.blocks = this.selection.getBlocks(); - - this.block.blocksSize = this.block.blocks.length; - this.block.type = type; - this.block.value = value; - - this.buffer.set(); - this.selection.save(); - - this.block.set(tag); - - this.selection.restore(); - this.code.sync(); - - }, - set: function(tag) - { - this.selection.get(); - this.block.containerTag = this.range.commonAncestorContainer.tagName; - - if (this.range.collapsed) - { - this.block.setCollapsed(tag); - } - else - { - this.block.setMultiple(tag); - } - }, - setCollapsed: function(tag) - { - var block = this.block.blocks[0]; - if (block === false) return; - - if (block.tagName == 'LI') - { - if (tag != 'blockquote') return; - - this.block.formatListToBlockquote(); - return; - } - - var isContainerTable = (this.block.containerTag == 'TD' || this.block.containerTag == 'TH'); - if (isContainerTable) - { - if (!this.opts.linebreaks && tag == 'p') - { - document.execCommand('formatblock', false, '<' + tag + '>'); - - block = this.selection.getBlock(); - this.block.toggle($(block)); - } - } - else if (block.tagName.toLowerCase() != tag) - { - if (this.opts.linebreaks && tag == 'p') - { - $(block).prepend('
').append('
'); - this.utils.replaceWithContents(block); - } - else - { - var $formatted = this.utils.replaceToTag(block, tag); - - this.block.toggle($formatted); - - if (tag != 'p' && tag != 'blockquote') $formatted.find('img').remove(); - if (this.block.isRemoveInline) this.utils.removeInlineTags($formatted); - if (tag == 'p' || this.block.headTag) $formatted.find('p').contents().unwrap(); - } - } - else if (tag == 'blockquote' && block.tagName.toLowerCase() == tag) - { - // blockquote off - if (this.opts.linebreaks) - { - $(block).prepend('
').append('
'); - this.utils.replaceWithContents(block); - } - else - { - var $el = this.utils.replaceToTag(block, 'p'); - this.block.toggle($el); - } - } - else if (block.tagName.toLowerCase() == tag) - { - this.block.toggle($(block)); - } - - }, - setMultiple: function(tag) - { - var block = this.block.blocks[0]; - var isContainerTable = (this.block.containerTag == 'TD' || this.block.containerTag == 'TH'); - - if (block !== false && this.block.blocksSize === 1) - { - if (block.tagName.toLowerCase() == tag && tag == 'blockquote') - { - // blockquote off - if (this.opts.linebreaks) - { - $(block).prepend('
').append('
'); - this.utils.replaceWithContents(block); - } - else - { - var $el = this.utils.replaceToTag(block, 'p'); - this.block.toggle($el); - } - } - else if (block.tagName == 'LI') - { - if (tag != 'blockquote') return; - - this.block.formatListToBlockquote(); - } - else if (this.block.containerTag == 'BLOCKQUOTE') - { - this.block.formatBlockquote(tag); - } - else if (this.opts.linebreaks && ((isContainerTable) || (this.range.commonAncestorContainer != block))) - { - this.block.formatWrap(tag); - } - else - { - if (this.opts.linebreaks && tag == 'p') - { - $(block).prepend('
').append('
'); - this.utils.replaceWithContents(block); - } - else - { - - var $formatted = this.utils.replaceToTag(block, tag); - - this.block.toggle($formatted); - - if (this.block.isRemoveInline) this.utils.removeInlineTags($formatted); - if (tag == 'p' || this.block.headTag) $formatted.find('p').contents().unwrap(); - } - } - } - else - { - if (this.opts.linebreaks || tag != 'p') - { - if (tag == 'blockquote') - { - var count = 0; - for (var i = 0; i < this.block.blocksSize; i++) - { - if (this.block.blocks[i].tagName == 'BLOCKQUOTE') count++; - } - - // only blockquote selected - if (count == this.block.blocksSize) - { - $.each(this.block.blocks, $.proxy(function(i,s) - { - if (this.opts.linebreaks) - { - $(s).prepend('
').append('
'); - this.utils.replaceWithContents(s); - } - else - { - this.utils.replaceToTag(s, 'p'); - } - - }, this)); - - return; - } - - } - - this.block.formatWrap(tag); - } - else - { - var classSize = 0; - var toggleType = false; - if (this.block.type == 'class') - { - toggleType = 'toggle'; - classSize = $(this.block.blocks).filter('.' + this.block.value).size(); - - if (this.block.blocksSize == classSize) toggleType = 'toggle'; - else if (this.block.blocksSize > classSize) toggleType = 'set'; - else if (classSize === 0) toggleType = 'set'; - - } - - var exceptTags = ['ul', 'ol', 'li', 'td', 'th', 'dl', 'dt', 'dd']; - $.each(this.block.blocks, $.proxy(function(i,s) - { - if ($.inArray(s.tagName.toLowerCase(), exceptTags) != -1) return; - - var $formatted = this.utils.replaceToTag(s, tag); - - if (toggleType) - { - if (toggleType == 'toggle') this.block.toggle($formatted); - else if (toggleType == 'remove') this.block.remove($formatted); - else if (toggleType == 'set') this.block.set2($formatted); - } - else this.block.toggle($formatted); - - if (tag != 'p' && tag != 'blockquote') $formatted.find('img').remove(); - if (this.block.isRemoveInline) this.utils.removeInlineTags($formatted); - if (tag == 'p' || this.block.headTag) $formatted.find('p').contents().unwrap(); - - - }, this)); - } - } - }, - toggle: function($el) - { - if (this.block.type == 'class') - { - $el.toggleClass(this.block.value); - return; - } - else if (this.block.type == 'attr' || this.block.type == 'data') - { - if ($el.attr(this.block.value.name) == this.block.value.value) - { - $el.removeAttr(this.block.value.name); - } - else - { - $el.attr(this.block.value.name, this.block.value.value); - } - - return; - } - else - { - $el.removeAttr('style class'); - return; - } - }, - remove: function($el) - { - $el.removeClass(this.block.value); - }, - formatListToBlockquote: function() - { - var block = $(this.block.blocks[0]).closest('ul, ol'); - - $(block).find('ul, ol').contents().unwrap(); - $(block).find('li').append($('
')).contents().unwrap(); - - var $el = this.utils.replaceToTag(block, 'blockquote'); - this.block.toggle($el); - }, - formatBlockquote: function(tag) - { - document.execCommand('outdent'); - document.execCommand('formatblock', false, tag); - - this.clean.clearUnverified(); - this.$editor.find('p:empty').remove(); - - var formatted = this.selection.getBlock(); - - if (tag != 'p') - { - $(formatted).find('img').remove(); - } - - if (!this.opts.linebreaks) - { - this.block.toggle($(formatted)); - } - - this.$editor.find('ul, ol, tr, blockquote, p').each($.proxy(this.utils.removeEmpty, this)); - - if (this.opts.linebreaks && tag == 'p') - { - this.utils.replaceWithContents(formatted); - } - - }, - formatWrap: function(tag) - { - if (this.block.containerTag == 'UL' || this.block.containerTag == 'OL') - { - if (tag == 'blockquote') - { - this.block.formatListToBlockquote(); - } - else - { - return; - } - } - - var formatted = this.selection.wrap(tag); - if (formatted === false) return; - - var $formatted = $(formatted); - - this.block.formatTableWrapping($formatted); - - var $elements = $formatted.find(this.opts.blockLevelElements.join(',') + ', td, table, thead, tbody, tfoot, th, tr'); - - if ((this.opts.linebreaks && tag == 'p') || tag == 'pre' || tag == 'blockquote') - { - $elements.append('
'); - } - - $elements.contents().unwrap(); - - if (tag != 'p' && tag != 'blockquote') $formatted.find('img').remove(); - - $.each(this.block.blocks, $.proxy(this.utils.removeEmpty, this)); - - $formatted.append(this.selection.getMarker(2)); - - if (!this.opts.linebreaks) - { - this.block.toggle($formatted); - } - - this.$editor.find('ul, ol, tr, blockquote, p').each($.proxy(this.utils.removeEmpty, this)); - $formatted.find('blockquote:empty').remove(); - - if (this.block.isRemoveInline) - { - this.utils.removeInlineTags($formatted); - } - - if (this.opts.linebreaks && tag == 'p') - { - this.utils.replaceWithContents($formatted); - } - - }, - formatTableWrapping: function($formatted) - { - if ($formatted.closest('table').size() === 0) return; - - if ($formatted.closest('tr').size() === 0) $formatted.wrap(''); - if ($formatted.closest('td').size() === 0) $formatted.wrap(' '); - }, - removeData: function(name, value) - { - var blocks = this.selection.getBlocks(); - $(blocks).removeAttr('data-' + name); - - this.code.sync(); - }, - setData: function(name, value) - { - var blocks = this.selection.getBlocks(); - $(blocks).attr('data-' + name, value); - - this.code.sync(); - }, - toggleData: function(name, value) - { - var blocks = this.selection.getBlocks(); - $.each(blocks, function() - { - if ($(this).attr('data-' + name)) - { - $(this).removeAttr('data-' + name); - } - else - { - $(this).attr('data-' + name, value); - } - }); - }, - removeAttr: function(attr, value) - { - var blocks = this.selection.getBlocks(); - $(blocks).removeAttr(attr); - - this.code.sync(); - }, - setAttr: function(attr, value) - { - var blocks = this.selection.getBlocks(); - $(blocks).attr(attr, value); - - this.code.sync(); - }, - toggleAttr: function(attr, value) - { - var blocks = this.selection.getBlocks(); - $.each(blocks, function() - { - if ($(this).attr(name)) - { - $(this).removeAttr(name); - } - else - { - $(this).attr(name, value); - } - }); - }, - removeClass: function(className) - { - var blocks = this.selection.getBlocks(); - $(blocks).removeClass(className); - - this.utils.removeEmptyAttr(blocks, 'class'); - - this.code.sync(); - }, - setClass: function(className) - { - var blocks = this.selection.getBlocks(); - $(blocks).addClass(className); - - this.code.sync(); - }, - toggleClass: function(className) - { - var blocks = this.selection.getBlocks(); - $(blocks).toggleClass(className); - - this.code.sync(); - } - }; - }, inline: function() { return { @@ -4928,8 +3723,8 @@ }, format: function(tag, type, value) { - // Stop formatting pre - if (this.utils.isCurrentOrParent('PRE')) return; + // Stop formatting pre and headers + if (this.utils.isCurrentOrParent('PRE') || this.utils.isCurrentOrParentHeader()) return; var tags = ['b', 'bold', 'i', 'italic', 'underline', 'strikethrough', 'deleted', 'superscript', 'subscript']; var replaced = ['strong', 'strong', 'em', 'em', 'u', 'del', 'del', 'sup', 'sub']; @@ -4962,14 +3757,16 @@ var $parent = $(current).closest(tag + '[data-redactor-tag=' + tag + ']'); // inline there is - if ($parent.size() !== 0) + if ($parent.length !== 0 && (this.inline.type != 'style' && $parent[0].tagName != 'SPAN')) { this.caret.setAfter($parent[0]); // remove empty - if (this.utils.isEmpty($parent.text())) $parent.remove(); - - this.code.sync(); + if ( this.utils.isEmpty($parent.text())) + { + $parent.remove(); + this.code.sync(); + } return; } @@ -4980,12 +3777,10 @@ node = this.inline.setFormat(node); - this.insert.node(node); + var node = this.insert.node(node); this.caret.setEnd(node); this.code.sync(); - - return; }, formatMultiple: function(tag) { @@ -5038,12 +3833,27 @@ }, this)); + // clear text decoration + if (tag != 'span') + { + this.$editor.find(this.opts.inlineTags.join(', ')).each($.proxy(function(i,s) + { + var $el = $(s); + var property = $el.css('text-decoration'); + if (property == 'line-through') + { + $el.css('text-decoration', ''); + this.utils.removeEmptyAttr($el, 'style'); + } + }, this)); + } + if (tag != 'del') { - var self = this; + var _this = this; this.$editor.find('inline').each(function(i,s) { - self.utils.replaceToTag(s, 'del'); + _this.utils.replaceToTag(s, 'del'); }); } @@ -5053,13 +3863,37 @@ }, formatRemoveSameChildren: function($el, tag) { + var self = this; $el.children(tag).each(function() { var $child = $(this); + if (!$child.hasClass('redactor-selection-marker')) { - $child.contents().unwrap(); + if (self.inline.type == 'style') + { + var arr = self.inline.value.split(';'); + + for (var z = 0; z < arr.length; z++) + { + if (arr[z] === '') return; + + var style = arr[z].split(':'); + $child.css(style[0], ''); + + if (self.utils.removeEmptyAttr($child , 'style')) + { + $child.replaceWith($child.contents()); + } + + } + } + else + { + $child.contents().unwrap(); + } } + }); }, formatConvert: function(tag) @@ -5073,15 +3907,25 @@ find = '[data-redactor-style="' + this.inline.value + '"]'; } + var self = this; if (tag != 'del') { - var self = this; this.$editor.find('del').each(function(i,s) { self.utils.replaceToTag(s, 'inline'); }); } + if (tag != 'span') + { + this.$editor.find(tag).each(function() + { + var $el = $(this); + $el.replaceWith($(' ').html($el.contents())); + + }); + } + this.$editor.find('[data-redactor-tag="' + tag + '"]' + find).each(function() { if (find === '' && tag == 'span' && this.tagName.toLowerCase() == tag) return; @@ -5301,6 +4145,10 @@ this.code.sync(); this.clean.clearUnverified(); }, + htmlWithoutClean: function(html) + { + this.insert.html(html, false); + }, html: function(html, clean) { this.placeholder.remove(); @@ -5323,9 +4171,10 @@ else { if (this.clean.singleLine) this.insert.execHtml(html); - else document.execCommand('insertHTML', null, html); + else document.execCommand('insertHTML', false, html); this.insert.htmlFixMozilla(); + } this.clean.normalizeLists(); @@ -5397,12 +4246,25 @@ this.caret.setAfter(lastNode); }, - node: function(node) + node: function(node, deleteContents) { node = node[0] || node; + var html = this.utils.getOuterHtml(node); + html = this.clean.setVerified(html); + + if (html.match(/= 37 && key <= 40); + + this.keydown.ctrl = e.ctrlKey || e.metaKey; + this.keydown.current = this.selection.getCurrent(); + this.keydown.parent = this.selection.getParent(); + this.keydown.block = this.selection.getBlock(); + + // detect tags + this.keydown.pre = this.utils.isTag(this.keydown.current, 'pre'); + this.keydown.blockquote = this.utils.isTag(this.keydown.current, 'blockquote'); + this.keydown.figcaption = this.utils.isTag(this.keydown.current, 'figcaption'); + + // shortcuts setup + this.shortcuts.init(e, key); + + this.keydown.checkEvents(arrow, key); + this.keydown.setupBuffer(e, key); + this.keydown.addArrowsEvent(arrow); + this.keydown.setupSelectAll(e, key); + + // callback + var keydownStop = this.core.setCallback('keydown', e); + if (keydownStop === false) + { + e.preventDefault(); + return false; + } + + // ie and ff exit from table + if (this.opts.enterKey && (this.utils.browser('msie') || this.utils.browser('mozilla')) && (key === this.keyCode.DOWN || key === this.keyCode.RIGHT)) + { + var isEndOfTable = false; + var $table = false; + if (this.keydown.block && this.keydown.block.tagName === 'TD') + { + $table = $(this.keydown.block).closest('table'); + } + + if ($table && $table.find('td').last()[0] === this.keydown.block) + { + isEndOfTable = true; + } + + if (this.utils.isEndOfElement() && isEndOfTable) + { + var node = $(this.opts.emptyHtml); + $table.after(node); + this.caret.setStart(node); + } + } + + // down + if (this.opts.enterKey && key === this.keyCode.DOWN) + { + this.keydown.onArrowDown(); + } + + // turn off enter key + if (!this.opts.enterKey && key === this.keyCode.ENTER) + { + e.preventDefault(); + // remove selected + if (!this.range.collapsed) this.range.deleteContents(); + return; + } + + // on enter + if (key == this.keyCode.ENTER && !e.shiftKey && !e.ctrlKey && !e.metaKey) + { + var stop = this.core.setCallback('enter', e); + if (stop === false) + { + e.preventDefault(); + return false; + } + + if (this.keydown.blockquote && this.keydown.exitFromBlockquote(e) === true) + { + return false; + } + + var current, $next; + if (this.keydown.pre) + { + return this.keydown.insertNewLine(e); + } + else if (this.keydown.blockquote || this.keydown.figcaption) + { + current = this.selection.getCurrent(); + $next = $(current).next(); + + if ($next.length !== 0 && $next[0].tagName == 'BR') + { + return this.keydown.insertBreakLine(e); + } + else if (this.utils.isEndOfElement() && (current && current != 'SPAN')) + { + return this.keydown.insertDblBreakLine(e); + } + else + { + return this.keydown.insertBreakLine(e); + } + } + else if (this.opts.linebreaks && !this.keydown.block) + { + current = this.selection.getCurrent(); + $next = $(this.keydown.current).next(); + + if (current !== false && $(current).hasClass('redactor-invisible-space')) + { + this.caret.setAfter(current); + $(current).contents().unwrap(); + return this.keydown.insertDblBreakLine(e); + } + else + { + if ($next.length === 0 && current === false && typeof $next.context != 'undefined') + { + return this.keydown.insertDblBreakLine(e); + } + else if (this.utils.isEndOfEditor()) + { + return this.keydown.insertDblBreakLine(e); + } + + return this.keydown.insertBreakLine(e); + } + } + else if (this.opts.linebreaks && this.keydown.block) + { + setTimeout($.proxy(this.keydown.replaceDivToBreakLine, this), 1); + } + // paragraphs + else if (!this.opts.linebreaks && this.keydown.block && this.keydown.block.tagName !== 'LI') + { + setTimeout($.proxy(this.keydown.replaceDivToParagraph, this), 1); + } + else if (!this.opts.linebreaks && !this.keydown.block) + { + return this.keydown.insertParagraph(e); + } + + + } + + // Shift+Enter or Ctrl+Enter + if (key === this.keyCode.ENTER && (e.ctrlKey || e.shiftKey)) + { + return this.keydown.onShiftEnter(e); + } + + + // tab or cmd + [ + if (key === this.keyCode.TAB || e.metaKey && key === 221 || e.metaKey && key === 219) + { + return this.keydown.onTab(e, key); + } + + // image delete and backspace + if (key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE) + { + var nodes = this.selection.getNodes(); + if (nodes) + { + var len = nodes.length; + var last; + for (var i = 0; i < len; i++) + { + var children = $(nodes[i]).children('img'); + if (children.length !== 0) + { + var self = this; + $.each(children, function(z,s) + { + var $s = $(s); + if ($s.css('float') != 'none') return; + + // image delete callback + self.core.setCallback('imageDelete', s.src, $s); + last = s; + }); + } + else if (nodes[i].tagName == 'IMG') + { + if (last != nodes[i]) + { + // image delete callback + this.core.setCallback('imageDelete', nodes[i].src, $(nodes[i])); + last = nodes[i]; + } + } + } + } + } + + // backspace + if (key === this.keyCode.BACKSPACE) + { + this.keydown.removeInvisibleSpace(); + this.keydown.removeEmptyListInTable(e); + } + + this.code.sync(); + }, + checkEvents: function(arrow, key) + { + if (!arrow && (this.core.getEvent() == 'click' || this.core.getEvent() == 'arrow')) + { + this.core.addEvent(false); + + if (this.keydown.checkKeyEvents(key)) + { + this.buffer.set(); + } + } + }, + checkKeyEvents: function(key) + { + var k = this.keyCode; + var keys = [k.BACKSPACE, k.DELETE, k.ENTER, k.SPACE, k.ESC, k.TAB, k.CTRL, k.META, k.ALT, k.SHIFT]; + + return ($.inArray(key, keys) == -1) ? true : false; + + }, + addArrowsEvent: function(arrow) + { + if (!arrow) return; + + if ((this.core.getEvent() == 'click' || this.core.getEvent() == 'arrow')) + { + this.core.addEvent(false); + return; + } + + this.core.addEvent('arrow'); + }, + setupBuffer: function(e, key) + { + if (this.keydown.ctrl && key === 90 && !e.shiftKey && !e.altKey && this.opts.buffer.length) // z key + { + e.preventDefault(); + this.buffer.undo(); + return; + } + // undo + else if (this.keydown.ctrl && key === 90 && e.shiftKey && !e.altKey && this.opts.rebuffer.length !== 0) + { + e.preventDefault(); + this.buffer.redo(); + return; + } + else if (!this.keydown.ctrl) + { + if (key == this.keyCode.BACKSPACE || key == this.keyCode.DELETE || (key == this.keyCode.ENTER && !e.ctrlKey && !e.shiftKey) || key == this.keyCode.SPACE) + { + this.buffer.set(); + } + } + }, + setupSelectAll: function(e, key) + { + if (this.keydown.ctrl && key === 65) + { + this.utils.enableSelectAll(); + } + else if (key != this.keyCode.LEFT_WIN && !this.keydown.ctrl) + { + this.utils.disableSelectAll(); + } + }, + onArrowDown: function() + { + var tags = [this.keydown.blockquote, this.keydown.pre, this.keydown.figcaption]; + + for (var i = 0; i < tags.length; i++) + { + if (tags[i]) + { + this.keydown.insertAfterLastElement(tags[i]); + return false; + } + } + }, + onShiftEnter: function(e) + { + this.buffer.set(); + + if (this.utils.isEndOfElement()) + { + return this.keydown.insertDblBreakLine(e); + } + + return this.keydown.insertBreakLine(e); + }, + onTab: function(e, key) + { + if (!this.opts.tabKey) return true; + if (this.utils.isEmpty(this.code.get()) && this.opts.tabAsSpaces === false) return true; + + e.preventDefault(); + + var node; + if (this.keydown.pre && !e.shiftKey) + { + node = (this.opts.preSpaces) ? document.createTextNode(Array(this.opts.preSpaces + 1).join('\u00a0')) : document.createTextNode('\t'); + this.insert.node(node); + this.code.sync(); + } + else if (this.opts.tabAsSpaces !== false) + { + node = document.createTextNode(Array(this.opts.tabAsSpaces + 1).join('\u00a0')); + this.insert.node(node); + this.code.sync(); } else { - this.caret.set(node, 0, node, 0); + if (e.metaKey && key === 219) this.indent.decrease(); + else if (e.metaKey && key === 221) this.indent.increase(); + else if (!e.shiftKey) this.indent.increase(); + else this.indent.decrease(); + } + + return false; + }, + replaceDivToBreakLine: function() + { + var blockElem = this.selection.getBlock(); + var blockHtml = blockElem.innerHTML.replace(/').append($.trim(this.$editor.html())).contents(); + var last = contents.last()[0]; + if (last.tagName == 'SPAN' && last.innerHTML === '') + { + last = contents.prev()[0]; + } + + if (this.utils.getOuterHtml(last) != this.utils.getOuterHtml(element)) return; + + var br = document.createElement('br'); + $(element).after(br); + this.caret.setAfter(br); + } else { - this.caret.setAfterOrBefore(node, 'before'); + if (this.$editor.contents().last()[0] !== element) return; + + var node = $(this.opts.emptyHtml); + $(element).after(node); + this.caret.setStart(node); } }, - setAfterOrBefore: function(node, type) + insertNewLine: function(e) { - // focus + e.preventDefault(); + + var node = document.createTextNode('\n'); + + this.selection.get(); + + this.range.deleteContents(); + this.range.insertNode(node); + + this.caret.setAfter(node); + + this.code.sync(); + + return false; + }, + insertBreakLine: function(e) + { + return this.keydown.insertBreakLineProcessing(e); + }, + insertDblBreakLine: function(e) + { + return this.keydown.insertBreakLineProcessing(e, true); + }, + insertBreakLineProcessing: function(e, dbl) + { + e.stopPropagation(); + + this.selection.get(); + var br1 = document.createElement('br'); + + this.range.deleteContents(); + this.range.insertNode(br1); + + if (dbl === true) + { + var br2 = document.createElement('br'); + this.range.insertNode(br2); + this.caret.setAfter(br2); + } + else + { + this.caret.setAfter(br1); + } + + this.code.sync(); + + return false; + }, + removeInvisibleSpace: function() + { + var $current = $(this.keydown.current); + if ($current.text().search(/^\u200B$/g) === 0) + { + $current.remove(); + } + }, + removeEmptyListInTable: function(e) + { + var $current = $(this.keydown.current); + var $parent = $(this.keydown.parent); + var td = $current.closest('td'); + + if (td.length !== 0 && $current.closest('li') && $parent.children('li').length === 1) + { + if (!this.utils.isEmpty($current.text())) return; + + e.preventDefault(); + + $current.remove(); + $parent.remove(); + + this.caret.setStart(td); + } + } + }; + }, + keyup: function() + { + return { + init: function(e) + { + if (this.rtePaste) return; + + var key = e.which; + + this.keyup.current = this.selection.getCurrent(); + this.keyup.parent = this.selection.getParent(); + var $parent = this.utils.isRedactorParent($(this.keyup.parent).parent()); + + + // callback + var keyupStop = this.core.setCallback('keyup', e); + if (keyupStop === false) + { + e.preventDefault(); + return false; + } + + // replace to p before / after the table or body + if (!this.opts.linebreaks && this.keyup.current.nodeType == 3 && this.keyup.current.length <= 1 && (this.keyup.parent === false || this.keyup.parent.tagName == 'BODY')) + { + this.keyup.replaceToParagraph(); + } + + // replace div after lists + if (!this.opts.linebreaks && this.utils.isRedactorParent(this.keyup.current) && this.keyup.current.tagName === 'DIV') + { + this.keyup.replaceToParagraph(false); + } + + + if (!this.opts.linebreaks && $(this.keyup.parent).hasClass('redactor-invisible-space') && ($parent === false || $parent[0].tagName == 'BODY')) + { + $(this.keyup.parent).contents().unwrap(); + this.keyup.replaceToParagraph(); + } + + // linkify + if (this.keyup.isLinkify(key)) + { + this.formatLinkify(this.opts.linkProtocol, this.opts.convertLinks, this.opts.convertUrlLinks, this.opts.convertImageLinks, this.opts.convertVideoLinks, this.opts.linkSize); + + this.observe.load(); + this.code.sync(); + } + + if (key === this.keyCode.DELETE || key === this.keyCode.BACKSPACE) + { + // clear unverified + this.clean.clearUnverified(); + + if (this.observe.image) + { + e.preventDefault(); + + this.image.hideResize(); + + this.buffer.set(); + this.image.remove(this.observe.image); + this.observe.image = false; + + return false; + } + + // remove empty paragraphs + this.$editor.find('p').each($.proxy(this.utils.removeEmpty, this)); + + // remove invisible space + if (this.opts.linebreaks && this.keyup.current && this.keyup.current.tagName == 'DIV' && this.utils.isEmpty(this.keyup.current.innerHTML)) + { + $(this.keyup.current).after(this.selection.getMarkerAsHtml()); + this.selection.restore(); + $(this.keyup.current).remove(); + } + + // if empty + return this.keyup.formatEmpty(e); + } + }, + isLinkify: function(key) + { + return this.opts.convertLinks && (this.opts.convertUrlLinks || this.opts.convertImageLinks || this.opts.convertVideoLinks) && key === this.keyCode.ENTER && !this.utils.isCurrentOrParent('PRE'); + }, + replaceToParagraph: function(clone) + { + var $current = $(this.keyup.current); + + var node; + if (clone === false) + { + node = $('').append($current.html()); + } + else + { + node = $('
').append($current.clone()); + } + + $current.replaceWith(node); + var next = $(node).next(); + if (typeof(next[0]) !== 'undefined' && next[0].tagName == 'BR') + { + next.remove(); + } + + this.caret.setEnd(node); + }, + formatEmpty: function(e) + { + var html = $.trim(this.$editor.html()); + + if (!this.utils.isEmpty(html)) return; + + e.preventDefault(); + + if (this.opts.linebreaks) + { + this.$editor.html(this.selection.getMarkerAsHtml()); + this.selection.restore(); + } + else + { + html = '
'; + + this.$editor.html(html); + this.focus.setStart(); + } + + this.code.sync(); + + return false; + } + }; + }, + lang: function() + { + return { + load: function() + { + this.opts.curLang = this.opts.langs[this.opts.lang]; + }, + get: function(name) + { + return (typeof this.opts.curLang[name] != 'undefined') ? this.opts.curLang[name] : ''; + } + }; + }, + line: function() + { + return { + insert: function() + { + this.buffer.set(); + + var blocks = this.selection.getBlocks(); + if (blocks[0] !== false && this.line.isExceptLastOrFirst(blocks)) + { + if (!this.utils.browser('msie')) this.$editor.focus(); + return; + } + + if (this.utils.browser('msie')) + { + this.line.insertInIe(); + } + else + { + this.line.insertInOthersBrowsers(); + } + }, + isExceptLastOrFirst: function(blocks) + { + var exceptTags = ['li', 'td', 'th', 'blockquote', 'figcaption', 'pre', 'dl', 'dt', 'dd']; + + var first = blocks[0].tagName.toLowerCase(); + var last = this.selection.getLastBlock(); + + last = (typeof last == 'undefined') ? first : last.tagName.toLowerCase(); + + var firstFound = $.inArray(first, exceptTags) != -1; + var lastFound = $.inArray(last, exceptTags) != -1; + + if ((firstFound && lastFound) || firstFound) + { + return true; + } + }, + insertInIe: function() + { + this.utils.saveScroll(); + this.buffer.set(); + + this.insert.node(document.createElement('hr')); + + this.utils.restoreScroll(); + this.code.sync(); + }, + insertInOthersBrowsers: function() + { + this.buffer.set(); + + var extra = '
'; + if (this.opts.linebreaks) extra = '
'; + + document.execCommand('insertHTML', false, '
' + extra); + + this.line.setFocus(); + this.code.sync(); + }, + setFocus: function() + { + var node = this.$editor.find('#redactor-insert-line'); + var next = $(node).next()[0]; + + if (next) + { + this.caret.setAfter(node); + node.remove(); + } + else + { + node.removeAttr('id'); + } + } + }; + }, + link: function() + { + return { + show: function(e) + { + if (typeof e != 'undefined' && e.preventDefault) e.preventDefault(); + + this.modal.load('link', this.lang.get('link_insert'), 600); + + this.modal.createCancelButton(); + this.link.buttonInsert = this.modal.createActionButton(this.lang.get('insert')); + + this.selection.get(); + + this.link.getData(); + this.link.cleanUrl(); + + if (this.link.target == '_blank') $('#redactor-link-blank').prop('checked', true); + + this.link.$inputUrl = $('#redactor-link-url'); + this.link.$inputText = $('#redactor-link-url-text'); + + this.link.$inputText.val(this.link.text); + this.link.$inputUrl.val(this.link.url); + + this.link.buttonInsert.on('click', $.proxy(this.link.insert, this)); + + // hide link's tooltip + $('.redactor-link-tooltip').remove(); + + // show modal + this.selection.save(); + this.modal.show(); + this.link.$inputUrl.focus(); + }, + cleanUrl: function() + { + var thref = self.location.href.replace(/\/$/i, ''); + this.link.url = this.link.url.replace(thref, ''); + this.link.url = this.link.url.replace(/^\/#/, '#'); + this.link.url = this.link.url.replace('mailto:', ''); + + // remove host from href + if (!this.opts.linkProtocol) + { + var re = new RegExp('^(http|ftp|https)://' + self.location.host, 'i'); + this.link.url = this.link.url.replace(re, ''); + } + + }, + getData: function() + { + this.link.$node = false; + + var $el = $(this.selection.getCurrent()).closest('a'); + if ($el.length !== 0 && $el[0].tagName === 'A') + { + this.link.$node = $el; + + this.link.url = $el.attr('href'); + this.link.text = $el.text(); + this.link.target = $el.attr('target'); + } + else + { + this.link.text = this.sel.toString(); + this.link.url = ''; + this.link.target = ''; + } + + }, + insert: function() + { + var target = ''; + var link = this.link.$inputUrl.val(); + var text = this.link.$inputText.val(); + + if ($.trim(link) === '') + { + this.link.$inputUrl.addClass('redactor-input-error').on('keyup', function() + { + $(this).removeClass('redactor-input-error'); + $(this).off('keyup'); + + }); + + return; + } + + // mailto + if (link.search('@') != -1 && /(http|ftp|https):\/\//i.test(link) === false) + { + link = 'mailto:' + link; + } + // url, not anchor + else if (link.search('#') !== 0) + { + if ($('#redactor-link-blank').prop('checked')) + { + target = '_blank'; + } + + // test url (add protocol) + var pattern = '((xn--)?[a-z0-9]+(-[a-z0-9]+)*\\.)+[a-z]{2,}'; + var re = new RegExp('^(http|ftp|https)://' + pattern, 'i'); + var re2 = new RegExp('^' + pattern, 'i'); + var re3 = new RegExp('\.(html|php)$', 'i'); + if (link.search(re) == -1 && link.search(re3) == -1 && link.search(re2) === 0 && this.opts.linkProtocol) + { + link = this.opts.linkProtocol + '://' + link; + } + } + + this.link.set(text, link, target); + this.modal.close(); + }, + set: function(text, link, target) + { + text = $.trim(text.replace(/<|>/g, '')); + + this.selection.restore(); + + if (text === '' && link === '') return; + if (text === '' && link !== '') text = link; + + if (this.link.$node) + { + this.buffer.set(); + + this.link.$node.text(text).attr('href', link); + if (target !== '') + { + this.link.$node.attr('target', target); + } + else + { + this.link.$node.removeAttr('target'); + } + + this.code.sync(); + } + else + { + if (this.utils.browser('mozilla') && this.link.text === '') + { + var $a = $('').attr('href', link).text(text); + if (target !== '') $a.attr('target', target); + + this.insert.node($a); + this.selection.selectElement($a); + } + else + { + var $a; + if (this.utils.browser('msie')) + { + $a = $('').text(text); + if (target !== '') $a.attr('target', target); + + $a = $(this.insert.node($a)); + this.selection.selectElement($a); + } + else + { + document.execCommand('createLink', false, link); + + $a = $(this.selection.getCurrent()).closest('a'); + + if (target !== '') $a.attr('target', target); + $a.removeAttr('style'); + + if (this.link.text === '' || this.link.text != text) + { + $a.text(text); + this.selection.selectElement($a); + } + } + } + + this.code.sync(); + this.core.setCallback('insertedLink', $a); + + } + + // link tooltip + setTimeout($.proxy(function() + { + this.observe.links(); + + }, this), 5); + }, + unlink: function(e) + { + if (typeof e != 'undefined' && e.preventDefault) e.preventDefault(); + + var nodes = this.selection.getNodes(); + if (!nodes) return; + + this.buffer.set(); + + var len = nodes.length; + for (var i = 0; i < len; i++) + { + if (nodes[i].tagName == 'A') + { + var $node = $(nodes[i]); + $node.replaceWith($node.contents()); + } + } + + // hide link's tooltip + $('.redactor-link-tooltip').remove(); + + this.code.sync(); + + } + }; + }, + list: function() + { + return { + toggle: function(cmd) + { + this.placeholder.remove(); if (!this.utils.browser('msie')) this.$editor.focus(); - node = node[0] || node; + this.buffer.set(); + this.selection.save(); - this.selection.get(); + var parent = this.selection.getParent(); + var $list = $(parent).closest('ol, ul'); - if (type == 'after') + if (!this.utils.isRedactorParent($list) && $list.length !== 0) { - try { + $list = false; + } - this.range.setStartAfter(node); - this.range.setEndAfter(node); - } - catch (e) {} + var isUnorderedCmdOrdered, isOrderedCmdUnordered; + var remove = false; + if ($list && $list.length) + { + remove = true; + var listTag = $list[0].tagName; + + isUnorderedCmdOrdered = (cmd === 'orderedlist' && listTag === 'UL'); + isOrderedCmdUnordered = (cmd === 'unorderedlist' && listTag === 'OL'); + } + + if (isUnorderedCmdOrdered) + { + this.utils.replaceToTag($list, 'ol'); + } + else if (isOrderedCmdUnordered) + { + this.utils.replaceToTag($list, 'ul'); } else { - try { - this.range.setStartBefore(node); - this.range.setEndBefore(node); + if (remove) + { + this.list.remove(cmd); + } + else + { + this.list.insert(cmd); } - catch (e) {} } - this.range.collapse(false); - this.selection.addRange(); + this.selection.restore(); + this.code.sync(); }, - getOffsetOfElement: function(node) + insert: function(cmd) { - node = node[0] || node; + var parent = this.selection.getParent(); + var current = this.selection.getCurrent(); + var $td = $(current).closest('td, th'); - this.selection.get(); - - var cloned = this.range.cloneRange(); - cloned.selectNodeContents(node); - cloned.setEnd(this.range.endContainer, this.range.endOffset); - - return $.trim(cloned.toString()).length; - }, - getOffset: function() - { - var offset = 0; - var sel = window.getSelection(); - if (sel.rangeCount > 0) - { - var range = window.getSelection().getRangeAt(0); - var preCaretRange = range.cloneRange(); - preCaretRange.selectNodeContents(this.$editor[0]); - preCaretRange.setEnd(range.endContainer, range.endOffset); - offset = preCaretRange.toString().length; - } - - return offset; - }, - setOffset: function(start, end) - { - if (typeof end == 'undefined') end = start; - if (!this.focus.isFocused()) this.focus.setStart(); - - var range = document.createRange(); - var sel = document.getSelection(); - var node, offset = 0; - var walker = document.createTreeWalker(this.$editor[0], NodeFilter.SHOW_TEXT, null, null); - - while (node = walker.nextNode()) + if (this.utils.browser('msie') && this.opts.linebreaks) { - offset += node.nodeValue.length; - if (offset > start) + this.list.insertInIe(cmd); + } + else + { + document.execCommand('insert' + cmd); + } + + var $list = $(this.selection.getParent()).closest('ol, ul'); + + if ($td.length !== 0) + { + var prev = $td.prev(); + var html = $td.html(); + $td.html(''); + if (prev && prev.length === 1 && (prev[0].tagName === 'TD' || prev[0].tagName === 'TH')) { - range.setStart(node, node.nodeValue.length + start - offset); - start = Infinity; + $(prev).after($td); + } + else + { + $(parent).prepend($td); } - if (offset >= end) + $td.html(html); + } + + if (this.utils.isEmpty($list.find('li').text())) + { + var $children = $list.children('li'); + $children.find('br').remove(); + $children.append(this.selection.getMarkerAsHtml()); + } + + if ($list.length) + { + // remove block-element list wrapper + var $listParent = $list.parent(); + if (this.utils.isRedactorParent($listParent) && $listParent[0].tagName != 'LI' && this.utils.isBlock($listParent[0])) { - range.setEnd(node, node.nodeValue.length + end - offset); - break; + $listParent.replaceWith($listParent.contents()); } } - sel.removeAllRanges(); - sel.addRange(range); + if (!this.utils.browser('msie')) + { + this.$editor.focus(); + } + + this.clean.clearUnverified(); }, - setToPoint: function(start, end) + insertInIe: function(cmd) { - this.caret.setOffset(start, end); + var wrapper = this.selection.wrap('div'); + var wrapperHtml = $(wrapper).html(); + + var tmpList = (cmd == 'orderedlist') ? $('- ') : $('
- ');
+
+ if ($.trim(wrapperHtml) === '')
+ {
+ tmpLi.append(this.selection.getMarkerAsHtml());
+ tmpList.append(tmpLi);
+ this.$editor.find('#selection-marker-1').replaceWith(tmpList);
+ }
+ else
+ {
+ var items = wrapperHtml.split(/
- ').html(items[i])); + } + } + } + else + { + tmpLi.append(wrapperHtml); + tmpList.append(tmpLi); + } + + $(wrapper).replaceWith(tmpList); + } }, - getCoords: function() + remove: function(cmd) { - return this.caret.getOffset(); + document.execCommand('insert' + cmd); + + var $current = $(this.selection.getCurrent()); + + this.indent.fixEmptyIndent(); + + if (!this.opts.linebreaks && $current.closest('li, th, td').length === 0) + { + document.execCommand('formatblock', false, 'p'); + this.$editor.find('ul, ol, blockquote').each($.proxy(this.utils.removeEmpty, this)); + } + + var $table = $(this.selection.getCurrent()).closest('table'); + var $prev = $table.prev(); + if (!this.opts.linebreaks && $table.length !== 0 && $prev.length !== 0 && $prev[0].tagName == 'BR') + { + $prev.remove(); + } + + this.clean.clearUnverified(); + } }; }, + modal: function() + { + return { + callbacks: {}, + loadTemplates: function() + { + this.opts.modal = { + imageEdit: String() + + '
' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + ' ', + + image: String() + + '' + + '' + + ' ', + + file: String() + + '' + + ' ', + + link: String() + + '' + + '' + + '' + + '
' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + ' ' + }; + + + $.extend(this.opts, this.opts.modal); + + }, + addCallback: function(name, callback) + { + this.modal.callbacks[name] = callback; + }, + createTabber: function($modal) + { + this.modal.$tabber = $(' - ').html(items[i])); + } + } + } + else + { + tmpLi.append(wrapperHtml); + tmpList.append(tmpLi); + } + + $(wrapper).replaceWith(tmpList); + } }, - getCoords: function() + remove: function(cmd) { - return this.caret.getOffset(); + document.execCommand('insert' + cmd); + + var $current = $(this.selection.getCurrent()); + + this.indent.fixEmptyIndent(); + + if (!this.opts.linebreaks && $current.closest('li, th, td').length === 0) + { + document.execCommand('formatblock', false, 'p'); + this.$editor.find('ul, ol, blockquote').each($.proxy(this.utils.removeEmpty, this)); + } + + var $table = $(this.selection.getCurrent()).closest('table'); + var $prev = $table.prev(); + if (!this.opts.linebreaks && $table.length !== 0 && $prev.length !== 0 && $prev[0].tagName == 'BR') + { + $prev.remove(); + } + + this.clean.clearUnverified(); + } }; }, + modal: function() + { + return { + callbacks: {}, + loadTemplates: function() + { + this.opts.modal = { + imageEdit: String() + + '
- ');
+ var tmpLi = $('
- ').html(items[i])); - } - } - } - else - { - tmpLi.append(wrapperHtml); - tmpList.append(tmpLi); - } - - $(wrapper).replaceWith(tmpList); - } - }, - remove: function(cmd) - { - document.execCommand('insert' + cmd); - - var $current = $(this.selection.getCurrent()); - - this.indent.fixEmptyIndent(); - - if (!this.opts.linebreaks && $current.closest('li, th, td').size() === 0) - { - document.execCommand('formatblock', false, 'p'); - this.$editor.find('ul, ol, blockquote, p').each($.proxy(this.utils.removeEmpty, this)); - } - - var $table = $(this.selection.getCurrent()).closest('table'); - var $prev = $table.prev(); - if (!this.opts.linebreaks && $table.size() !== 0 && $prev.size() !== 0 && $prev[0].tagName == 'BR') - { - $prev.remove(); - } - - this.clean.clearUnverified(); - - } - }; - }, - block: function() - { - return { - formatting: function(name) - { - var type, value; - - if (typeof this.formatting[name].data != 'undefined') type = 'data'; - else if (typeof this.formatting[name].attr != 'undefined') type = 'attr'; - else if (typeof this.formatting[name].class != 'undefined') type = 'class'; - - if (type) value = this.formatting[name][type]; - - this.block.format(this.formatting[name].tag, type, value); - - }, - format: function(tag, type, value) - { - if (tag == 'quote') tag = 'blockquote'; - - var formatTags = ['p', 'pre', 'blockquote', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']; - if ($.inArray(tag, formatTags) == -1) return; - - this.block.isRemoveInline = (tag == 'pre' || tag.search(/h[1-6]/i) != -1); - - // focus - if (!this.utils.browser('msie')) this.$editor.focus(); - - this.block.blocks = this.selection.getBlocks(); - - this.block.blocksSize = this.block.blocks.length; - this.block.type = type; - this.block.value = value; - - this.buffer.set(); - this.selection.save(); - - this.block.set(tag); - - this.selection.restore(); - this.code.sync(); - - }, - set: function(tag) - { - this.selection.get(); - this.block.containerTag = this.range.commonAncestorContainer.tagName; - - if (this.range.collapsed) - { - this.block.setCollapsed(tag); - } - else - { - this.block.setMultiple(tag); - } - }, - setCollapsed: function(tag) - { - var block = this.block.blocks[0]; - if (block === false) return; - - if (block.tagName == 'LI') - { - if (tag != 'blockquote') return; - - this.block.formatListToBlockquote(); - return; - } - - var isContainerTable = (this.block.containerTag == 'TD' || this.block.containerTag == 'TH'); - if (isContainerTable) - { - if (!this.opts.linebreaks && tag == 'p') - { - document.execCommand('formatblock', false, '<' + tag + '>'); - - block = this.selection.getBlock(); - this.block.toggle($(block)); - } - } - else if (block.tagName.toLowerCase() != tag) - { - if (this.opts.linebreaks && tag == 'p') - { - $(block).prepend('
- ');
- var tmpLi = $('