/gi, '');
+ html = html.replace(/<\/font>/gi, '');
+
+ // tidy html
+ html = this.tidy.load(html);
+
+ // paragraphize
+ if (this.opts.paragraphize) html = this.paragraphize.load(html);
+
+ // verified
+ html = this.clean.setVerified(html);
+
+ // convert inline tags
+ html = this.clean.convertInline(html);
+
+ html = html.replace(/&/g, '&');
+
+ return html;
+ },
+ onSync: function(html)
+ {
+ // remove spaces
+ html = html.replace(/\u200B/g, '');
+ html = html.replace(//gi, '');
+
+ if (this.opts.cleanSpaces)
+ {
+ html = html.replace(/ /gi, ' ');
+ }
+
+ if (html.search(/^(||\s|||| )<\/p>$/i) != -1)
+ {
+ return '';
+ }
+
+ // reconvert script tag
+ html = html.replace(/]?)>([\w\W]*?)<\/pre>/gi, '$2');
+
+ // restore form tag
+ html = this.clean.restoreFormTags(html);
+
+ var chars = {
+ '\u2122': '™',
+ '\u00a9': '©',
+ '\u2026': '…',
+ '\u2014': '—',
+ '\u2010': '‐'
+ };
+ // replace special characters
+ $.each(chars, function(i,s)
+ {
+ html = html.replace(new RegExp(i, 'g'), s);
+ });
+
+ // remove last br in FF
+ if (this.utils.browser('mozilla'))
+ {
+ html = html.replace(/$/gi, '');
+ }
+
+ // remove br in|of li tags
+ html = html.replace(new RegExp('', 'gi'), '');
+ html = html.replace(new RegExp('', 'gi'), '');
+
+ // remove empty attributes
+ html = html.replace(/<(.*?)rel="\s*?"(.*?[^>]?)>/gi, '<$1$2">');
+ html = html.replace(/<(.*?)style="\s*?"(.*?[^>]?)>/gi, '<$1$2">');
+ html = html.replace(/="">/gi, '>');
+ html = html.replace(/""">/gi, '">');
+ html = html.replace(/"">/gi, '">');
+
+ // remove verified
+ html = html.replace(/])>/gi, '');
+ html = html.replace(/<(.*?) data-verified="redactor"(.*?[^>])>/gi, '<$1$2>');
+
+ var $div = $("").html($.parseHTML(html, document, true));
+ $div.find("span").removeAttr("rel");
+
+ $div.find('pre .redactor-invisible-space').each(function()
+ {
+ $(this).contents().unwrap();
+ });
+
+ html = $div.html();
+
+ // remove rel attribute from img
+ html = html.replace(/])rel="(.*?[^>])"(.*?[^>])>/gi, '');
+ html = html.replace(/(.*?)<\/span>/gi, '$1');
+
+ html = html.replace(/ data-save-url="(.*?[^>])"/gi, '');
+
+ // remove image resize
+ html = html.replace(/])>([\w\W]*?)<\/span>/gi, '$3');
+ html = html.replace(/])>(.*?)<\/span>/gi, '');
+ html = html.replace(/])>(.*?)<\/span>/gi, '');
+
+ // remove font tag
+ html = html.replace(//gi, '');
+ html = html.replace(/<\/font>/gi, '');
+
+ // tidy html
+ html = this.tidy.load(html);
+
+ // link nofollow
+ if (this.opts.linkNofollow)
+ {
+ html = html.replace(/])>/gi, '');
+ html = html.replace(/])>/gi, '');
+ }
+
+ // reconvert inline
+ html = html.replace(/\sdata-redactor-(tag|class|style)="(.*?[^>])"/gi, '');
+ html = html.replace(new RegExp('<(.*?) data-verified="redactor"(.*?[^>])>', 'gi'), '<$1$2>');
+ html = html.replace(new RegExp('<(.*?) data-verified="redactor">', 'gi'), '<$1>');
+
+ html = html.replace(/&/g, '&');
+
+ return html;
+ },
+ onPaste: function(html, setMode)
+ {
+ html = $.trim(html);
+ html = html.replace(/\$/g, '$');
+
+ // convert dirty spaces
+ html = html.replace(//gi, '');
+ html = html.replace(/ <\/span>/gi, ' ');
+ html = html.replace(/]*>\t<\/span>/gi, '\t');
+ html = html.replace(/]*>(\s| )<\/span>/gi, ' ');
+
+ if (this.opts.pastePlainText)
+ {
+ return this.clean.getPlainText(html);
+ }
+
+ if (!this.utils.isSelectAll() && typeof setMode == 'undefined')
+ {
+ if (this.utils.isCurrentOrParent(['FIGCAPTION', 'A']))
+ {
+ return this.clean.getPlainText(html, false);
+ }
+
+ if (this.utils.isCurrentOrParent('PRE'))
+ {
+ html = html.replace(/”/g, '"');
+ html = html.replace(/“/g, '"');
+ html = html.replace(/‘/g, '\'');
+ html = html.replace(/’/g, '\'');
+
+ return this.clean.getPreCode(html);
+ }
+
+ if (this.utils.isCurrentOrParent(['BLOCKQUOTE', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6']))
+ {
+ html = this.clean.getOnlyImages(html);
+
+ if (!this.utils.browser('msie'))
+ {
+ var block = this.selection.getBlock();
+ if (block && block.tagName == 'P')
+ {
+ html = html.replace(//gi, '
');
+ }
+ }
+
+ return html;
+ }
+
+ if (this.utils.isCurrentOrParent(['TD']))
+ {
+ html = this.clean.onPasteTidy(html, 'td');
+
+ if (this.opts.linebreaks) html = this.clean.replaceParagraphsToBr(html);
+
+ html = this.clean.replaceDivsToBr(html);
+
+ return html;
+ }
+
+
+ if (this.utils.isCurrentOrParent(['LI']))
+ {
+ return this.clean.onPasteTidy(html, 'li');
+ }
+ }
+
+
+ html = this.clean.isSingleLine(html, setMode);
+
+ if (!this.clean.singleLine)
+ {
+ if (this.opts.linebreaks) html = this.clean.replaceParagraphsToBr(html);
+ if (this.opts.replaceDivs) html = this.clean.replaceDivs(html);
+
+ html = this.clean.saveFormTags(html);
+ }
+
+
+ html = this.clean.onPasteWord(html);
+ html = this.clean.onPasteExtra(html);
+
+ html = this.clean.onPasteTidy(html, 'all');
+
+
+ // paragraphize
+ if (!this.clean.singleLine && this.opts.paragraphize)
+ {
+ html = this.paragraphize.load(html);
+ }
+
+ html = this.clean.removeDirtyStyles(html);
+ html = this.clean.onPasteRemoveSpans(html);
+ html = this.clean.onPasteRemoveEmpty(html);
+
+
+ html = this.clean.convertInline(html);
+
+ return html;
+ },
+ onPasteWord: function(html)
+ {
+ // comments
+ html = html.replace(//gi, '');
+
+ // style
+ html = html.replace(/]*>[\s\S]*?<\/style>/gi, '');
+
+ // op
+ html = html.replace(/]*>[\s\S]*?<\/o\:p>/gi, '');
+
+ if (html.match(/class="?Mso|style="[^"]*\bmso-|style='[^'']*\bmso-|w:WordDocument/i))
+ {
+ // comments
+ html = html.replace(//gi, '');
+
+ // scripts
+ html = html.replace(/<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|img|meta|link|style|\w:\w+)(?=[\s\/>]))[^>]*>/gi, '');
+
+ // Convert into
+ html = html.replace(/<(\/?)s>/gi, "<$1strike>");
+
+ // Replace nbsp entites to char since it's easier to handle
+ html = html.replace(/ /gi, ' ');
+
+ // Convert ___ to string of alternating
+ // breaking/non-breaking spaces of same length
+ html = html.replace(/([\s\u00a0]*)<\/span>/gi, function(str, spaces) {
+ return (spaces.length > 0) ? spaces.replace(/./, " ").slice(Math.floor(spaces.length/2)).split("").join("\u00a0") : '';
+ });
+
+ html = this.clean.onPasteIeFixLinks(html);
+
+ // shapes
+ html = html.replace(//gi, '');
+ html = html.replace(/src="file\:\/\/(.*?)"/, 'src=""');
+
+ // lists
+ var $div = $("").html(html);
+
+ var lastList = false;
+ var lastLevel = 1;
+ var listsIds = [];
+
+ $div.find("p[style]").each(function()
+ {
+ var matches = $(this).attr('style').match(/mso\-list\:l([0-9]+)\slevel([0-9]+)/);
+
+ if (matches)
+ {
+ var currentList = parseInt(matches[1]);
+ var currentLevel = parseInt(matches[2]);
+ var listType = $(this).html().match(/^[\w]+\./) ? "ol" : "ul";
+
+ var $li = $("").html($(this).html());
+
+ $li.html($li.html().replace(/^([\w\.]+)").attr({"data-level": currentLevel,
+ "data-list": currentList})
+ .html($li);
+
+ $(this).replaceWith($list);
+
+ lastList = currentList;
+ listsIds.push(currentList);
+ }
+ else
+ {
+ if (currentLevel > lastLevel)
+ {
+ var $prevList = $div.find('[data-level="' + lastLevel + '"][data-list="' + lastList + '"]');
+
+ var $lastList = $prevList;
+
+ for(var i = lastLevel; i < currentLevel; i++)
+ {
+ $list = $("<" + listType + "/>");
+
+ $list.appendTo($lastList.find("li").last());
+
+ $lastList = $list;
+ }
+
+ $lastList.attr({"data-level": currentLevel,
+ "data-list": currentList})
+ .html($li);
+
+ }
+ else
+ {
+ var $prevList = $div.find('[data-level="' + currentLevel + '"][data-list="' + currentList + '"]').last();
+
+ $prevList.append($li);
+ }
+
+ lastLevel = currentLevel;
+ lastList = currentList;
+
+ $(this).remove();
+ }
+ }
+ });
+
+ $div.find('[data-level][data-list]').removeAttr('data-level data-list');
+ html = $div.html();
+
+ // remove ms word's bullet
+ html = html.replace(/·/g, '');
+ html = html.replace(/([\w\W]*?)<\/o:p>/gi, '$2');
+
+ // ms word break lines
+ html = html.replace(/\n/g, ' ');
+
+ // ms word lists break lines
+ html = html.replace(/
\n?
/gi, '');
+ }
+
+ return html;
+ },
+ onPasteExtra: function(html)
+ {
+ // remove google docs markers
+ html = html.replace(/([\w\W]*?)<\/b>/gi, "$2");
+ html = html.replace(/([\w\W]*?)<\/b>/gi, "$3");
+
+ // google docs styles
+ html = html.replace(/]*(font-style: italic; font-weight: bold|font-weight: bold; font-style: italic)[^>]*>/gi, '');
+ html = html.replace(/]*font-style: italic[^>]*>/gi, '');
+ html = html.replace(/]*font-weight: bold[^>]*>/gi, '');
+ html = html.replace(/]*text-decoration: underline[^>]*>/gi, '');
+
+ html = html.replace(/![]()
/gi, '');
+ html = html.replace(/\n{3,}/gi, '\n');
+ html = html.replace(/([\w\W]*?)<\/font>/gi, '$2');
+
+ // remove dirty p
+ html = html.replace(//gi, '
');
+ html = html.replace(/<\/p><\/p>/gi, '
');
+ html = html.replace(/(\s*|\t*|\n*)/gi, '
');
+ html = html.replace(/<\/p>(\s*|\t*|\n*)<\/li>/gi, '');
+
+ // remove space between paragraphs
+ html = html.replace(/<\/p>\s/gi, '');
+
+ // bullets
+ html = html.replace(/•([\w\W]*?)<\/p>/gi, '
$1');
+
+ // FF fix
+ if (this.utils.browser('mozilla'))
+ {
+ html = html.replace(/$/gi, '');
+ }
+
+ return html;
+ },
+ onPasteTidy: function(html, type)
+ {
+ // 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', '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', '*'],
+ ['object', '*'],
+ ['param', '*'],
+ ['source', '*']
+ ];
+
+ if (type == 'all')
+ {
+ tagsEmpty = ['p', 'span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+ attrAllowed = [
+ ['table', 'class'],
+ ['td', ['colspan', 'rowspan']],
+ ['a', '*'],
+ ['img', ['src', 'alt', 'data-redactor-inserted-image']],
+ ['span', ['class', 'rel', 'data-verified']],
+ ['iframe', '*'],
+ ['video', '*'],
+ ['audio', '*'],
+ ['embed', '*'],
+ ['object', '*'],
+ ['param', '*'],
+ ['source', '*']
+ ];
+ }
+ else if (type == 'td')
+ {
+ // 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', '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',
+ 'iframe', 'video', 'audio', 'embed', 'param', 'object', 'img'];
+ }
+
+ var options = {
+ deniedTags: (this.opts.deniedTags) ? this.opts.deniedTags : false,
+ allowedTags: (this.opts.allowedTags) ? this.opts.allowedTags : tags,
+ removeComments: true,
+ removePhp: true,
+ removeAttr: (this.opts.removeAttr) ? this.opts.removeAttr : false,
+ allowedAttr: (this.opts.allowedAttr) ? this.opts.allowedAttr : attrAllowed,
+ removeEmpty: tagsEmpty
+ };
+
+ return this.tidy.load(html, options);
+ },
+ onPasteRemoveEmpty: function(html)
+ {
+ html = html.replace(/<(p|h[1-6])>(|\s|\n|\t|)<\/(p|h[1-6])>/gi, '');
+
+ // remove br in the end
+ if (!this.opts.linebreaks) html = html.replace(/
$/i, '');
+
+ return html;
+ },
+ onPasteRemoveSpans: function(html)
+ {
+ html = html.replace(/(.*?)<\/span>/gi, '$1');
+ html = html.replace(/]*>\s| <\/span>/gi, ' ');
+
+ return html;
+ },
+ onPasteIeFixLinks: function(html)
+ {
+ if (!this.utils.browser('msie')) return html;
+
+ var tmp = $.trim(html);
+ if (tmp.search(/^(.*?)<\/a>$/i) === 0)
+ {
+ html = html.replace(/^(.*?)<\/a>$/i, "$2");
+ }
+
+ return html;
+ },
+ isSingleLine: function(html, setMode)
+ {
+ this.clean.singleLine = false;
+
+ if (!this.utils.isSelectAll() && typeof setMode == 'undefined')
+ {
+ var blocks = this.opts.blockLevelElements.join('|').replace('P|', '').replace('DIV|', '');
+
+ var matchBlocks = html.match(new RegExp('', 'gi'));
+ var matchContainers = html.match(/<\/(p|div)>/gi);
+
+ if (!matchBlocks && (matchContainers === null || (matchContainers && matchContainers.length <= 1)))
+ {
+ var matchBR = html.match(//gi);
+ //var matchIMG = html.match(/])>/gi);
+ if (!matchBR)
+ {
+ this.clean.singleLine = true;
+ html = html.replace(/<\/?(p|div)(.*?)>/gi, '');
+ }
+ }
+ }
+
+ return html;
+ },
+ stripTags: function(input, allowed)
+ {
+ allowed = (((allowed || '') + '').toLowerCase().match(/<[a-z][a-z0-9]*>/g) || []).join('');
+ var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi;
+
+ return input.replace(tags, function ($0, $1) {
+ return allowed.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 : '';
+ });
+ },
+ savePreCode: function(html)
+ {
+ html = this.clean.savePreFormatting(html);
+ html = this.clean.saveCodeFormatting(html);
+
+ html = this.clean.restoreSelectionMarker(html);
+
+ return html;
+ },
+ savePreFormatting: function(html)
+ {
+ var pre = html.match(/([\w\W]*?)<\/pre>/gi);
+
+ if (pre !== null)
+ {
+ $.each(pre, $.proxy(function(i,s)
+ {
+ var arr = s.match(/([\w\W]*?)<\/pre>/i);
+
+ arr[2] = arr[2].replace(//g, '\n');
+ arr[2] = arr[2].replace(/ /g, ' ');
+
+ if (this.opts.preSpaces)
+ {
+ arr[2] = arr[2].replace(/\t/g, Array(this.opts.preSpaces + 1).join(' '));
+ }
+
+ arr[2] = this.clean.encodeEntities(arr[2]);
+
+ // $ fix
+ arr[2] = arr[2].replace(/\$/g, '$');
+
+ html = html.replace(s, '' + arr[2] + '
');
+
+ }, this));
+ }
+
+ return html;
+ },
+ saveCodeFormatting: function(html)
+ {
+ var code = html.match(/([\w\W]*?)<\/code>/gi);
+
+ if (code !== null)
+ {
+ $.each(code, $.proxy(function(i,s)
+ {
+ var arr = s.match(/([\w\W]*?)<\/code>/i);
+
+ arr[2] = arr[2].replace(/ /g, ' ');
+ arr[2] = this.clean.encodeEntities(arr[2]);
+ arr[2] = arr[2].replace(/\$/g, '$');
+
+ html = html.replace(s, '' + arr[2] + '');
+ }, this));
+ }
+
+ return html;
+ },
+ restoreSelectionMarker: function(html)
+ {
+ html = html.replace(/<span id="selection-marker-([0-9])" class="redactor-selection-marker" data-verified="redactor"><\/span>/g, '');
+
+ return html;
+ },
+ getTextFromHtml: function(html)
+ {
+ html = html.replace(/|<\/H[1-6]>|<\/p>|<\/div>|<\/li>|<\/td>/gi, '\n');
+
+ var tmp = document.createElement('div');
+ tmp.innerHTML = html;
+ html = tmp.textContent || tmp.innerText;
+
+ return $.trim(html);
+ },
+ getPlainText: function(html, paragraphize)
+ {
+ html = this.clean.getTextFromHtml(html);
+ html = html.replace(/\n\s*\n/g, "\n");
+ html = html.replace(/\n\n/g, "\n");
+ html = html.replace(/\n/g, '
');
+
+ if (this.opts.paragraphize && typeof paragraphize == 'undefined' && !this.utils.browser('mozilla'))
+ {
+ html = this.paragraphize.load(html);
+ }
+
+ return html;
+ },
+ getPreCode: function(html)
+ {
+ html = html.replace(/])>/gi, '');
+ html = html.replace(//gi, '<img$1>');
+ html = this.clean.getTextFromHtml(html);
+
+ if (this.opts.preSpaces)
+ {
+ html = html.replace(/\t/g, Array(this.opts.preSpaces + 1).join(' '));
+ }
+
+ html = this.clean.encodeEntities(html);
+
+ return html;
+ },
+ getOnlyImages: function(html)
+ {
+ html = html.replace(//gi, '[img$1]');
+
+ // remove all tags
+ html = html.replace(/<([Ss]*?)>/gi, '');
+
+ html = html.replace(/\[img(.*?)\]/gi, '');
+
+ return html;
+ },
+ getOnlyLinksAndImages: function(html)
+ {
+ html = html.replace(/([\w\W]*?)<\/a>/gi, '[a href="$2"]$4[/a]');
+ html = html.replace(//gi, '[img$1]');
+
+ // remove all tags
+ html = html.replace(/<(.*?)>/gi, '');
+
+ html = html.replace(/\[a href="(.*?)"\]([\w\W]*?)\[\/a\]/gi, '$2');
+ html = html.replace(/\[img(.*?)\]/gi, '');
+
+ return html;
+ },
+ encodeEntities: function(str)
+ {
+ str = String(str).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
+ return str.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"');
+ },
+ removeDirtyStyles: function(html)
+ {
+ if (this.utils.browser('msie')) return html;
+
+ var div = document.createElement('div');
+ div.innerHTML = html;
+
+ this.clean.clearUnverifiedRemove($(div));
+
+ html = div.innerHTML;
+ $(div).remove();
+
+ return html;
+ },
+ clearUnverified: function()
+ {
+ if (this.utils.browser('msie')) return;
+
+ this.clean.clearUnverifiedRemove(this.$editor);
+
+ var headers = this.$editor.find('h1, h2, h3, h4, h5, h6');
+ headers.find('span').removeAttr('style');
+ headers.find(this.opts.verifiedTags.join(', ')).removeAttr('style');
+
+ this.code.sync();
+ },
+ clearUnverifiedRemove: function($editor)
+ {
+ $editor.find(this.opts.verifiedTags.join(', ')).removeAttr('style');
+ $editor.find('span').not('[data-verified="redactor"]').removeAttr('style');
+
+ $editor.find('span[data-verified="redactor"], img[data-verified="redactor"]').each(function(i, s)
+ {
+ var $s = $(s);
+ $s.attr('style', $s.attr('rel'));
+ });
+
+ },
+ cleanEmptyParagraph: function()
+ {
+
+ },
+ setVerified: function(html)
+ {
+ if (this.utils.browser('msie')) return html;
+
+ html = html.replace(new RegExp('])>', 'gi'), '');
+ html = html.replace(new RegExp('])>', 'gi'), '');
+
+ var matches = html.match(new RegExp('<(span|img)(.*?)style="(.*?)"(.*?[^>])>', 'gi'));
+
+ if (matches)
+ {
+ var len = matches.length;
+ for (var i = 0; i < len; i++)
+ {
+ try {
+
+ var newTag = matches[i].replace(/style="(.*?)"/i, 'style="$1" rel="$1"');
+ html = html.replace(matches[i], newTag);
+
+ }
+ catch (e) {}
+ }
+ }
+
+ return html;
+ },
+ convertInline: function(html)
+ {
+ var $div = $('').html(html);
+
+ var tags = this.opts.inlineTags;
+ tags.push('span');
+
+ $div.find(tags.join(',')).each(function()
+ {
+ var $el = $(this);
+ var tag = this.tagName.toLowerCase();
+ $el.attr('data-redactor-tag', tag);
+
+ if (tag == 'span')
+ {
+ if ($el.attr('style')) $el.attr('data-redactor-style', $el.attr('style'));
+ else if ($el.attr('class')) $el.attr('data-redactor-class', $el.attr('class'));
+ }
+
+ });
+
+ html = $div.html();
+ $div.remove();
+
+ return html;
+ },
+ normalizeLists: function()
+ {
+ this.$editor.find('li').each(function(i,s)
+ {
+ var $next = $(s).next();
+ if ($next.length !== 0 && ($next[0].tagName == 'UL' || $next[0].tagName == 'OL'))
+ {
+ $(s).append($next);
+ }
+
+ });
+ },
+ removeSpaces: function(html)
+ {
+ html = html.replace(/\n/g, '');
+ html = html.replace(/[\t]*/g, '');
+ html = html.replace(/\n\s*\n/g, "\n");
+ html = html.replace(/^[\s\n]*/g, ' ');
+ html = html.replace(/[\s\n]*$/g, ' ');
+ html = html.replace( />\s{2,} <'); // between inline tags can be only one space
+ html = html.replace(/\n\n/g, "\n");
+ html = html.replace(/\u200B/g, '');
+
+ return html;
+ },
+ replaceDivs: function(html)
+ {
+ if (this.opts.linebreaks)
+ {
+ html = html.replace(/<\/div>/gi, '
');
+ html = html.replace(/([\w\W]*?)<\/div>/gi, '$2
');
+ }
+ else
+ {
+ html = html.replace(/([\w\W]*?)<\/div>/gi, '$2');
+ }
+
+ html = html.replace(/])>/gi, '');
+ html = html.replace(/<\/div>/gi, '');
+
+ return html;
+ },
+ replaceDivsToBr: function(html)
+ {
+ html = html.replace(//gi, '');
+ html = html.replace(/
<\/div>/gi, '
');
+ html = html.replace(/([\w\W]*?)<\/div>/gi, '$1
');
+
+ return html;
+ },
+ replaceParagraphsToBr: function(html)
+ {
+ html = html.replace(/
/gi, '');
+ html = html.replace(/
<\/p>/gi, '
');
+ html = html.replace(/([\w\W]*?)<\/p>/gi, '$1
');
+ html = html.replace(/(){1,}\n?<\/blockquote>/gi, '');
+
+ return html;
+ },
+ saveFormTags: function(html)
+ {
+ return html.replace(/([\w\W]*?)<\/form>/gi, '$2');
+ },
+ restoreFormTags: function(html)
+ {
+ return html.replace(/([\w\W]*?)<\/section>/gi, '$3');
+ }
+ };
+ },
+ code: function()
+ {
+ return {
+ set: function(html)
+ {
+ html = $.trim(html.toString());
+
+ // clean
+ html = this.clean.onSet(html);
+
+
+ if (this.utils.browser('msie'))
+ {
+ html = html.replace(/<\/span>/gi, '');
+ }
+
+ this.$editor.html(html);
+ this.code.sync();
+
+ if (html !== '') this.placeholder.remove();
+
+ setTimeout($.proxy(this.buffer.add, this), 15);
+ if (this.start === false) this.observe.load();
+
+ },
+ get: function()
+ {
+ var code = this.$textarea.val();
+
+ if (this.opts.replaceDivs) code = this.clean.replaceDivs(code);
+ if (this.opts.linebreaks) code = this.clean.replaceParagraphsToBr(code);
+
+ // 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 || (this.start && html == '' ))
+ {
+ // 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;
+
+ if (this.autosave.html == false)
+ {
+ this.autosave.html = this.code.get();
+ }
+
+ if (this.opts.codemirror)
+ {
+ this.$textarea.next('.CodeMirror').each(function(i, el)
+ {
+ el.CodeMirror.setValue(html);
+ });
+ }
+
+ //autosave
+ this.autosave.onChange();
+ this.autosave.enable();
+ },
+ toggle: function()
+ {
+ if (this.opts.visual)
+ {
+ this.code.showCode();
+ }
+ else
+ {
+ this.code.showVisual();
+ }
+ },
+ showCode: function()
+ {
+ this.selection.save();
+
+ this.code.offset = this.caret.getOffset();
+ var scroll = $(window).scrollTop();
+
+ var width = this.$editor.innerWidth(),
+ height = this.$editor.innerHeight();
+
+ this.$editor.hide();
+
+ var html = this.$textarea.val();
+
+ this.modified = this.clean.removeSpaces(html);
+
+ // indent code
+ html = this.tabifier.get(html);
+
+ // caret position sync
+ var start = 0, end = 0;
+ var $editorDiv = $("").append($.parseHTML(this.clean.onSync(this.$editor.html()), document, true));
+ var $selectionMarkers = $editorDiv.find("span.redactor-selection-marker");
+
+ if ($selectionMarkers.length > 0)
+ {
+ var editorHtml = this.tabifier.get($editorDiv.html()).replace(/&/g, '&');
+
+ if ($selectionMarkers.length == 1)
+ {
+ start = this.utils.strpos(editorHtml, $editorDiv.find("#selection-marker-1").prop("outerHTML"));
+ end = start;
+ }
+ else if ($selectionMarkers.length == 2)
+ {
+ start = this.utils.strpos(editorHtml, $editorDiv.find("#selection-marker-1").prop("outerHTML"));
+ end = this.utils.strpos(editorHtml, $editorDiv.find("#selection-marker-2").prop("outerHTML")) - $editorDiv.find("#selection-marker-1").prop("outerHTML").toString().length;
+ }
+ }
+
+ this.selection.removeMarkers();
+ this.$textarea.val(html);
+
+ if (this.opts.codemirror)
+ {
+ this.$textarea.next('.CodeMirror').each(function(i, el)
+ {
+ $(el).show();
+ el.CodeMirror.setValue(html);
+ el.CodeMirror.setSize('100%', height);
+ el.CodeMirror.refresh();
+
+ if (start == end)
+ {
+ el.CodeMirror.setCursor(el.CodeMirror.posFromIndex(start).line, el.CodeMirror.posFromIndex(end).ch);
+ }
+ else
+ {
+ el.CodeMirror.setSelection({line: el.CodeMirror.posFromIndex(start).line,
+ ch: el.CodeMirror.posFromIndex(start).ch},
+ {line: el.CodeMirror.posFromIndex(end).line,
+ ch: el.CodeMirror.posFromIndex(end).ch});
+ }
+
+ el.CodeMirror.focus();
+ });
+ }
+ else
+ {
+ this.$textarea.height(height).show().focus();
+ this.$textarea.on('keydown.redactor-textarea-indenting', this.code.textareaIndenting);
+
+ $(window).scrollTop(scroll);
+
+ if (this.$textarea[0].setSelectionRange)
+ {
+ this.$textarea[0].setSelectionRange(start, end);
+ }
+
+ this.$textarea[0].scrollTop = 0;
+ }
+
+ this.opts.visual = false;
+
+ this.button.setInactiveInCode();
+ this.button.setActive('html');
+ this.core.setCallback('source', html);
+ },
+ showVisual: function()
+ {
+ var html;
+
+ if (this.opts.visual) return;
+
+ var start = 0, end = 0;
+
+ if (this.opts.codemirror)
+ {
+ var selection;
+
+ this.$textarea.next('.CodeMirror').each(function(i, el)
+ {
+ selection = el.CodeMirror.listSelections();
+
+ start = el.CodeMirror.indexFromPos(selection[0].anchor);
+ end = el.CodeMirror.indexFromPos(selection[0].head);
+
+ html = el.CodeMirror.getValue();
+ });
+ }
+ else
+ {
+ start = this.$textarea.get(0).selectionStart;
+ end = this.$textarea.get(0).selectionEnd;
+
+ html = this.$textarea.hide().val();
+ }
+
+ // if selection starts from end
+ if (start > end && end > 0)
+ {
+ var tempStart = end;
+ var tempEnd = start;
+
+ start = tempStart;
+ end = tempEnd;
+ }
+
+ start = this.code.enlargeOffset(html, start);
+ end = this.code.enlargeOffset(html, end);
+
+ html = html.substr(0, start) + this.selection.getMarkerAsHtml(1) + html.substr(start);
+
+ if (end > start)
+ {
+ var markerLength = this.selection.getMarkerAsHtml(1).toString().length;
+
+ html = html.substr(0, end + markerLength) + this.selection.getMarkerAsHtml(2) + html.substr(end + markerLength);
+ }
+
+
+
+ if (this.modified !== this.clean.removeSpaces(html))
+ {
+ this.code.set(html);
+
+ }
+
+ if (this.opts.codemirror)
+ {
+ this.$textarea.next('.CodeMirror').hide();
+ }
+
+ this.$editor.show();
+
+ if (!this.utils.isEmpty(html))
+ {
+ this.placeholder.remove();
+ }
+
+ this.selection.restore();
+
+ this.$textarea.off('keydown.redactor-textarea-indenting');
+
+ this.button.setActiveInVisual();
+ this.button.setInactive('html');
+ this.observe.load();
+ this.opts.visual = true;
+ this.core.setCallback('visual', html);
+ },
+ textareaIndenting: function(e)
+ {
+ if (e.keyCode !== 9) return true;
+
+ 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;
+
+ return false;
+ },
+ enlargeOffset: function(html, offset)
+ {
+ var htmlLength = html.length;
+ var c = 0;
+
+ if (html[offset] == '>')
+ {
+ c++;
+ }
+ else
+ {
+ for(var i = offset; i <= htmlLength; i++)
+ {
+ c++;
+
+ if (html[i] == '>')
+ {
+ break;
+ }
+ else if (html[i] == '<' || i == htmlLength)
+ {
+ c = 0;
+ break;
+ }
+ }
+ }
+
+ return offset + c;
+ }
+ };
+ },
+ core: function()
+ {
+ return {
+ getObject: function()
+ {
+ return $.extend({}, this);
+ },
+ getEditor: function()
+ {
+ return this.$editor;
+ },
+ getBox: function()
+ {
+ return this.$box;
+ },
+ getElement: function()
+ {
+ return this.$element;
+ },
+ getTextarea: function()
+ {
+ return this.$textarea;
+ },
+ getToolbar: function()
+ {
+ return (this.$toolbar) ? this.$toolbar : false;
+ },
+ addEvent: function(name)
+ {
+ this.core.event = name;
+ },
+ getEvent: function()
+ {
+ return this.core.event;
+ },
+ setCallback: function(type, e, data)
+ {
+ var eventName = type + 'Callback';
+ var eventNamespace = 'redactor';
+ var callback = this.opts[eventName];
+
+ if (this.$textarea)
+ {
+ var returnValue = false;
+ var events = $._data(this.$textarea[0], 'events');
+
+ if (typeof events != 'undefined' && typeof events[eventName] != 'undefined')
+ {
+ $.each(events[eventName], $.proxy(function(key, value)
+ {
+ if (value['namespace'] == eventNamespace)
+ {
+ var data = (typeof data == 'undefined') ? [e] : [e, data];
+
+ returnValue = (typeof data == 'undefined') ? value.handler.call(this, e) : value.handler.call(this, e, data);
+ }
+ }, this));
+ }
+
+ if (returnValue) return returnValue;
+ }
+
+ if ($.isFunction(callback))
+ {
+ return (typeof data == 'undefined') ? callback.call(this, e) : callback.call(this, e, data);
+ }
+ else
+ {
+ return (typeof data == 'undefined') ? e : data;
+ }
+ },
+ destroy: function()
+ {
+ this.opts.destroyed = true;
+
+ this.core.setCallback('destroy');
+
+ // off events and remove data
+ this.$element.off('.redactor').removeData('redactor');
+ this.$editor.off('.redactor');
+
+ $(document).off('mousedown.redactor-blur.' + this.uuid);
+ $(document).off('mousedown.redactor.' + this.uuid);
+ $(document).off('click.redactor-image-delete.' + this.uuid);
+ $(document).off('click.redactor-image-resize-hide.' + this.uuid);
+ $(document).off('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid);
+ $("body").off('scroll.redactor.' + this.uuid);
+ $(this.opts.toolbarFixedTarget).off('scroll.redactor.' + this.uuid);
+
+ // common
+ this.$editor.removeClass('redactor-editor redactor-linebreaks redactor-placeholder');
+ this.$editor.removeAttr('contenteditable');
+
+ var html = this.code.get();
+
+ if (this.opts.toolbar)
+ {
+ // dropdowns off
+ this.$toolbar.find('a').each(function()
+ {
+ var $el = $(this);
+ if ($el.data('dropdown'))
+ {
+ $el.data('dropdown').remove();
+ $el.data('dropdown', {});
+ }
+ });
+ }
+
+ if (this.build.isTextarea())
+ {
+ this.$box.after(this.$element);
+ this.$box.remove();
+ this.$element.val(html).show();
+ }
+ else
+ {
+ this.$box.after(this.$editor);
+ this.$box.remove();
+ this.$element.html(html).show();
+ }
+
+ // paste box
+ if (this.$pasteBox) this.$pasteBox.remove();
+
+ // modal
+ if (this.$modalBox) this.$modalBox.remove();
+ if (this.$modalOverlay) this.$modalOverlay.remove();
+
+ // buttons tooltip
+ $('.redactor-toolbar-tooltip-' + this.uuid).remove();
+
+ // autosave
+ clearInterval(this.autosaveInterval);
+ }
+ };
+ },
+ dropdown: function()
+ {
+ return {
+ build: function(name, $dropdown, dropdownObject)
+ {
+ if (name == 'formatting' && this.opts.formattingAdd)
+ {
+ $.each(this.opts.formattingAdd, $.proxy(function(i,s)
+ {
+ var name = s.tag,
+ func;
+
+ if (typeof s['class'] != 'undefined')
+ {
+ name = name + '-' + s['class'];
+ }
+
+ s.type = (this.utils.isBlockTag(s.tag)) ? 'block' : 'inline';
+
+ if (typeof s.func !== "undefined")
+ {
+ func = s.func;
+ }
+ else
+ {
+ 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,
+ clear: s.clear
+ };
+
+ 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)
+ {
+ e.preventDefault();
+
+ var type = 'func';
+ var callback = btnObject.func;
+ if (btnObject.command)
+ {
+ type = 'command';
+ callback = btnObject.command;
+ }
+ else if (btnObject.dropdown)
+ {
+ type = 'dropdown';
+ callback = btnObject.dropdown;
+ }
+
+ if ($(e.target).hasClass('redactor-dropdown-link-inactive')) return;
+
+ this.button.onClick(e, btnName, type, callback);
+ this.dropdown.hideAll();
+
+ }, this));
+
+ this.observe.addDropdown($item, btnName, btnObject);
+
+ $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 (this.opts.highContrast)
+ {
+ $dropdown.addClass("redactor-dropdown-contrast");
+ }
+
+ if ($button.hasClass('dropact'))
+ {
+ this.dropdown.hideAll();
+ }
+ else
+ {
+ this.dropdown.hideAll();
+ this.observe.dropdowns();
+
+ this.core.setCallback('dropdownShow', { dropdown: $dropdown, key: key, button: $button });
+
+ this.button.setActive(key);
+
+ $button.addClass('dropact');
+
+ var keyPosition = $button.offset();
+
+ // fix right placement
+ var dropdownWidth = $dropdown.width();
+ if ((keyPosition.left + dropdownWidth) > $(document).width())
+ {
+ keyPosition.left = Math.max(0, keyPosition.left - dropdownWidth);
+ }
+
+ var left = keyPosition.left + 'px';
+ if (this.$toolbar.hasClass('toolbar-fixed-box'))
+ {
+ var top = this.$toolbar.innerHeight() + this.opts.toolbarFixedTopOffset;
+ var position = 'fixed';
+ if (this.opts.toolbarFixedTarget !== document)
+ {
+ top = (this.$toolbar.innerHeight() + this.$toolbar.offset().top) + this.opts.toolbarFixedTopOffset;
+ position = 'absolute';
+ }
+
+ $dropdown.css({ position: position, left: left, top: top + 'px' }).show();
+ }
+ else
+ {
+ var top = ($button.innerHeight() + keyPosition.top) + 'px';
+
+ $dropdown.css({ position: 'absolute', left: left, top: top }).show();
+ }
+
+ this.core.setCallback('dropdownShown', { dropdown: $dropdown, key: key, button: $button });
+
+ this.$dropdown = $dropdown;
+ }
+
+
+ $(document).one('click.redactor-dropdown', $.proxy(this.dropdown.hide, this));
+ this.$editor.one('click.redactor-dropdown', $.proxy(this.dropdown.hide, this));
+ $(document).one('keyup.redactor-dropdown', $.proxy(this.dropdown.closeHandler, this));
+
+ // disable scroll whan dropdown scroll
+ $dropdown.on('mouseover.redactor-dropdown', $.proxy(this.utils.disableBodyScroll, this)).on('mouseout.redactor-dropdown', $.proxy(this.utils.enableBodyScroll, this));
+
+ e.stopPropagation();
+ },
+ closeHandler: function(e)
+ {
+ if (e.which != this.keyCode.ESC) return;
+
+ this.dropdown.hideAll();
+ this.$editor.focus();
+ },
+ hideAll: function()
+ {
+ this.$toolbar.find('a.dropact').removeClass('redactor-act').removeClass('dropact');
+
+ this.utils.enableBodyScroll();
+
+ $('.redactor-dropdown-' + this.uuid).hide();
+ $('.redactor-dropdown-link-selected').removeClass('redactor-dropdown-link-selected');
+
+
+ if (this.$dropdown)
+ {
+ this.$dropdown.off('.redactor-dropdown');
+ this.core.setCallback('dropdownHide', this.$dropdown);
+
+ this.$dropdown = false;
+ }
+ },
+ hide: function (e)
+ {
+ var $dropdown = $(e.target);
+
+ if (!$dropdown.hasClass('dropact') && !$dropdown.hasClass('redactor-dropdown-link-inactive'))
+ {
+ if ($dropdown.hasClass('redactor-dropdown'))
+ {
+ $dropdown.removeClass('dropact');
+ $dropdown.off('mouseover mouseout');
+ }
+
+ this.dropdown.hideAll();
+ }
+ }
+ };
+ },
+ file: function()
+ {
+ return {
+ show: function()
+ {
+ this.modal.load('file', this.lang.get('file'), 700);
+ this.upload.init('#redactor-modal-file-upload', this.opts.fileUpload, this.file.insert);
+
+ this.selection.save();
+
+ this.selection.get();
+ var text = this.sel.toString();
+
+ $('#redactor-filename').val(text);
+
+ this.modal.show();
+ },
+ insert: function(json, direct, e)
+ {
+ // error callback
+ if (typeof json.error != 'undefined')
+ {
+ this.modal.close();
+ this.selection.restore();
+ this.core.setCallback('fileUploadError', json);
+ return;
+ }
+
+ var link;
+ if (typeof json == 'string')
+ {
+ link = json;
+ }
+ else
+ {
+ var text = $('#redactor-filename').val();
+ if (typeof text == 'undefined' || text === '') text = json.filename;
+
+ link = '' + text + '';
+ }
+
+ 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();
+
+ this.insert.htmlWithoutClean(link);
+
+ if (typeof json == 'string') return;
+
+ var linkmarker = $(this.$editor.find('a#filelink-marker'));
+ if (linkmarker.length !== 0)
+ {
+ linkmarker.removeAttr('id').removeAttr('style');
+ }
+ else linkmarker = false;
+
+ this.core.setCallback('fileUpload', linkmarker, json);
+
+ }
+ };
+ },
+ focus: function()
+ {
+ return {
+ setStart: function()
+ {
+ this.$editor.focus();
+
+ var first = this.$editor.children().first();
+
+ if (first.length === 0) return;
+ if (first[0].length === 0 || first[0].tagName == 'BR' || first[0].nodeType == 3)
+ {
+ return;
+ }
+
+ if (first[0].tagName == 'UL' || first[0].tagName == 'OL')
+ {
+ var child = first.find('li').first();
+ if (!this.utils.isBlock(child) && child.text() === '')
+ {
+ // empty inline tag in li
+ this.caret.setStart(child);
+ return;
+ }
+ }
+
+ if (this.opts.linebreaks && !this.utils.isBlockTag(first[0].tagName))
+ {
+ this.selection.get();
+ this.range.setStart(this.$editor[0], 0);
+ this.range.setEnd(this.$editor[0], 0);
+ this.selection.addRange();
+
+ return;
+ }
+
+ // if node is tag
+ this.caret.setStart(first);
+ },
+ setEnd: function()
+ {
+ var last = this.$editor.children().last();
+ this.$editor.focus();
+
+ if (last.size() === 0) return;
+ if (this.utils.isEmpty(this.$editor.html()))
+ {
+
+ this.selection.get();
+ this.range.collapse(true);
+ this.range.setStartAfter(last[0]);
+ this.range.setEnd(last[0], 0);
+ this.selection.addRange();
+ }
+ else
+ {
+ this.selection.get();
+ this.range.selectNodeContents(last[0]);
+ this.range.collapse(false);
+ this.selection.addRange();
+
+ }
+ },
+ isFocused: function()
+ {
+ return this.$editor[0] === document.activeElement;
+ }
+ };
+ },
+ image: function()
+ {
+ return {
+ show: function()
+ {
+ this.modal.load('image', this.lang.get('image'), 700);
+ this.upload.init('#redactor-modal-image-droparea', this.opts.imageUpload, this.image.insert);
+
+ this.selection.save();
+ this.modal.show();
+
+ },
+ showEdit: function($image)
+ {
+ var $link = $image.closest('a', this.$editor[0]);
+
+ this.modal.load('imageEdit', this.lang.get('edit'), 705);
+
+ this.modal.createCancelButton();
+ this.image.buttonDelete = this.modal.createDeleteButton(this.lang.get('_delete'));
+ this.image.buttonSave = this.modal.createActionButton(this.lang.get('save'));
+
+ this.image.buttonDelete.on('click', $.proxy(function()
+ {
+ this.image.remove($image);
+
+ }, this));
+
+ this.image.buttonSave.on('click', $.proxy(function()
+ {
+ this.image.update($image);
+
+ }, this));
+
+ // hide link's tooltip
+ $('.redactor-link-tooltip').remove();
+
+ $('#redactor-image-title').val($image.attr('alt'));
+
+ if (!this.opts.imageLink) $('.redactor-image-link-option').hide();
+ else
+ {
+ var $redactorImageLink = $('#redactor-image-link');
+
+ $redactorImageLink.attr('href', $image.attr('src'));
+ if ($link.length !== 0)
+ {
+ $redactorImageLink.val($link.attr('href'));
+ if ($link.attr('target') == '_blank') $('#redactor-image-link-blank').prop('checked', true);
+ }
+ }
+
+ if (!this.opts.imagePosition) $('.redactor-image-position-option').hide();
+ else
+ {
+ var floatValue = ($image.css('display') == 'block' && $image.css('float') == 'none') ? 'center' : $image.css('float');
+ $('#redactor-image-align').val(floatValue);
+ }
+
+ this.modal.show();
+ $('#redactor-image-title').focus();
+
+ },
+ setFloating: function($image)
+ {
+ var floating = $('#redactor-image-align').val();
+
+ var imageFloat = '';
+ var imageDisplay = '';
+ var imageMargin = '';
+
+ switch (floating)
+ {
+ case 'left':
+ imageFloat = 'left';
+ imageMargin = '0 ' + this.opts.imageFloatMargin + ' ' + this.opts.imageFloatMargin + ' 0';
+ break;
+ case 'right':
+ imageFloat = 'right';
+ imageMargin = '0 0 ' + this.opts.imageFloatMargin + ' ' + this.opts.imageFloatMargin;
+ break;
+ case 'center':
+ imageDisplay = 'block';
+ imageMargin = 'auto';
+ break;
+ }
+
+ $image.css({ 'float': imageFloat, display: imageDisplay, margin: imageMargin });
+ $image.attr('rel', $image.attr('style'));
+ },
+ update: function($image)
+ {
+ this.image.hideResize();
+ this.buffer.set();
+
+ var $link = $image.closest('a', this.$editor[0]);
+
+ var title = $('#redactor-image-title').val().replace(/(<([^>]+)>)/ig,"");
+ $image.attr('alt', title);
+
+ this.image.setFloating($image);
+
+ // as link
+ var link = $.trim($('#redactor-image-link').val());
+ var link = link.replace(/(<([^>]+)>)/ig,"");
+ if (link !== '')
+ {
+ // 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');
+
+ if (link.search(re) == -1 && link.search(re2) === 0 && this.opts.linkProtocol)
+ {
+ link = this.opts.linkProtocol + '://' + link;
+ }
+
+ var target = ($('#redactor-image-link-blank').prop('checked')) ? true : false;
+
+ if ($link.length === 0)
+ {
+ var a = $('' + this.utils.getOuterHtml($image) + '');
+ if (target) a.attr('target', '_blank');
+
+ $image.replaceWith(a);
+ }
+ else
+ {
+ $link.attr('href', link);
+ if (target)
+ {
+ $link.attr('target', '_blank');
+ }
+ else
+ {
+ $link.removeAttr('target');
+ }
+ }
+ }
+ else if ($link.length !== 0)
+ {
+ $link.replaceWith(this.utils.getOuterHtml($image));
+
+ }
+
+ this.modal.close();
+ this.observe.images();
+ this.code.sync();
+
+
+ },
+ setEditable: function($image)
+ {
+ if (this.opts.imageEditable)
+ {
+ $image.on('dragstart', $.proxy(this.image.onDrag, this));
+ }
+
+ var handler = $.proxy(function(e)
+ {
+
+ this.observe.image = $image;
+
+ this.image.resizer = this.image.loadEditableControls($image);
+
+ $(document).on('mousedown.redactor-image-resize-hide.' + this.uuid, $.proxy(this.image.hideResize, this));
+
+ // resize
+ if (!this.opts.imageResizable) return;
+
+ this.image.resizer.on('mousedown.redactor touchstart.redactor', $.proxy(function(e)
+ {
+ this.image.setResizable(e, $image);
+ }, this));
+
+ }, this);
+
+
+ $image.off('mousedown.redactor').on('mousedown.redactor', $.proxy(this.image.hideResize, this));
+ $image.off('click.redactor touchstart.redactor').on('click.redactor touchstart.redactor', handler);
+ },
+ setResizable: function(e, $image)
+ {
+ e.preventDefault();
+
+ this.image.resizeHandle = {
+ x : e.pageX,
+ y : e.pageY,
+ el : $image,
+ ratio: $image.width() / $image.height(),
+ h: $image.height()
+ };
+
+ e = e.originalEvent || e;
+
+ if (e.targetTouches)
+ {
+ this.image.resizeHandle.x = e.targetTouches[0].pageX;
+ this.image.resizeHandle.y = e.targetTouches[0].pageY;
+ }
+
+ this.image.startResize();
+
+
+ },
+ startResize: function()
+ {
+ $(document).on('mousemove.redactor-image-resize touchmove.redactor-image-resize', $.proxy(this.image.moveResize, this));
+ $(document).on('mouseup.redactor-image-resize touchend.redactor-image-resize', $.proxy(this.image.stopResize, this));
+ },
+ moveResize: function(e)
+ {
+ e.preventDefault();
+
+ e = e.originalEvent || e;
+
+ var height = this.image.resizeHandle.h;
+
+ if (e.targetTouches) height += (e.targetTouches[0].pageY - this.image.resizeHandle.y);
+ else height += (e.pageY - this.image.resizeHandle.y);
+
+ var width = Math.round(height * this.image.resizeHandle.ratio);
+
+ if (height < 50 || width < 100) return;
+
+ var height = Math.round(this.image.resizeHandle.el.width() / this.image.resizeHandle.ratio);
+
+ this.image.resizeHandle.el.attr({width: width, height: height});
+ this.image.resizeHandle.el.width(width);
+ this.image.resizeHandle.el.height(height);
+
+ this.code.sync();
+ },
+ stopResize: function()
+ {
+ this.handle = false;
+ $(document).off('.redactor-image-resize');
+
+ this.image.hideResize();
+ },
+ onDrag: function(e)
+ {
+ if (this.$editor.find('#redactor-image-box').length !== 0)
+ {
+ e.preventDefault();
+ return false;
+ }
+
+ this.$editor.on('drop.redactor-image-inside-drop', $.proxy(function()
+ {
+ setTimeout($.proxy(this.image.onDrop, this), 1);
+
+ }, this));
+ },
+ onDrop: function()
+ {
+ this.image.fixImageSourceAfterDrop();
+ this.observe.images();
+ this.$editor.off('drop.redactor-image-inside-drop');
+ this.clean.clearUnverified();
+ this.code.sync();
+ },
+ fixImageSourceAfterDrop: function()
+ {
+ this.$editor.find('img[data-save-url]').each(function()
+ {
+ var $el = $(this);
+ $el.attr('src', $el.attr('data-save-url'));
+ $el.removeAttr('data-save-url');
+ });
+ },
+ hideResize: function(e)
+ {
+ if (e && $(e.target).closest('#redactor-image-box', this.$editor[0]).length !== 0) return;
+ if (e && e.target.tagName == 'IMG')
+ {
+ var $image = $(e.target);
+ $image.attr('data-save-url', $image.attr('src'));
+ }
+
+ var imageBox = this.$editor.find('#redactor-image-box');
+ if (imageBox.length === 0) return;
+
+ $('#redactor-image-editter').remove();
+ $('#redactor-image-resizer').remove();
+
+ imageBox.find('img').css({
+ marginTop: imageBox[0].style.marginTop,
+ marginBottom: imageBox[0].style.marginBottom,
+ marginLeft: imageBox[0].style.marginLeft,
+ marginRight: imageBox[0].style.marginRight
+ });
+
+ imageBox.css('margin', '');
+ imageBox.find('img').css('opacity', '');
+ imageBox.replaceWith(function()
+ {
+ return $(this).contents();
+ });
+
+ $(document).off('mousedown.redactor-image-resize-hide.' + this.uuid);
+
+
+ if (typeof this.image.resizeHandle !== 'undefined')
+ {
+ this.image.resizeHandle.el.attr('rel', this.image.resizeHandle.el.attr('style'));
+ }
+
+ this.code.sync();
+
+ },
+ loadResizableControls: function($image, imageBox)
+ {
+ if (this.opts.imageResizable && !this.utils.isMobile())
+ {
+ var imageResizer = $('');
+
+ if (!this.utils.isDesktop())
+ {
+ imageResizer.css({ width: '15px', height: '15px' });
+ }
+
+ imageResizer.attr('contenteditable', false);
+ imageBox.append(imageResizer);
+ imageBox.append($image);
+
+ return imageResizer;
+ }
+ else
+ {
+ imageBox.append($image);
+ return false;
+ }
+ },
+ loadEditableControls: function($image)
+ {
+ var imageBox = $('');
+ imageBox.css('float', $image.css('float')).attr('contenteditable', false);
+
+ if ($image[0].style.margin != 'auto')
+ {
+ imageBox.css({
+ marginTop: $image[0].style.marginTop,
+ marginBottom: $image[0].style.marginBottom,
+ marginLeft: $image[0].style.marginLeft,
+ marginRight: $image[0].style.marginRight
+ });
+
+ $image.css('margin', '');
+ }
+ else
+ {
+ imageBox.css({ 'display': 'block', 'margin': 'auto' });
+ }
+
+ $image.css('opacity', '.5').after(imageBox);
+
+
+ if (this.opts.imageEditable)
+ {
+ // editter
+ this.image.editter = $('' + this.lang.get('edit') + '');
+ this.image.editter.attr('contenteditable', false);
+ this.image.editter.on('click', $.proxy(function()
+ {
+ this.image.showEdit($image);
+ }, this));
+
+ imageBox.append(this.image.editter);
+
+ // position correction
+ var editerWidth = this.image.editter.innerWidth();
+ this.image.editter.css('margin-left', '-' + editerWidth/2 + 'px');
+ }
+
+ return this.image.loadResizableControls($image, imageBox);
+
+ },
+ remove: function(image)
+ {
+ var $image = $(image);
+ var $link = $image.closest('a', this.$editor[0]);
+ var $figure = $image.closest('figure', this.$editor[0]);
+ var $parent = $image.parent();
+ if ($('#redactor-image-box').length !== 0)
+ {
+ $parent = $('#redactor-image-box').parent();
+ }
+
+ var $next;
+ if ($figure.length !== 0)
+ {
+ $next = $figure.next();
+ $figure.remove();
+ }
+ else if ($link.length !== 0)
+ {
+ $parent = $link.parent();
+ $link.remove();
+ }
+ else
+ {
+ $image.remove();
+ }
+
+ $('#redactor-image-box').remove();
+
+ if ($figure.length !== 0)
+ {
+ this.caret.setStart($next);
+ }
+ else
+ {
+ this.caret.setStart($parent);
+ }
+
+ // delete callback
+ this.core.setCallback('imageDelete', $image[0].src, $image);
+
+ this.modal.close();
+ this.code.sync();
+ },
+ insert: function(json, direct, e)
+ {
+ // error callback
+ if (typeof json.error != 'undefined')
+ {
+ this.modal.close();
+ this.selection.restore();
+ this.core.setCallback('imageUploadError', json);
+ return;
+ }
+
+ var $img;
+ if (typeof json == 'string')
+ {
+ $img = $(json).attr('data-redactor-inserted-image', 'true');
+ }
+ else
+ {
+ $img = $('![]()
');
+ $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();
+
+ this.insert.html(this.utils.getOuterHtml(node), false);
+
+ var $image = this.$editor.find('img[data-redactor-inserted-image=true]').removeAttr('data-redactor-inserted-image');
+
+ if (isP)
+ {
+ $image.parent().contents().unwrap().wrap('');
+ }
+ else if (this.opts.linebreaks)
+ {
+ if (!this.utils.isEmpty(this.code.get()))
+ {
+ $image.before('
');
+ }
+
+ $image.after('
');
+ }
+
+ if (typeof json == 'string') return;
+
+ this.core.setCallback('imageUpload', $image, json);
+
+ }
+ };
+ },
+ indent: function()
+ {
+ return {
+ increase: function()
+ {
+ // focus
+ if (!this.utils.browser('msie')) this.$editor.focus();
+
+ this.buffer.set();
+ this.selection.save();
+
+ var block = this.selection.getBlock();
+
+ if (block && block.tagName == 'LI')
+ {
+ this.indent.increaseLists();
+ }
+ else if (block === false && this.opts.linebreaks)
+ {
+ this.indent.increaseText();
+ }
+ else
+ {
+ this.indent.increaseBlocks();
+ }
+
+ this.selection.restore();
+ this.code.sync();
+ },
+ increaseLists: function()
+ {
+ document.execCommand('indent');
+
+ this.indent.fixEmptyIndent();
+ this.clean.normalizeLists();
+ this.clean.clearUnverified();
+ },
+ increaseBlocks: function()
+ {
+ $.each(this.selection.getBlocks(), $.proxy(function(i, elem)
+ {
+ if (elem.tagName === 'TD' || elem.tagName === 'TH') return;
+
+ var $el = this.utils.getAlignmentElement(elem);
+
+ var left = this.utils.normalize($el.css('margin-left')) + this.opts.indentValue;
+ $el.css('margin-left', left + 'px');
+
+ }, this));
+ },
+ increaseText: function()
+ {
+ var wrapper = this.selection.wrap('div');
+ $(wrapper).attr('data-tagblock', 'redactor');
+ $(wrapper).css('margin-left', this.opts.indentValue + 'px');
+ },
+ decrease: function()
+ {
+ this.buffer.set();
+ this.selection.save();
+
+ var block = this.selection.getBlock();
+ if (block && block.tagName == 'LI')
+ {
+ this.indent.decreaseLists();
+ }
+ else
+ {
+ this.indent.decreaseBlocks();
+ }
+
+ this.selection.restore();
+ this.code.sync();
+ },
+ decreaseLists: function()
+ {
+ document.execCommand('outdent');
+
+ var current = this.selection.getCurrent();
+ var $item = $(current).closest('li', this.$editor[0]);
+
+ this.indent.fixEmptyIndent();
+
+ 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));
+ }
+
+ this.clean.clearUnverified();
+ },
+ decreaseBlocks: function()
+ {
+ $.each(this.selection.getBlocks(), $.proxy(function(i, elem)
+ {
+ var $el = this.utils.getAlignmentElement(elem);
+ var left = this.utils.normalize($el.css('margin-left')) - this.opts.indentValue;
+
+ if (left <= 0)
+ {
+ if (this.opts.linebreaks && typeof($el.data('tagblock')) !== 'undefined')
+ {
+ $el.replaceWith($el.html() + '
');
+ }
+ else
+ {
+ $el.css('margin-left', '');
+ this.utils.removeEmptyAttr($el, 'style');
+ }
+ }
+ else
+ {
+ $el.css('margin-left', left + 'px');
+ }
+
+ }, this));
+ },
+ fixEmptyIndent: function()
+ {
+ var block = this.selection.getBlock();
+
+ if (this.range.collapsed && block && block.tagName == 'LI' && this.utils.isEmpty($(block).text()))
+ {
+ var $block = $(block);
+ $block.find('span').not('.redactor-selection-marker').contents().unwrap();
+ $block.append('
');
+ }
+ }
+ };
+ },
inline: function()
{
return {
@@ -4850,7 +4276,7 @@
var type, value;
if (typeof this.formatting[name].style != 'undefined') type = 'style';
- else if (typeof this.formatting[name].class != 'undefined') type = 'class';
+ else if (typeof this.formatting[name]['class'] != 'undefined') type = 'class';
if (type) value = this.formatting[name][type];
@@ -4859,8 +4285,11 @@
},
format: function(tag, type, value)
{
- // Stop formatting pre
- if (this.utils.isCurrentOrParent('PRE')) return;
+ var current = this.selection.getCurrent();
+ if (current && current.tagName === 'TR') 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'];
@@ -4870,11 +4299,25 @@
if (tag == tags[i]) tag = replaced[i];
}
+
+ if (this.opts.allowedTags)
+ {
+ if ($.inArray(tag, this.opts.allowedTags) == -1) return;
+ }
+ else
+ {
+ if ($.inArray(tag, this.opts.deniedTags) !== -1) return;
+ }
+
this.inline.type = type || false;
this.inline.value = value || false;
this.buffer.set();
- this.$editor.focus();
+
+ if (!this.utils.browser('msie') && !this.opts.linebreaks)
+ {
+ this.$editor.focus();
+ }
this.selection.get();
@@ -4890,17 +4333,23 @@
formatCollapsed: function(tag)
{
var current = this.selection.getCurrent();
- var $parent = $(current).closest(tag + '[data-redactor-tag=' + tag + ']');
+ var $parent = $(current).closest(tag + '[data-redactor-tag=' + tag + ']', this.$editor[0]);
// 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();
+ if (this.utils.isEmpty($parent.text()))
+ {
+ this.caret.setAfter($parent[0]);
- this.code.sync();
+ $parent.remove();
+ this.code.sync();
+ }
+ else if (this.utils.isEndOfElement($parent))
+ {
+ this.caret.setAfter($parent[0]);
+ }
return;
}
@@ -4911,12 +4360,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)
{
@@ -4943,11 +4390,17 @@
}
$el.replaceWith($span.html($el.contents()));
+ var $parent = $span.parent();
+
+ // remove U tag if selected link + node
+ if ($span[0].tagName === 'A' && $parent && $parent[0].tagName === 'U')
+ {
+ $span.parent().replaceWith($span);
+ }
if (tag == 'span')
{
- var $parent = $span.parent();
- if ($parent && $parent[0].tagName == 'SPAN' && this.inline.type == 'style')
+ if ($parent && $parent[0].tagName === 'SPAN' && this.inline.type === 'style')
{
var arr = this.inline.value.split(';');
@@ -4969,12 +4422,44 @@
}, this));
+ // clear text decoration
+ if (tag != 'span')
+ {
+ this.$editor.find(this.opts.inlineTags.join(', ')).each($.proxy(function(i,s)
+ {
+ var $el = $(s);
+
+
+ if (s.tagName === 'U' && s.attributes.length === 0)
+ {
+ $el.replaceWith($el.contents());
+ return;
+ }
+
+ 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');
+ });
+ }
+
+ if (tag != 'u')
+ {
+ var _this = this;
+ this.$editor.find('unline').each(function(i,s)
+ {
+ _this.utils.replaceToTag(s, 'u');
});
}
@@ -4984,13 +4469,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)
@@ -5004,15 +4513,33 @@
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 != 'u')
+ {
+ this.$editor.find('u').each(function(i,s)
+ {
+ self.utils.replaceToTag(s, 'unline');
+ });
+ }
+
+ if (tag != 'span')
+ {
+ this.$editor.find(tag).each(function()
+ {
+ var $el = $(this);
+ $el.replaceWith($('
' + html + '') + '
';
+ parHtml = parHtml.replace(/<\/p>/gi, '');
$(parent).replaceWith(parHtml);
},
ie11PasteFrag: function(html)
@@ -5427,651 +4979,903 @@
}
this.range.insertNode(frag);
- }
- };
- },
- caret: function()
- {
- return {
- setStart: function(node)
- {
- // inline tag
- if (!this.utils.isBlock(node))
- {
- var space = this.utils.createSpaceElement();
-
- $(node).prepend(space);
- this.caret.setEnd(space);
- }
- else
- {
- this.caret.set(node, 0, node, 0);
- }
- },
- setEnd: function(node)
- {
- this.caret.set(node, 1, node, 1);
- },
- set: function(orgn, orgo, focn, foco)
- {
- // focus
- if (!this.utils.browser('msie')) this.$editor.focus();
-
- orgn = orgn[0] || orgn;
- focn = focn[0] || focn;
-
- if (this.utils.isBlockTag(orgn.tagName) && orgn.innerHTML === '')
- {
- orgn.innerHTML = this.opts.invisibleSpace;
- }
-
- if (orgn.tagName == 'BR' && this.opts.linebreaks === false)
- {
- var par = $(this.opts.emptyHtml)[0];
- $(orgn).replaceWith(par);
- orgn = par;
- focn = orgn;
- }
-
- this.selection.get();
-
- try {
- this.range.setStart(orgn, orgo);
- this.range.setEnd(focn, foco);
- }
- catch (e) {}
-
- this.selection.addRange();
- },
- setAfter: function(node)
- {
- var tag = $(node)[0].tagName;
-
- // inline tag
- if (tag != 'BR' && !this.utils.isBlock(node))
- {
- var space = this.utils.createSpaceElement();
-
- $(node).after(space);
- this.caret.setEnd(space);
- }
- else
- {
- if (tag != 'BR' && this.utils.browser('msie'))
- {
- this.caret.setStart($(node).next());
- }
- else
- {
- this.caret.setAfterOrBefore(node, 'after');
- }
- }
- },
- setBefore: function(node)
- {
- // block tag
- if (this.utils.isBlock(node))
- {
- this.caret.setEnd($(node).prev());
- }
- else
- {
- this.caret.setAfterOrBefore(node, 'before');
- }
- },
- setAfterOrBefore: function(node, type)
- {
- // focus
- if (!this.utils.browser('msie')) this.$editor.focus();
-
- node = node[0] || node;
-
- this.selection.get();
-
- if (type == 'after')
- {
- try {
-
- this.range.setStartAfter(node);
- this.range.setEndAfter(node);
- }
- catch (e) {}
- }
- else
- {
- try {
- this.range.setStartBefore(node);
- this.range.setEndBefore(node);
- }
- catch (e) {}
- }
-
-
this.range.collapse(false);
this.selection.addRange();
- },
- getOffsetOfElement: function(node)
- {
- node = node[0] || node;
-
- 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())
- {
- offset += node.nodeValue.length;
- if (offset > start)
- {
- range.setStart(node, node.nodeValue.length + start - offset);
- start = Infinity;
- }
-
- if (offset >= end)
- {
- range.setEnd(node, node.nodeValue.length + end - offset);
- break;
- }
- }
-
- sel.removeAllRanges();
- sel.addRange(range);
- },
- setToPoint: function(start, end)
- {
- this.caret.setOffset(start, end);
- },
- getCoords: function()
- {
- return this.caret.getOffset();
}
};
},
- selection: function()
+ keydown: function()
{
return {
- get: function()
+ init: function(e)
{
- this.sel = document.getSelection();
+ if (this.rtePaste) return;
- if (document.getSelection && this.sel.getRangeAt && this.sel.rangeCount)
- {
- this.range = this.sel.getRangeAt(0);
- }
- else
- {
- this.range = document.createRange();
- }
- },
- addRange: function()
- {
- try {
- this.sel.removeAllRanges();
- } catch (e) {}
+ var key = e.which;
+ var arrow = (key >= 37 && key <= 40);
- this.sel.addRange(this.range);
- },
- getCurrent: function()
- {
- var el = false;
- this.selection.get();
+ 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();
- if (this.sel && this.sel.rangeCount > 0)
+ // 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);
+
+ if (this.utils.isDesktop())
{
- el = this.sel.getRangeAt(0).startContainer;
+ this.keydown.checkEvents(arrow, key);
+ this.keydown.setupBuffer(e, key);
}
- return this.utils.isRedactorParent(el);
- },
- getParent: function(elem)
- {
- elem = elem || this.selection.getCurrent();
- if (elem)
- {
- return this.utils.isRedactorParent($(elem).parent()[0]);
- }
-
- return false;
- },
- getBlock: function(node)
- {
- node = node || this.selection.getCurrent();
-
- while (node)
- {
- if (this.utils.isBlockTag(node.tagName))
- {
- return ($(node).hasClass('redactor-editor')) ? false : node;
- }
-
- node = node.parentNode;
- }
-
- return false;
- },
- getInlines: function(nodes)
- {
- this.selection.get();
-
- if (this.range && this.range.collapsed)
+ this.keydown.addArrowsEvent(arrow);
+ this.keydown.setupSelectAll(e, key);
+
+ // callback
+ var keydownStop = this.core.setCallback('keydown', e);
+ if (keydownStop === false)
{
+ e.preventDefault();
return false;
}
- var inlines = [];
- nodes = (typeof nodes == 'undefined') ? this.selection.getNodes() : nodes;
- var inlineTags = this.opts.inlineTags;
- inlineTags.push('span');
- $.each(nodes, $.proxy(function(i,node)
+ // 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))
{
- if ($.inArray(node.tagName.toLowerCase(), inlineTags) != -1)
+ var isEndOfTable = false;
+ var $table = false;
+ if (this.keydown.block && this.keydown.block.tagName === 'TD')
{
- inlines.push(node);
+ $table = $(this.keydown.block).closest('table', this.$editor[0]);
}
- }, this));
+ if ($table && $table.find('td').last()[0] === this.keydown.block)
+ {
+ isEndOfTable = true;
+ }
- return (inlines.length === 0) ? false : inlines;
- },
- getBlocks: function(nodes)
- {
- this.selection.get();
-
- if (this.range && this.range.collapsed)
- {
- return [this.selection.getBlock()];
+ if (this.utils.isEndOfElement() && isEndOfTable)
+ {
+ var node = $(this.opts.emptyHtml);
+ $table.after(node);
+ this.caret.setStart(node);
+ }
}
- var blocks = [];
- nodes = (typeof nodes == 'undefined') ? this.selection.getNodes() : nodes;
- $.each(nodes, $.proxy(function(i,node)
+ // down
+ if (this.opts.enterKey && key === this.keyCode.DOWN)
{
- if (this.utils.isBlock(node))
- {
- this.selection.lastBlock = node;
- blocks.push(node);
- }
-
- }, this));
-
- return (blocks.length === 0) ? [this.selection.getBlock()] : blocks;
- },
- getLastBlock: function()
- {
- return this.selection.lastBlock;
- },
- getNodes: function()
- {
- this.selection.get();
-
- var startNode = this.selection.getNodesMarker(1);
- var endNode = this.selection.getNodesMarker(2);
-
- this.selection.setNodesMarker(this.range, startNode, true);
-
- if (this.range.collapsed === false)
- {
- this.selection.setNodesMarker(this.range, endNode, false);
- }
- else
- {
- endNode = startNode;
+ this.keydown.onArrowDown();
}
- var nodes = [];
- var counter = 0;
-
- var self = this;
- this.$editor.find('*').each(function()
+ // turn off enter key
+ if (!this.opts.enterKey && key === this.keyCode.ENTER)
{
- if (this == startNode)
- {
- var parent = $(this).parent();
- if (parent.length !== 0 && parent[0].tagName != 'BODY' && self.utils.isRedactorParent(parent[0]))
- {
- nodes.push(parent[0]);
- }
+ e.preventDefault();
+ // remove selected
+ if (!this.range.collapsed) this.range.deleteContents();
+ return;
+ }
- nodes.push(this);
- counter = 1;
- }
- else
+ // on enter
+ if (key == this.keyCode.ENTER && !e.shiftKey && !e.ctrlKey && !e.metaKey)
+ {
+ var stop = this.core.setCallback('enter', e);
+ if (stop === false)
{
- if (counter > 0)
- {
- nodes.push(this);
- counter = counter + 1;
- }
+ e.preventDefault();
+ return false;
}
- if (this == endNode)
+ if (this.keydown.blockquote && this.keydown.exitFromBlockquote(e) === true)
{
return false;
}
- });
-
- var finalNodes = [];
- var len = nodes.length;
- for (var i = 0; i < len; i++)
- {
- if (nodes[i].id != 'nodes-marker-1' && nodes[i].id != 'nodes-marker-2')
+ var current, $next;
+ if (this.keydown.pre)
{
- finalNodes.push(nodes[i]);
+ 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 ($next.length !== 0 && $next[0].tagName == 'BR')
+ {
+ return this.keydown.insertBreakLine(e);
+ }
+ else if (current !== false && $(current).hasClass('redactor-invisible-space'))
+ {
+ this.caret.setAfter(current);
+ $(current).contents().unwrap();
+
+ return this.keydown.insertDblBreakLine(e);
+ }
+ else
+ {
+ if (this.utils.isEndOfEditor())
+ {
+ return this.keydown.insertDblBreakLine(e);
+ }
+ else if ($next.length === 0 && current === false && typeof $next.context != 'undefined')
+ {
+ return this.keydown.insertBreakLine(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)
+ {
+ setTimeout($.proxy(this.keydown.replaceDivToParagraph, this), 1);
+
+ if (this.keydown.block.tagName === 'LI')
+ {
+ current = this.selection.getCurrent();
+ var $parent = $(current).closest('li', this.$editor[0]);
+ var $list = $parent.closest('ul,ol', this.$editor[0]);
+
+ if ($parent.length !== 0 && this.utils.isEmpty($parent.html()) && $list.next().length === 0 && this.utils.isEmpty($list.find("li").last().html()))
+ {
+ $list.find("li").last().remove();
+
+ var node = $(this.opts.emptyHtml);
+ $list.after(node);
+ this.caret.setStart(node);
+
+ return false;
+ }
+ }
+ }
+ else if (!this.opts.linebreaks && !this.keydown.block)
+ {
+ return this.keydown.insertParagraph(e);
}
}
- this.selection.removeNodesMarkers();
-
- return finalNodes;
-
- },
- getNodesMarker: function(num)
- {
- return $('' + this.opts.invisibleSpace + '')[0];
- },
- setNodesMarker: function(range, node, type)
- {
- range = range.cloneRange();
-
- try {
- range.collapse(type);
- range.insertNode(node);
- }
- catch (e) {}
- },
- removeNodesMarkers: function()
- {
- $(document).find('span.redactor-nodes-marker').remove();
- this.$editor.find('span.redactor-nodes-marker').remove();
- },
- fromPoint: function(start, end)
- {
- this.caret.setOffset(start, end);
- },
- wrap: function(tag)
- {
- this.selection.get();
-
- if (this.range.collapsed) return false;
-
- var wrapper = document.createElement(tag);
- wrapper.appendChild(this.range.extractContents());
- this.range.insertNode(wrapper);
-
- return wrapper;
- },
- selectElement: function(node)
- {
- this.caret.set(node, 0, node, 1);
- },
- selectAll: function()
- {
- this.selection.get();
- this.range.selectNodeContents(this.$editor[0]);
- this.selection.addRange();
- },
- remove: function()
- {
- this.selection.get();
- this.sel.removeAllRanges();
- },
- save: function()
- {
- this.selection.createMarkers();
- },
- createMarkers: function()
- {
- this.selection.get();
-
- var node1 = this.selection.getMarker(1);
-
- this.selection.setMarker(this.range, node1, true);
-
- if (this.range.collapsed === false)
+ // Shift+Enter or Ctrl+Enter
+ if (key === this.keyCode.ENTER && (e.ctrlKey || e.shiftKey))
{
- var node2 = this.selection.getMarker(2);
- this.selection.setMarker(this.range, node2, false);
+ return this.keydown.onShiftEnter(e);
}
- this.savedSel = this.$editor.html();
- },
- getMarker: function(num)
- {
- if (typeof num == 'undefined') num = 1;
- return $('' + this.opts.invisibleSpace + '')[0];
- },
- getMarkerAsHtml: function(num)
- {
- return this.utils.getOuterHtml(this.selection.getMarker(num));
- },
- setMarker: function(range, node, type)
- {
- range = range.cloneRange();
-
- try {
- range.collapse(type);
- range.insertNode(node);
- }
- catch (e)
+ // tab or cmd + [
+ if (key === this.keyCode.TAB || e.metaKey && key === 221 || e.metaKey && key === 219)
{
- this.focus.setStart();
+ 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)
+ {
+ // backspace as outdent
+ var block = this.selection.getBlock();
+ var indented = ($(block).css('margin-left') !== '0px');
+ if (block && indented && this.range.collapsed && this.utils.isStartOfElement())
+ {
+ this.indent.decrease();
+ e.preventDefault();
+ return;
+ }
+
+ // remove hr in FF
+ if (this.utils.browser('mozilla'))
+ {
+ var prev = this.selection.getPrev();
+ var prev2 = $(prev).prev()[0];
+ if (prev && prev.tagName === 'HR') $(prev).remove();
+ if (prev2 && prev2.tagName === 'HR') $(prev2).remove();
+ }
+
+ 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();
+ }
}
},
- restore: function()
+ checkKeyEvents: function(key)
{
- var node1 = this.$editor.find('span#selection-marker-1');
- var node2 = this.$editor.find('span#selection-marker-2');
+ var k = this.keyCode;
+ var keys = [k.BACKSPACE, k.DELETE, k.ENTER, k.ESC, k.TAB, k.CTRL, k.META, k.ALT, k.SHIFT];
- if (node1.length !== 0 && node2.length !== 0)
+ return ($.inArray(key, keys) == -1) ? true : false;
+
+ },
+ addArrowsEvent: function(arrow)
+ {
+ if (!arrow) return;
+
+ if ((this.core.getEvent() == 'click' || this.core.getEvent() == 'arrow'))
{
- this.caret.set(node1, 0, node2, 0);
+ this.core.addEvent(false);
+ return;
}
- else if (node1.length !== 0)
+
+ this.core.addEvent('arrow');
+ },
+ setupBuffer: function(e, key)
+ {
+ if (this.keydown.ctrl && key === 90 && !e.shiftKey && !e.altKey && this.opts.buffer.length) // z key
{
- this.caret.set(node1, 0, node1, 0);
+ 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))
+ {
+ 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.$editor.focus();
+ 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();
}
- this.selection.removeMarkers();
- this.savedSel = false;
-
+ return false;
},
- removeMarkers: function()
+ replaceDivToBreakLine: function()
{
- this.$editor.find('span.redactor-selection-marker').remove();
- },
- getText: function()
- {
- this.selection.get();
-
- return this.sel.toString();
- },
- getHtml: function()
- {
- var html = '';
-
- this.selection.get();
- if (this.sel.rangeCount)
+ var blockElem = this.selection.getBlock();
+ var blockHtml = blockElem.innerHTML.replace(//gi, '');
+ if ((blockElem.tagName === 'DIV' || blockElem.tagName === 'P') && blockHtml === '' && !$(blockElem).hasClass('redactor-editor'))
{
- var container = document.createElement('div');
- var len = this.sel.rangeCount;
- for (var i = 0; i < len; ++i)
+ var br = document.createElement('br');
+
+ $(blockElem).replaceWith(br);
+ this.caret.setBefore(br);
+
+ this.code.sync();
+
+ return false;
+ }
+ },
+ replaceDivToParagraph: function()
+ {
+ var blockElem = this.selection.getBlock();
+ var blockHtml = blockElem.innerHTML.replace(//gi, '');
+ if (blockElem.tagName === 'DIV' && this.utils.isEmpty(blockHtml) && !$(blockElem).hasClass('redactor-editor'))
+ {
+ var p = document.createElement('p');
+ p.innerHTML = this.opts.invisibleSpace;
+
+ $(blockElem).replaceWith(p);
+ this.caret.setStart(p);
+
+ this.code.sync();
+
+ return false;
+ }
+ else if (this.opts.cleanStyleOnEnter && blockElem.tagName == 'P')
+ {
+ $(blockElem).removeAttr('class').removeAttr('style');
+ }
+ },
+ insertParagraph: function(e)
+ {
+ e.preventDefault();
+
+ this.selection.get();
+
+ var p = document.createElement('p');
+ p.innerHTML = this.opts.invisibleSpace;
+
+ this.range.deleteContents();
+ this.range.insertNode(p);
+
+ this.caret.setStart(p);
+
+ this.code.sync();
+
+ return false;
+ },
+ exitFromBlockquote: function(e)
+ {
+ if (!this.utils.isEndOfElement()) return;
+
+ var tmp = $.trim($(this.keydown.block).html());
+ if (tmp.search(/(){2}$/i) != -1)
+ {
+ e.preventDefault();
+
+ if (this.opts.linebreaks)
{
- container.appendChild(this.sel.getRangeAt(i).cloneContents());
+ var br = document.createElement('br');
+ $(this.keydown.blockquote).after(br);
+
+ this.caret.setBefore(br);
+ $(this.keydown.block).html(tmp.replace(/$/i, ''));
+ }
+ else
+ {
+ var node = $(this.opts.emptyHtml);
+ $(this.keydown.blockquote).after(node);
+ this.caret.setStart(node);
}
- html = container.innerHTML;
+ return true;
+
}
- return this.clean.onSync(html);
+ return;
+
+ },
+ insertAfterLastElement: function(element)
+ {
+ if (!this.utils.isEndOfElement()) return;
+
+ this.buffer.set();
+
+ if (this.opts.linebreaks)
+ {
+ var contents = $('').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');
+
+ if (this.utils.browser('msie'))
+ {
+ this.range.collapse(false);
+ this.range.setEnd(this.range.endContainer, this.range.endOffset);
+ }
+ else
+ {
+ this.range.deleteContents();
+ }
+
+ this.range.insertNode(br1);
+
+ // move br outside A tag
+ var $parentA = $(br1).parent("a");
+
+ if ($parentA.length > 0)
+ {
+ $parentA.find(br1).remove();
+ $parentA.after(br1);
+ }
+
+ if (dbl === true)
+ {
+ var $next = $(br1).next();
+ if ($next.length !== 0 && $next[0].tagName === 'BR' && this.utils.isEndOfEditor())
+ {
+ this.caret.setAfter(br1);
+ this.code.sync();
+ return false;
+ }
+
+ var br2 = document.createElement('br');
+
+ this.range.insertNode(br2);
+ this.caret.setAfter(br2);
+ }
+ else
+ {
+ // caret does not move after the br visual
+ if (this.utils.browser('msie'))
+ {
+ var space = document.createElement('span');
+ space.innerHTML = '';
+
+ $(br1).after(space);
+
+ this.range.setStartAfter(space);
+ this.range.setEndAfter(space);
+ $(space).remove();
+ }
+ else
+ {
+ var range = document.createRange();
+ range.setStartAfter(br1);
+ range.collapse(true);
+ var selection = window.getSelection();
+ selection.removeAllRanges();
+ selection.addRange(range);
+ }
+ }
+
+ 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', this.$editor[0]);
+
+ if (td.length !== 0 && $current.closest('li', this.$editor[0]) && $parent.children('li').length === 1)
+ {
+ if (!this.utils.isEmpty($current.text())) return;
+
+ e.preventDefault();
+
+ $current.remove();
+ $parent.remove();
+
+ this.caret.setStart(td);
+ }
}
};
},
- observe: function()
+ 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.linkify.isEnabled() && this.linkify.isKey(key)) this.linkify.format();
+
+ if (key === this.keyCode.DELETE || key === this.keyCode.BACKSPACE)
+ {
+ if (this.utils.browser('mozilla'))
+ {
+ var td = $(this.keydown.current).closest('td', this.$editor[0]);
+ if (td.size() !== 0 && td.text() !== '')
+ {
+ e.preventDefault();
+ return false;
+ }
+ }
+
+ // 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(function(i, s)
+ {
+ this.utils.removeEmpty(i, $(s).html());
+ }, 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();
+ }
+
+ this.keyup.removeEmptyLists();
+
+ // if empty
+ return this.keyup.formatEmpty(e);
+ }
+ },
+ 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);
+ },
+ removeEmptyLists: function()
+ {
+ var removeIt = function()
+ {
+ var html = $.trim(this.innerHTML).replace(/\/t\/n/g, '');
+ if (html === '')
+ {
+ $(this).remove();
+ }
+ };
+
+ this.$editor.find('li').each(removeIt);
+ this.$editor.find('ul, ol').each(removeIt);
+ },
+ 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
+ {
+ this.$editor.html(this.opts.emptyHtml);
+ this.focus.setStart();
+ }
+
+ this.code.sync();
+
+ return false;
+ }
+ };
+ },
+ lang: function()
{
return {
load: function()
{
- this.observe.images();
- this.observe.links();
+ this.opts.curLang = this.opts.langs[this.opts.lang];
},
- buttons: function(e, btnName)
+ get: function(name)
{
- var current = this.selection.getCurrent();
- var parent = this.selection.getParent();
-
- this.button.setInactiveAll(btnName);
-
- if (e === false && btnName !== 'html')
- {
- if ($.inArray(btnName, this.opts.activeButtons) != -1) this.button.toggleActive(btnName);
- return;
- }
-
- var linkButtonName = (this.utils.isCurrentOrParent('A')) ? this.lang.get('link_edit') : this.lang.get('link_insert');
- $('body').find('a.redactor-dropdown-link').text(linkButtonName);
-
- $.each(this.opts.activeButtonsStates, $.proxy(function(key, value)
- {
- var parentEl = $(parent).closest(key);
- var currentEl = $(current).closest(key);
-
- if (!this.utils.isRedactorParent(parentEl)) return;
- if (!this.utils.isRedactorParent(currentEl)) return;
- if (parentEl.length !== 0 || currentEl.closest(key).length !== 0)
- {
-
- this.button.setActive(value);
- }
-
- }, this));
-
- var $parent = $(parent).closest(this.opts.alignmentTags.toString().toLowerCase());
- if (this.utils.isRedactorParent(parent) && $parent.length)
- {
- var align = ($parent.css('text-align') === '') ? 'left' : $parent.css('text-align');
- this.button.setActive('align' + align);
- }
- },
- addButton: function(tag, btnName)
- {
- this.opts.activeButtons.push(btnName);
- this.opts.activeButtonsStates[tag] = btnName;
- },
- images: function()
- {
- this.$editor.find('img').each($.proxy(function(i, img)
- {
- var $img = $(img);
-
- // IE fix (when we clicked on an image and then press backspace IE does goes to image's url)
- $img.closest('a').on('click', function(e) { e.preventDefault(); });
-
- if (this.utils.browser('msie')) $img.attr('unselectable', 'on');
-
- this.image.setEditable($img);
-
- }, this));
-
- $(document).on('click.redactor-image-delete', $.proxy(function(e)
- {
- this.observe.image = false;
- if (e.target.tagName == 'IMG' && this.utils.isRedactorParent(e.target))
- {
- this.observe.image = (this.observe.image && this.observe.image == e.target) ? false : e.target;
- }
-
- }, this));
-
- },
- links: function()
- {
- if (!this.opts.linkTooltip) return;
-
- this.$editor.find('a').on('touchstart click', $.proxy(this.observe.showTooltip, this));
- this.$editor.on('touchstart click.redactor', $.proxy(this.observe.closeTooltip, this));
- $(document).on('touchstart click.redactor', $.proxy(this.observe.closeTooltip, this));
- },
- getTooltipPosition: function($link)
- {
- return $link.offset();
- },
- showTooltip: function(e)
- {
- var $link = $(e.target);
- if ($link.size() === 0 || $link[0].tagName !== 'A') return;
-
- var pos = this.observe.getTooltipPosition($link);
-
- var tooltip = $('');
-
- var href = $link.attr('href');
- if (href === undefined)
- {
- href = '';
- }
-
- if (href.length > 24) href = href.substring(0, 24) + '...';
-
- var aLink = $('').html(href).addClass('redactor-link-tooltip-action');
- var aEdit = $('').html(this.lang.get('edit')).on('click', $.proxy(this.link.show, this)).addClass('redactor-link-tooltip-action');
- var aUnlink = $('').html(this.lang.get('unlink')).on('click', $.proxy(this.link.unlink, this)).addClass('redactor-link-tooltip-action');
-
- tooltip.append(aLink).append(' | ').append(aEdit).append(' | ').append(aUnlink);
- tooltip.css({
- top: (pos.top + 20) + 'px',
- left: pos.left + 'px'
- });
-
- $('.redactor-link-tooltip').remove();
- $('body').append(tooltip);
- },
- closeTooltip: function(e)
- {
- e = e.originalEvent || e;
-
- if (e.target.tagName == 'A' && !$(e.target).hasClass('redactor-link-tooltip-action') && this.utils.isRedactorParent(e.target))
- {
- return;
- }
-
- $('.redactor-link-tooltip').remove();
+ 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];
+ var target = next;
+ if (this.utils.browser('mozilla') && next && next.innerHTML === '')
+ {
+ target = $(next).next()[0];
+ $(next).remove();
+ }
+
+ if (target)
+ {
+ node.remove();
+
+ if (!this.opts.linebreaks)
+ {
+ this.$editor.focus();
+ this.line.setStart(target);
+ }
+
+ }
+ else
+ {
+
+ node.removeAttr('id');
+ this.line.setStart(node[0]);
+ }
+ },
+ setStart: function(node)
+ {
+ if (typeof node === 'undefined') return;
+
+ var textNode = document.createTextNode('\u200B');
+
+ this.selection.get();
+ this.range.setStart(node, 0);
+ this.range.insertNode(textNode);
+ this.range.collapse(true);
+ this.selection.addRange();
+
+ }
};
},
link: function()
@@ -6081,10 +5885,20 @@
{
if (typeof e != 'undefined' && e.preventDefault) e.preventDefault();
- this.modal.load('link', this.lang.get('link_insert'), 600);
+ if (!this.observe.isCurrent('a'))
+ {
+ this.modal.load('link', this.lang.get('link_insert'), 600);
+ }
+ else
+ {
+ this.modal.load('link', this.lang.get('link_edit'), 600);
+ }
this.modal.createCancelButton();
- this.link.buttonInsert = this.modal.createActionButton(this.lang.get('insert'));
+
+ var buttonText = !this.observe.isCurrent('a') ? this.lang.get('insert') : this.lang.get('edit');
+
+ this.link.buttonInsert = this.modal.createActionButton(buttonText);
this.selection.get();
@@ -6101,6 +5915,9 @@
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();
@@ -6109,24 +5926,27 @@
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)
+ if (typeof this.link.url !== "undefined")
{
- var re = new RegExp('^(http|ftp|https)://' + self.location.host, 'i');
- this.link.url = this.link.url.replace(re, '');
- }
+ 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.size() !== 0 && $el[0].tagName === 'A')
+ var $el = $(this.selection.getCurrent()).closest('a', this.$editor[0]);
+ if ($el.length !== 0 && $el[0].tagName === 'A')
{
this.link.$node = $el;
@@ -6144,9 +5964,11 @@
},
insert: function()
{
+ this.placeholder.remove();
+
var target = '';
var link = this.link.$inputUrl.val();
- var text = this.link.$inputText.val();
+ var text = this.link.$inputText.val().replace(/(<([^>]+)>)/ig,"");
if ($.trim(link) === '')
{
@@ -6156,12 +5978,14 @@
$(this).off('keyup');
});
+
return;
}
// mailto
if (link.search('@') != -1 && /(http|ftp|https):\/\//i.test(link) === false)
{
+ link = link.replace('mailto:', '');
link = 'mailto:' + link;
}
// url, not anchor
@@ -6176,8 +6000,8 @@
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');
-
- if (link.search(re) == -1 && link.search(re2) === 0 && this.opts.linkProtocol)
+ 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;
}
@@ -6191,6 +6015,7 @@
text = $.trim(text.replace(/<|>/g, ''));
this.selection.restore();
+ var blocks = this.selection.getBlocks();
if (text === '' && link === '') return;
if (text === '' && link !== '') text = link;
@@ -6199,29 +6024,105 @@
{
this.buffer.set();
- this.link.$node.text(text).attr('href', link);
- if (target !== '')
+ var $link = this.link.$node,
+ $el = $link.children();
+
+ if ($el.length > 0)
{
- this.link.$node.attr('target', target);
+ while ($el.length)
+ {
+ $el = $el.children();
+ }
+
+ $el = $el.end();
}
else
{
- this.link.$node.removeAttr('target');
+ $el = $link;
}
+ $link.attr('href', link);
+ $el.text(text);
+
+ if (target !== '')
+ {
+ $link.attr('target', target);
+ }
+ else
+ {
+ $link.removeAttr('target');
+ }
+
+ this.selection.selectElement($link);
+
this.code.sync();
}
else
{
- document.execCommand('createLink', false, link);
-
- var $a = $(this.selection.getCurrent()).closest('a');
- if (target !== '')
+ if (this.utils.browser('mozilla') && this.link.text === '')
{
- $a.attr('target', target);
- }
+ var $a = $('
').attr('href', link).text(text);
+ if (target !== '') $a.attr('target', target);
- $a.removeAttr('style');
+ $a = $(this.insert.node($a));
+
+ if (this.opts.linebreaks)
+ {
+ $a.after(' ');
+ }
+
+ 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));
+
+ if (this.selection.getText().match(/\s$/))
+ {
+ $a.after(" ");
+ }
+
+ this.selection.selectElement($a);
+ }
+ else
+ {
+ document.execCommand('createLink', false, link);
+
+ $a = $(this.selection.getCurrent()).closest('a', this.$editor[0]);
+ if (this.utils.browser('mozilla'))
+ {
+ $a = $('a[_moz_dirty=""]');
+ }
+
+ if (target !== '') $a.attr('target', target);
+ $a.removeAttr('style').removeAttr('_moz_dirty');
+
+ if (this.selection.getText().match(/\s$/))
+ {
+ $a.after(" ");
+ }
+
+ if (this.link.text !== '' || this.link.text != text)
+ {
+ if (!this.opts.linebreaks && blocks && blocks.length <= 1)
+ {
+ $a.text(text);
+ }
+ else if (this.opts.linebreaks)
+ {
+ $a.text(text);
+ }
+
+ this.selection.selectElement($a);
+ }
+ }
+ }
this.code.sync();
this.core.setCallback('insertedLink', $a);
@@ -6237,7 +6138,10 @@
},
unlink: function(e)
{
- if (typeof e != 'undefined' && e.preventDefault) e.preventDefault();
+ if (typeof e != 'undefined' && e.preventDefault)
+ {
+ e.preventDefault();
+ }
var nodes = this.selection.getNodes();
if (!nodes) return;
@@ -6245,542 +6149,375 @@
this.buffer.set();
var len = nodes.length;
+ var links = [];
for (var i = 0; i < len; i++)
{
- if (nodes[i].tagName == 'A')
+ if (nodes[i].tagName === 'A')
{
- var $node = $(nodes[i]);
- $node.replaceWith($node.contents());
+ links.push(nodes[i]);
}
+
+ var $node = $(nodes[i]).closest('a', this.$editor[0]);
+ $node.replaceWith($node.contents());
}
- // remove tooltip
+ this.core.setCallback('deletedLink', links);
+
+ // hide link's tooltip
$('.redactor-link-tooltip').remove();
this.code.sync();
+ },
+ toggleClass: function(className)
+ {
+ this.link.setClass(className, 'toggleClass');
+ },
+ addClass: function(className)
+ {
+ this.link.setClass(className, 'addClass');
+ },
+ removeClass: function(className)
+ {
+ this.link.setClass(className, 'removeClass');
+ },
+ setClass: function(className, func)
+ {
+ var links = this.selection.getInlinesTags(['a']);
+ if (links === false) return;
+
+ $.each(links, function()
+ {
+ $(this)[func](className);
+ });
}
};
},
- image: function()
+ linkify: function()
{
return {
- show: function()
+ isKey: function(key)
{
- this.modal.load('image', this.lang.get('image'), 700);
- this.upload.init('#redactor-modal-image-droparea', this.opts.imageUpload, this.image.insert);
-
- this.selection.save();
- this.modal.show();
-
+ return key == this.keyCode.ENTER || key == this.keyCode.SPACE;
},
- showEdit: function($image)
+ isEnabled: function()
{
- var $link = $image.closest('a');
+ return this.opts.convertLinks && (this.opts.convertUrlLinks || this.opts.convertImageLinks || this.opts.convertVideoLinks) && !this.utils.isCurrentOrParent('PRE');
+ },
+ format: function()
+ {
+ var linkify = this.linkify,
+ opts = this.opts;
- this.modal.load('imageEdit', this.lang.get('edit'), 705);
-
- this.modal.createCancelButton();
- this.image.buttonDelete = this.modal.createDeleteButton(this.lang.get('_delete'));
- this.image.buttonSave = this.modal.createActionButton(this.lang.get('save'));
-
- this.image.buttonDelete.on('click', $.proxy(function()
- {
- this.image.remove($image);
-
- }, this));
-
- this.image.buttonSave.on('click', $.proxy(function()
- {
- this.image.update($image);
-
- }, this));
-
-
- $('#redactor-image-title').val($image.attr('alt'));
-
- if (!this.opts.imageLink) $('.redactor-image-link-option').hide();
- else
- {
- var $redactorImageLink = $('#redactor-image-link');
-
- $redactorImageLink.attr('href', $image.attr('src'));
- if ($link.size() !== 0)
+ this.$editor
+ .find(":not(iframe,img,a,pre)")
+ .addBack()
+ .contents()
+ .filter(function()
{
- $redactorImageLink.val($link.attr('href'));
- if ($link.attr('target') == '_blank') $('#redactor-image-link-blank').prop('checked', true);
+ return this.nodeType === 3 && $.trim(this.nodeValue) != "" && !$(this).parent().is("pre") && (this.nodeValue.match(opts.linkify.regexps.youtube) || this.nodeValue.match(opts.linkify.regexps.vimeo) || this.nodeValue.match(opts.linkify.regexps.image) || this.nodeValue.match(opts.linkify.regexps.url));
+ })
+ .each(function()
+ {
+ var text = $(this).text(),
+ html = text;
+
+ if (opts.convertVideoLinks && (html.match(opts.linkify.regexps.youtube) || html.match(opts.linkify.regexps.vimeo)) )
+ {
+ html = linkify.convertVideoLinks(html);
+ }
+ else if (opts.convertImageLinks && html.match(opts.linkify.regexps.image))
+ {
+ html = linkify.convertImages(html);
+ }
+ else if (opts.convertUrlLinks)
+ {
+ html = linkify.convertLinks(html);
+ }
+
+ $(this).before(text.replace(text, html))
+ .remove();
+ });
+
+
+ var objects = this.$editor.find('.redactor-linkify-object').each(function()
+ {
+ var $el = $(this);
+ $el.removeClass('redactor-linkify-object');
+ if ($el.attr('class') === '') $el.removeAttr('class');
+
+ return $el[0];
+
+ });
+
+ // callback
+ setTimeout($.proxy(function()
+ {
+ this.observe.load();
+ this.core.setCallback('linkify', objects);
+ }, this), 100);
+
+ // sync
+ this.code.sync();
+ },
+ convertVideoLinks: function(html)
+ {
+ var iframeStart = '';
+
+ if (html.match(this.opts.linkify.regexps.youtube))
+ {
+ html = html.replace(this.opts.linkify.regexps.youtube, iframeStart + '//www.youtube.com/embed/$1' + iframeEnd);
+ }
+
+ if (html.match(this.opts.linkify.regexps.vimeo))
+ {
+ html = html.replace(this.opts.linkify.regexps.vimeo, iframeStart + '//player.vimeo.com/video/$2' + iframeEnd);
+ }
+
+ return html;
+ },
+ convertImages: function(html)
+ {
+ var matches = html.match(this.opts.linkify.regexps.image);
+
+ if (matches)
+ {
+ html = html.replace(html, '
');
+
+ if (this.opts.linebreaks)
+ {
+ if (!this.utils.isEmpty(this.code.get()))
+ {
+ html = '
' + html;
+ }
+ }
+
+ html += '
';
+ }
+
+ return html;
+ },
+ convertLinks: function(html)
+ {
+ var matches = html.match(this.opts.linkify.regexps.url);
+
+ if (matches)
+ {
+ matches = $.grep(matches, function(v, k) { return $.inArray(v, matches) === k; });
+
+ var length = matches.length;
+
+ for (var i = 0; i < length; i++)
+ {
+ var href = matches[i],
+ text = href,
+ linkProtocol = this.opts.linkProtocol + '://';
+
+ if (href.match(/(https?|ftp):\/\//i) !== null)
+ {
+ linkProtocol = "";
+ }
+
+ if (text.length > this.opts.linkSize)
+ {
+ text = text.substring(0, this.opts.linkSize) + '...';
+ }
+
+ if (text.search('%') === -1)
+ {
+ text = decodeURIComponent(text);
+ }
+
+ var regexB = "\\b";
+
+ if ($.inArray(href.slice(-1), ["/", "&", "="]) != -1)
+ {
+ regexB = "";
+ }
+
+ // escaping url
+ var regexp = new RegExp('(' + href.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&") + regexB + ')', 'g');
+
+ html = html.replace(regexp, '' + $.trim(text) + '');
}
}
- if (!this.opts.imagePosition) $('.redactor-image-position-option').hide();
+ return html;
+ }
+ };
+ },
+ list: function()
+ {
+ return {
+ toggle: function(cmd)
+ {
+ this.placeholder.remove();
+
+ if (!this.utils.browser('msie') && !this.opts.linebreaks)
+ {
+ this.$editor.focus();
+ }
+
+ this.buffer.set();
+ this.selection.save();
+
+ var parent = this.selection.getParent();
+ var $list = $(parent).closest('ol, ul', this.$editor[0]);
+
+ if (!this.utils.isRedactorParent($list) && $list.length !== 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
{
- var floatValue = ($image.css('display') == 'block' && $image.css('float') == 'none') ? 'center' : $image.css('float');
- $('#redactor-image-align').val(floatValue);
- }
-
- this.modal.show();
-
- },
- setFloating: function($image)
- {
- var floating = $('#redactor-image-align').val();
-
- var imageFloat = '';
- var imageDisplay = '';
- var imageMargin = '';
-
- switch (floating)
- {
- case 'left':
- imageFloat = 'left';
- imageMargin = '0 ' + this.opts.imageFloatMargin + ' ' + this.opts.imageFloatMargin + ' 0';
- break;
- case 'right':
- imageFloat = 'right';
- imageMargin = '0 0 ' + this.opts.imageFloatMargin + ' ' + this.opts.imageFloatMargin;
- break;
- case 'center':
- imageDisplay = 'block';
- imageMargin = 'auto';
- break;
- }
-
- $image.css({ 'float': imageFloat, display: imageDisplay, margin: imageMargin });
- $image.attr('rel', $image.attr('style'));
- },
- update: function($image)
- {
- this.image.hideResize();
- this.buffer.set();
-
- var $link = $image.closest('a');
-
- $image.attr('alt', $('#redactor-image-title').val());
-
- this.image.setFloating($image);
-
- // as link
- var link = $.trim($('#redactor-image-link').val());
- if (link !== '')
- {
- var target = ($('#redactor-image-link-blank').prop('checked')) ? true : false;
-
- if ($link.size() === 0)
+ if (remove)
{
- var a = $('
' + this.utils.getOuterHtml($image) + '');
- if (target) a.attr('target', '_blank');
-
- $image.replaceWith(a);
+ this.list.remove(cmd, $list);
}
else
{
- $link.attr('href', link);
- if (target)
- {
- $link.attr('target', '_blank');
- }
- else
- {
- $link.removeAttr('target');
- }
+ this.list.insert(cmd);
}
}
- else if ($link.size() !== 0)
- {
- $link.replaceWith(this.utils.getOuterHtml($image));
- }
-
- this.modal.close();
- this.observe.images();
+ this.selection.restore();
this.code.sync();
-
},
- setEditable: function($image)
+ insert: function(cmd)
{
- if (!this.opts.imageEditable) return;
+ var current = this.selection.getCurrent();
+ var $td = $(current).closest('td, th', this.$editor[0]);
- $image.on('dragstart', $.proxy(this.image.onDrag, this));
-
- $image.on('mousedown', $.proxy(this.image.hideResize, this));
- $image.on('click touchstart', $.proxy(function(e)
+ if (this.utils.browser('msie') && this.opts.linebreaks)
{
- this.observe.image = $image;
-
- if (this.$editor.find('#redactor-image-box').size() !== 0) return false;
-
-
- this.image.resizer = this.image.loadEditableControls($image);
-
- $(document).on('click.redactor-image-resize-hide', $.proxy(this.image.hideResize, this));
- this.$editor.on('click.redactor-image-resize-hide', $.proxy(this.image.hideResize, this));
-
- // resize
- if (!this.opts.imageResizable) return;
-
- this.image.resizer.on('mousedown.redactor touchstart.redactor', $.proxy(function(e)
- {
- e.preventDefault();
-
- this.image.resizeHandle = {
- x : e.pageX,
- y : e.pageY,
- el : $image,
- ratio: $image.width() / $image.height(),
- h: $image.height()
- };
-
- e = e.originalEvent || e;
-
- if (e.targetTouches)
- {
- this.image.resizeHandle.x = e.targetTouches[0].pageX;
- this.image.resizeHandle.y = e.targetTouches[0].pageY;
- }
-
- this.image.startResize();
-
- }, this));
-
-
- }, this));
- },
- startResize: function()
- {
- $(document).on('mousemove.redactor-image-resize touchmove.redactor-image-resize', $.proxy(this.image.moveResize, this));
- $(document).on('mouseup.redactor-image-resize touchend.redactor-image-resize', $.proxy(this.image.stopResize, this));
- },
- moveResize: function(e)
- {
- e.preventDefault();
-
- e = e.originalEvent || e;
-
- var height = this.image.resizeHandle.h;
-
- if (e.targetTouches) height += (e.targetTouches[0].pageY - this.image.resizeHandle.y);
- else height += (e.pageY - this.image.resizeHandle.y);
-
-
- var width = Math.round(height * this.image.resizeHandle.ratio);
-
- if (height < 50 || width < 100) return;
-
- this.image.resizeHandle.el.height(height);
- this.image.resizeHandle.el.width(width);
-
- this.code.sync();
- },
- stopResize: function()
- {
- this.handle = false;
- $(document).off('.redactor-image-resize');
- this.image.hideResize();
- },
- onDrag: function(e)
- {
- if (this.$editor.find('#redactor-image-box').size() !== 0)
+ this.list.insertInIe(cmd);
+ }
+ else
{
- e.preventDefault();
- return false;
+ document.execCommand('insert' + cmd);
}
- this.$editor.on('drop.redactor-image-inside-drop', $.proxy(function()
+ var parent = this.selection.getParent();
+ var $list = $(parent).closest('ol, ul', this.$editor[0]);
+ if ($td.length !== 0)
{
- setTimeout($.proxy(this.image.onDrop, this), 1);
+ var newTd = $td.clone();
+ $td.after(newTd).remove('');
+ }
+
+
+ if (this.utils.isEmpty($list.find('li').text()))
+ {
+ var $children = $list.children('li');
+ $children.find('br').remove();
+ $children.append(this.selection.getMarkerAsHtml());
+
+ if (this.opts.linebreaks && this.utils.browser('mozilla') && $children.size() == 2 && this.utils.isEmpty($children.eq(1).text()))
+ {
+ $children.eq(1).remove();
+ }
+ }
+
+ 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));
- },
- onDrop: function()
- {
- this.image.fixImageSourceAfterDrop();
- this.observe.images();
- this.$editor.off('drop.redactor-image-inside-drop');
this.clean.clearUnverified();
- this.code.sync();
},
- fixImageSourceAfterDrop: function()
+ insertInIe: function(cmd)
{
- this.$editor.find('img[data-save-url]').each(function()
+ var wrapper = this.selection.wrap('div');
+ var wrapperHtml = $(wrapper).html();
+
+ var tmpList = (cmd == 'orderedlist') ? $('
') : $('');
+ var tmpLi = $('- ');
+
+ if ($.trim(wrapperHtml) === '')
{
- var $el = $(this);
- $el.attr('src', $el.attr('data-save-url'));
- $el.removeAttr('data-save-url');
- });
- },
- hideResize: function(e)
- {
- if (e && $(e.target).closest('#redactor-image-box').length !== 0) return;
- if (e && e.target.tagName == 'IMG')
- {
- var $image = $(e.target);
- $image.attr('data-save-url', $image.attr('src'));
- }
-
- var imageBox = this.$editor.find('#redactor-image-box');
- if (imageBox.size() === 0) return;
-
- this.image.editter.remove();
- $(this.image.resizer).remove();
-
- imageBox.find('img').css({
- marginTop: imageBox[0].style.marginTop,
- marginBottom: imageBox[0].style.marginBottom,
- marginLeft: imageBox[0].style.marginLeft,
- marginRight: imageBox[0].style.marginRight
- });
-
- imageBox.css('margin', '');
- imageBox.find('img').css('opacity', '');
- imageBox.replaceWith(function()
- {
- return $(this).contents();
- });
-
- $(document).off('click.redactor-image-resize-hide');
- this.$editor.off('click.redactor-image-resize-hide');
-
- this.code.sync();
-
- },
- loadEditableControls: function($image)
- {
- var imageBox = $('');
- imageBox.css('float', $image.css('float')).attr('contenteditable', false);
-
- if ($image[0].style.margin != 'auto')
- {
- imageBox.css({
- marginTop: $image[0].style.marginTop,
- marginBottom: $image[0].style.marginBottom,
- marginLeft: $image[0].style.marginLeft,
- marginRight: $image[0].style.marginRight
- });
-
- $image.css('margin', '');
+ tmpLi.append(this.selection.getMarkerAsHtml());
+ tmpList.append(tmpLi);
+ this.$editor.find('#selection-marker-1').replaceWith(tmpList);
}
else
{
- imageBox.css({ 'display': 'block', 'margin': 'auto' });
- }
-
- $image.css('opacity', '.5').after(imageBox);
-
- // editter
- this.image.editter = $('' + this.lang.get('edit') + '');
- this.image.editter.attr('contenteditable', false);
- this.image.editter.on('click', $.proxy(function()
- {
- this.image.showEdit($image);
- }, this));
-
- imageBox.append(this.image.editter);
-
- // position correction
- var editerWidth = this.image.editter.innerWidth();
- this.image.editter.css('margin-left', '-' + editerWidth/2 + 'px');
-
-
- // resizer
- if (this.opts.imageResizable && !this.utils.isMobile())
- {
- var imageResizer = $('');
-
- if (!this.utils.isDesktop())
+ var items = wrapperHtml.split(//gi);
+ if (items)
{
- imageResizer.css({ width: '15px', height: '15px' });
+ for (var i = 0; i < items.length; i++)
+ {
+ if ($.trim(items[i]) !== '')
+ {
+ tmpList.append($('
- ').html(items[i]));
+ }
+ }
+ }
+ else
+ {
+ tmpLi.append(wrapperHtml);
+ tmpList.append(tmpLi);
}
- imageResizer.attr('contenteditable', false);
- imageBox.append(imageResizer);
- imageBox.append($image);
-
- return imageResizer;
- }
- else
- {
- imageBox.append($image);
- return false;
+ $(wrapper).replaceWith(tmpList);
}
},
- remove: function(image)
+ remove: function(cmd, $list)
{
- var $image = $(image);
- var $link = $image.closest('a');
- var $figure = $image.closest('figure');
- var $parent = $image.parent();
- if ($('#redactor-image-box').size() !== 0)
+ if ($.inArray('ul', this.selection.getBlocks())) cmd = 'unorderedlist';
+
+ document.execCommand('insert' + cmd);
+
+ var $current = $(this.selection.getCurrent());
+ this.indent.fixEmptyIndent();
+
+ if (!this.opts.linebreaks && $current.closest('li, th, td', this.$editor[0]).length === 0)
{
- $parent = $('#redactor-image-box').parent();
+ document.execCommand('formatblock', false, 'p');
+ this.$editor.find('ul, ol, blockquote').each($.proxy(this.utils.removeEmpty, this));
}
- var $next;
- if ($figure.size() !== 0)
+ var $table = $(this.selection.getCurrent()).closest('table', this.$editor[0]);
+ var $prev = $table.prev();
+ if (!this.opts.linebreaks && $table.length !== 0 && $prev.length !== 0 && $prev[0].tagName == 'BR')
{
- $next = $figure.next();
- $figure.remove();
- }
- else if ($link.size() !== 0)
- {
- $parent = $link.parent();
- $link.remove();
- }
- else
- {
- $image.remove();
+ $prev.remove();
}
- $('#redactor-image-box').remove();
+ this.clean.clearUnverified();
- if ($figure.size() !== 0)
- {
- this.caret.setStart($next);
- }
- else
- {
- this.caret.setStart($parent);
- }
-
- // delete callback
- this.core.setCallback('imageDelete', $image[0].src, $image);
-
- this.modal.close();
- this.code.sync();
- },
- insert: function(json, direct, e)
- {
- // error callback
- if (typeof json.error != 'undefined')
- {
- this.modal.close();
- this.selection.restore();
- this.core.setCallback('imageUploadError', json);
- return;
- }
-
- var $img;
- if (typeof json == 'string')
- {
- $img = $(json).attr('data-redactor-inserted-image', 'true');
- }
- else
- {
- $img = $('
![]()
');
- $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();
-
-
- this.insert.html(this.utils.getOuterHtml(node), false);
-
- var $image = this.$editor.find('img[data-redactor-inserted-image=true]').removeAttr('data-redactor-inserted-image');
-
- 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);
-
- }
- };
- },
- file: function()
- {
- return {
- show: function()
- {
- this.modal.load('file', this.lang.get('file'), 700);
- this.upload.init('#redactor-modal-file-upload', this.opts.fileUpload, this.file.insert);
-
- this.selection.save();
-
- this.selection.get();
- var text = this.sel.toString();
-
- $('#redactor-filename').val(text);
-
- this.modal.show();
- },
- insert: function(json, direct, e)
- {
- // error callback
- if (typeof json.error != 'undefined')
- {
- this.modal.close();
- this.selection.restore();
- this.core.setCallback('fileUploadError', json);
- return;
- }
-
- var link;
- if (typeof json == 'string')
- {
- link = json;
- }
- else
- {
- var text = $('#redactor-filename').val();
- if (typeof text == 'undefined' || text === '') text = json.filename;
-
- link = '' + text + '';
- }
-
- 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();
-
-
- this.insert.html(link);
-
- if (typeof json == 'string') return;
-
- var linkmarker = $(this.$editor.find('a#filelink-marker'));
- if (linkmarker.size() !== 0) linkmarker.removeAttr('id');
- else linkmarker = false;
-
-
- this.core.setCallback('fileUpload', linkmarker, json);
}
};
@@ -6797,10 +6534,10 @@
+ ''
+ ''
+ ''
- + ''
- + ''
+ + ''
+ + ''
+ ''
- + '