/gi, "\n");
if (this.opts.preClass) {
html = html.replace(//gi, '');
}
// link nofollow
if (this.opts.linkNofollow) {
html = html.replace(/])>/gi, '');
html = html.replace(/])>/gi, '');
}
// replace special characters
var chars = {
'\u2122': '™',
'\xA9': '©',
'\u2026': '…',
'\u2014': '—',
'\u2010': '‐'
};
$.each(chars, function (i, s) {
html = html.replace(new RegExp(i, 'g'), s);
});
html = html.replace(/&/g, '&');
// remove empty paragpraphs
html = html.replace(/<\/p>/gi, "");
// remove new lines
html = html.replace(/\n{2,}/g, "\n");
// remove all newlines
if (this.opts.removeNewlines) {
html = html.replace(/\r?\n/g, "");
}
return html;
},
onPaste: function onPaste(html, data, insert) {
// if paste event
if (insert !== true) {
// 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)[^>]*>([\w\W]*?)<\/span>/gi, '$2');
html = html.replace(/]*(font-style: italic; font-weight: 700|font-weight: 700; font-style: italic)[^>]*>([\w\W]*?)<\/span>/gi, '$2');
html = html.replace(/]*font-style: italic[^>]*>([\w\W]*?)<\/span>/gi, '$1');
html = html.replace(/]*font-weight: bold[^>]*>([\w\W]*?)<\/span>/gi, '$1');
html = html.replace(/]*font-weight: 700[^>]*>([\w\W]*?)<\/span>/gi, '$1');
var msword = this.clean.isHtmlMsWord(html);
if (msword) {
html = this.clean.cleanMsWord(html);
}
}
html = $.trim(html);
if (data.pre) {
if (this.opts.preSpaces) {
html = html.replace(/\t/g, new Array(this.opts.preSpaces + 1).join(' '));
}
} else {
html = this.clean.replaceBrToNl(html);
html = this.clean.removeTagsInsidePre(html);
}
// if paste event
if (insert !== true) {
html = this.clean.removeEmptyInlineTags(html);
if (data.encode === false) {
html = html.replace(/&/g, '&');
html = this.clean.convertTags(html, data);
html = this.clean.getPlainText(html);
html = this.clean.reconvertTags(html, data);
}
}
if (data.text) {
html = this.clean.replaceNbspToSpaces(html);
html = this.clean.getPlainText(html);
}
if (data.lists) {
html = html.replace("\n", '
');
}
if (data.encode) {
html = this.clean.encodeHtml(html);
}
if (data.paragraphize) {
html = this.paragraphize.load(html);
}
return html;
},
getCurrentType: function getCurrentType(html, insert) {
var blocks = this.selection.blocks();
var data = {
text: false,
encode: false,
paragraphize: true,
line: this.clean.isHtmlLine(html),
blocks: this.clean.isHtmlBlocked(html),
pre: false,
lists: false,
block: true,
inline: true,
links: true,
images: true
};
if (blocks.length === 1 && this.utils.isCurrentOrParent(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'a', 'figcaption'])) {
data.text = true;
data.paragraphize = false;
data.inline = false;
data.images = false;
data.links = false;
data.line = true;
} else if (this.opts.type === 'inline' || this.opts.enterKey === false) {
data.paragraphize = false;
data.block = false;
data.line = true;
} else if (blocks.length === 1 && this.utils.isCurrentOrParent(['li'])) {
data.lists = true;
data.block = false;
data.paragraphize = false;
data.images = false;
} else if (blocks.length === 1 && this.utils.isCurrentOrParent(['th', 'td', 'blockquote'])) {
data.block = false;
data.paragraphize = false;
} else if (this.opts.type === 'pre' || blocks.length === 1 && this.utils.isCurrentOrParent('pre')) {
data.inline = false;
data.block = false;
data.encode = true;
data.pre = true;
data.paragraphize = false;
data.images = false;
data.links = false;
}
if (data.line === true) {
data.paragraphize = false;
}
if (insert === true) {
data.text = false;
}
return data;
},
isHtmlBlocked: function isHtmlBlocked(html) {
var match1 = html.match(new RegExp('', 'gi'));
var match2 = html.match(new RegExp('])>', 'gi'));
return match1 === null && match2 === null ? false : true;
},
isHtmlLine: function isHtmlLine(html) {
if (this.clean.isHtmlBlocked(html)) {
return false;
}
var matchBR = html.match(//gi);
var matchNL = html.match(/\n/gi);
return !matchBR && !matchNL ? true : false;
},
isHtmlMsWord: function isHtmlMsWord(html) {
return html.match(/class="?Mso|style="[^"]*\bmso-|style='[^'']*\bmso-|w:WordDocument/i);
},
removeEmptyInlineTags: function removeEmptyInlineTags(html) {
var tags = this.opts.inlineTags;
var $div = $("").html($.parseHTML(html, document, true));
var self = this;
var $spans = $div.find('span');
var $tags = $div.find(tags.join(','));
$tags.removeAttr('style');
$tags.each(function () {
var tagHtml = $(this).html();
if (this.attributes.length === 0 && self.utils.isEmpty(tagHtml)) {
$(this).replaceWith(function () {
return $(this).contents();
});
}
});
$spans.each(function () {
var tagHtml = $(this).html();
if (this.attributes.length === 0) {
$(this).replaceWith(function () {
return $(this).contents();
});
}
});
html = $div.html();
// convert php tags
html = html.replace('', '?>');
$div.remove();
return html;
},
cleanMsWord: function cleanMsWord(html) {
html = html.replace(//g, "");
html = html.replace(/[\s\S]*?<\/o:p>/gi, '');
html = html.replace(/\n/g, " ");
html = html.replace(/|<\/p>|<\/div>|<\/li>|<\/td>/gi, '\n\n');
// 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();
return html;
},
replaceNbspToSpaces: function replaceNbspToSpaces(html) {
return html.replace(' ', ' ');
},
replaceBrToNl: function replaceBrToNl(html) {
return html.replace(//gi, '\n');
},
replaceNlToBr: function replaceNlToBr(html) {
return html.replace(/\n/g, '
');
},
convertTags: function convertTags(html, data) {
var $div = $('').html(html);
// remove iframe
$div.find('iframe').remove();
// link target & attrs
var $links = $div.find('a');
$links.removeAttr('style');
if (this.opts.pasteLinkTarget !== false) {
$links.attr('target', this.opts.pasteLinkTarget);
}
// links
if (data.links && this.opts.pasteLinks) {
$div.find('a').each(function (i, link) {
if (link.href) {
var tmp = '##%a href="' + link.href + '"';
var attr;
for (var j = 0, length = link.attributes.length; j < length; j++) {
attr = link.attributes.item(j);
if (attr.name !== 'href') {
tmp += ' ' + attr.name + '="' + attr.value + '"';
}
}
link.outerHTML = tmp + '%##' + link.innerHTML + '##%/a%##';
}
});
}
html = $div.html();
// images
if (data.images && this.opts.pasteImages) {
html = html.replace(/
])>/gi, '##%img$1src="$2"$3%##');
}
// plain text
if (this.opts.pastePlainText) {
return html;
}
// all tags
var blockTags = data.lists ? ['ul', 'ol', 'li'] : this.opts.pasteBlockTags;
var tags;
if (data.block || data.lists) {
tags = data.inline ? blockTags.concat(this.opts.pasteInlineTags) : blockTags;
} else {
tags = data.inline ? this.opts.pasteInlineTags : [];
}
var len = tags.length;
for (var i = 0; i < len; i++) {
html = html.replace(new RegExp('<\/' + tags[i] + '>', 'gi'), '###/' + tags[i] + '###');
if (tags[i] === 'td' || tags[i] === 'th') {
html = html.replace(new RegExp('<' + tags[i] + '(.*?[^>])((colspan|rowspan)="(.*?[^>])")?(.*?[^>])>', 'gi'), '###' + tags[i] + ' $2###');
} else if (tags[i] === 'span') {
html = html.replace(new RegExp('<' + tags[i] + '([^>]*)class="([^>]*)"[^>]*>', 'gi'), '###' + tags[i] + ' class="$2"###');
html = html.replace(new RegExp('<' + tags[i] + '([^>]*)data-redactor-style-cache="([^>]*)"[^>]*>', 'gi'), '###' + tags[i] + ' cache="$2"###');
} else {
html = html.replace(new RegExp('<' + tags[i] + '[^>]*>', 'gi'), '###' + tags[i] + '###');
}
}
return html;
},
reconvertTags: function reconvertTags(html, data) {
// links & images
if (data.links && this.opts.pasteLinks || data.images && this.opts.pasteImages) {
html = html.replace(new RegExp('##%', 'gi'), '<');
html = html.replace(new RegExp('%##', 'gi'), '>');
}
// plain text
if (this.opts.pastePlainText) {
return html;
}
var blockTags = data.lists ? ['ul', 'ol', 'li'] : this.opts.pasteBlockTags;
var tags;
if (data.block || data.lists) {
tags = data.inline ? blockTags.concat(this.opts.pasteInlineTags) : blockTags;
} else {
tags = data.inline ? this.opts.pasteInlineTags : [];
}
var len = tags.length;
for (var i = 0; i < len; i++) {
html = html.replace(new RegExp('###\/' + tags[i] + '###', 'gi'), '');
}
for (var i = 0; i < len; i++) {
html = html.replace(new RegExp('###' + tags[i] + '###', 'gi'), '<' + tags[i] + '>');
}
for (var i = 0; i < len; i++) {
if (tags[i] === 'td' || tags[i] === 'th') {
html = html.replace(new RegExp('###' + tags[i] + '\s?(.*?[^#])###', 'gi'), '<' + tags[i] + '$1>');
} else if (tags[i] === 'span') {
html = html.replace(new RegExp('###' + tags[i] + ' cache="(.*?[^#])"###', 'gi'), '<' + tags[i] + ' style="$1" data-redactor-span="true" data-redactor-style-cache="$1">');
html = html.replace(new RegExp('###' + tags[i] + '\s?(.*?[^#])###', 'gi'), '<' + tags[i] + '$1>');
}
}
return html;
},
cleanPre: function cleanPre(block) {
block = typeof block === 'undefined' ? $(this.selection.block()).closest('pre', this.core.editor()[0]) : block;
$(block).find('br').replaceWith(function () {
return document.createTextNode('\n');
});
$(block).find('p').replaceWith(function () {
return $(this).contents();
});
},
removeTagsInsidePre: function removeTagsInsidePre(html) {
var $div = $('').append(html);
$div.find('pre').replaceWith(function () {
var str = $(this).html();
str = str.replace(/|<\/p>|<\/div>|<\/li>|<\/td>/gi, '\n');
str = str.replace(/(<([^>]+)>)/gi, '');
return $('').append(str);
});
html = $div.html();
$div.remove();
return html;
},
getPlainText: function getPlainText(html) {
html = html.replace(//gi, '');
html = html.replace(//gi, '');
html = html.replace(/<\/p>|<\/div>|<\/li>|<\/td>/gi, '\n');
html = html.replace(/<\/H[1-6]>/gi, '\n\n');
var tmp = document.createElement('div');
tmp.innerHTML = html;
html = tmp.textContent || tmp.innerText;
return $.trim(html);
},
savePreCode: function savePreCode(html) {
html = this.clean.savePreFormatting(html);
html = this.clean.saveCodeFormatting(html);
html = this.clean.restoreSelectionMarkers(html);
return html;
},
savePreFormatting: function savePreFormatting(html) {
var pre = html.match(/([\w\W]*?)<\/pre>/gi);
if (pre === null) {
return html;
}
$.each(pre, $.proxy(function (i, s) {
var arr = [];
var codeTag = false;
var contents, attr1, attr2;
if (s.match(/(([\n\r\s]+)?)/i)) {
arr = s.match(/(([\n\r\s]+)?)([\w\W]*?)<\/code>(([\n\r\s]+)?)<\/pre>/i);
codeTag = true;
contents = arr[5];
attr1 = arr[1];
attr2 = arr[4];
} else {
arr = s.match(/([\w\W]*?)<\/pre>/i);
contents = arr[2];
attr1 = arr[1];
}
contents = contents.replace(//g, '\n');
contents = contents.replace(/ /g, ' ');
if (this.opts.preSpaces) {
contents = contents.replace(/\t/g, new Array(this.opts.preSpaces + 1).join(' '));
}
contents = this.clean.encodeEntities(contents);
// $ fix
contents = contents.replace(/\$/g, '$');
if (codeTag) {
html = html.replace(s, '' + contents + '');
} else {
html = html.replace(s, '' + contents + '');
}
}, this));
return html;
},
saveCodeFormatting: function saveCodeFormatting(html) {
var code = html.match(/([\w\W]*?)<\/code>/gi);
if (code === null) {
return html;
}
$.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;
},
restoreSelectionMarkers: function restoreSelectionMarkers(html) {
html = html.replace(/<span id="selection-marker-([0-9])" class="redactor-selection-marker"><\/span>/g, '');
return html;
},
saveFormTags: function saveFormTags(html) {
return html.replace(/([\w\W]*?)<\/form>/gi, '$2');
},
restoreFormTags: function restoreFormTags(html) {
return html.replace(/([\w\W]*?)<\/section>/gi, '$3');
},
encodeHtml: function encodeHtml(html) {
html = html.replace(/”/g, '"');
html = html.replace(/“/g, '"');
html = html.replace(/‘/g, '\'');
html = html.replace(/’/g, '\'');
html = this.clean.encodeEntities(html);
return html;
},
encodeEntities: function encodeEntities(str) {
str = String(str).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
str = str.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"');
return str;
},
stripTags: function stripTags(input, denied) {
if (typeof denied === 'undefined') {
return input.replace(/(<([^>]+)>)/gi, '');
}
var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi;
return input.replace(tags, function ($0, $1) {
return denied.indexOf($1.toLowerCase()) === -1 ? $0 : '';
});
},
removeMarkers: function removeMarkers(html) {
return html.replace(/]?)class="redactor-selection-marker"(.*?[^>]?)>([\w\W]*?)<\/span>/gi, '');
},
removeSpaces: function removeSpaces(html) {
html = $.trim(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;
},
removeSpacesHard: function removeSpacesHard(html) {
html = $.trim(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,}<');
html = html.replace(/\n\n/g, "\n");
html = html.replace(/\u200B/g, '');
return html;
},
normalizeCurrentHeading: function normalizeCurrentHeading() {
var heading = this.selection.block();
if (this.utils.isCurrentOrParentHeader() && heading) {
heading.normalize();
}
}
};
},
// =code
code: function code() {
return {
syncFire: true,
html: false,
start: function start(html) {
html = $.trim(html);
html = html.replace(/^(<\/span>)/, '');
// clean
if (this.opts.type === 'textarea') {
html = this.clean.onSet(html);
} else if (this.opts.type === 'div' && html === '') {
html = this.opts.emptyHtml;
}
html = html.replace(/<\/span><\/p>/, '');
this.events.stopDetectChanges();
this.core.editor().html(html);
this.observe.load();
this.events.startDetectChanges();
},
set: function set(html, options) {
html = $.trim(html);
options = options || {};
// start
if (options.start) {
this.start = options.start;
}
// clean
if (this.opts.type === 'textarea') {
html = this.clean.onSet(html);
} else if (this.opts.type === 'div' && html === '') {
html = this.opts.emptyHtml;
}
this.core.editor().html(html);
if (this.opts.type === 'textarea') {
this.code.sync();
}
this.placeholder.enable();
},
get: function get() {
if (this.opts.type === 'textarea') {
return this.core.textarea().val();
} else {
var html = this.core.editor().html();
// clean
html = this.clean.onGet(html);
return html;
}
},
sync: function sync() {
if (!this.code.syncFire) {
return;
}
var html = this.core.editor().html();
var htmlCleaned = this.code.cleaned(html);
// is there a need to synchronize
if (this.code.isSync(htmlCleaned)) {
// do not sync
return;
}
// save code
this.code.html = htmlCleaned;
if (this.opts.type !== 'textarea') {
this.core.callback('sync', html);
this.core.callback('change', html);
return;
}
if (this.opts.type === 'textarea') {
setTimeout($.proxy(function () {
this.code.startSync(html);
}, this), 10);
}
},
startSync: function startSync(html) {
// before clean callback
html = this.core.callback('syncBefore', html);
// clean
html = this.clean.onSync(html);
// set code
this.core.textarea().val(html);
// after sync callback
this.core.callback('sync', html);
// change callback
if (this.start === false) {
this.core.callback('change', html);
}
this.start = false;
},
isSync: function isSync(htmlCleaned) {
var html = this.code.html !== false ? this.code.html : false;
return html !== false && html === htmlCleaned;
},
cleaned: function cleaned(html) {
html = html.replace(/\u200B/g, '');
return this.clean.removeMarkers(html);
}
};
},
// =core
core: function core() {
return {
id: function id() {
return this.$editor.attr('id');
},
element: function element() {
return this.$element;
},
editor: function editor() {
return typeof this.$editor === 'undefined' ? $() : this.$editor;
},
textarea: function textarea() {
return this.$textarea;
},
box: function box() {
return this.opts.type === 'textarea' ? this.$box : this.$element;
},
toolbar: function toolbar() {
return this.$toolbar ? this.$toolbar : false;
},
air: function air() {
return this.$air ? this.$air : false;
},
object: function object() {
return $.extend({}, this);
},
structure: function structure() {
this.core.editor().toggleClass('redactor-structure');
},
addEvent: function addEvent(name) {
this.core.event = name;
},
getEvent: function getEvent() {
return this.core.event;
},
callback: function callback(type, e, data) {
var eventNamespace = 'redactor';
var returnValue = false;
var events = $._data(this.core.element()[0], 'events');
// on callback
if (typeof events !== 'undefined' && typeof events[type] !== 'undefined') {
var len = events[type].length;
for (var i = 0; i < len; i++) {
var namespace = events[type][i].namespace;
if (namespace === 'callback.' + eventNamespace) {
var handler = events[type][i].handler;
var args = typeof data === 'undefined' ? [e] : [e, data];
returnValue = typeof args === 'undefined' ? handler.call(this, e) : handler.call(this, e, args);
}
}
}
if (returnValue) {
return returnValue;
}
// no callback
if (typeof this.opts.callbacks[type] === 'undefined') {
return typeof data === 'undefined' ? e : data;
}
// callback
var callback = this.opts.callbacks[type];
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 destroy() {
this.opts.destroyed = true;
this.core.callback('destroy');
// placeholder
this.placeholder.destroy();
// progress
this.progress.destroy();
// help label
$('#redactor-voice-' + this.uuid).remove();
this.core.editor().removeClass('redactor-in redactor-styles redactor-structure redactor-layer-img-edit');
// caret service
this.core.editor().off('keydown.redactor-remove-textnode');
// observer
this.core.editor().off('.redactor-observe.' + this.uuid);
// off events and remove data
this.$element.off('.redactor').removeData('redactor');
this.core.editor().off('.redactor');
$(document).off('.redactor-dropdown');
$(document).off('.redactor-air.' + this.uuid);
$(document).off('mousedown.redactor-blur.' + this.uuid);
$(document).off('mousedown.redactor.' + this.uuid);
$(document).off('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid);
$(window).off('.redactor-toolbar.' + this.uuid);
$(window).off('touchmove.redactor.' + this.uuid);
$("body").off('scroll.redactor.' + this.uuid);
$(this.opts.toolbarFixedTarget).off('scroll.redactor.' + this.uuid);
// plugins events
var self = this;
if (this.opts.plugins !== false) {
$.each(this.opts.plugins, function (i, s) {
$(window).off('.redactor-plugin-' + s);
$(document).off('.redactor-plugin-' + s);
$("body").off('.redactor-plugin-' + s);
self.core.editor().off('.redactor-plugin-' + s);
});
}
// click to edit
this.$element.off('click.redactor-click-to-edit');
this.$element.removeClass('redactor-click-to-edit');
// common
this.core.editor().removeClass('redactor-layer');
this.core.editor().removeAttr('contenteditable');
var html = this.code.get();
if (this.opts.toolbar && this.$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.opts.type === 'textarea') {
this.$box.after(this.$element);
this.$box.remove();
this.$element.val(html).show();
}
// air
if (this.opts.air) {
this.$air.remove();
}
if (this.opts.toolbar && this.$toolbar) {
this.$toolbar.remove();
}
// modal
if (this.$modalBox) {
this.$modalBox.remove();
}
if (this.$modalOverlay) {
this.$modalOverlay.remove();
}
// hide link's tooltip
$('.redactor-link-tooltip').remove();
// autosave
clearInterval(this.autosaveTimeout);
}
};
},
// =detect
detect: function detect() {
return {
// public
isWebkit: function isWebkit() {
return (/webkit/.test(this.opts.userAgent)
);
},
isFirefox: function isFirefox() {
return this.opts.userAgent.indexOf('firefox') > -1;
},
isIe: function isIe(v) {
if (document.documentMode || /Edge/.test(navigator.userAgent)) {
return 'edge';
}
var ie;
ie = RegExp('msie' + (!isNaN(v) ? '\\s' + v : ''), 'i').test(navigator.userAgent);
if (!ie) {
ie = !!navigator.userAgent.match(/Trident.*rv[ :]*11\./);
}
return ie;
},
isMobile: function isMobile() {
return (/(iPhone|iPod|BlackBerry|Android)/.test(navigator.userAgent)
);
},
isDesktop: function isDesktop() {
return !/(iPhone|iPod|iPad|BlackBerry|Android)/.test(navigator.userAgent);
},
isIpad: function isIpad() {
return (/iPad/.test(navigator.userAgent)
);
}
};
},
// =dropdown
dropdown: function dropdown() {
return {
active: false,
button: false,
key: false,
position: [],
getDropdown: function getDropdown() {
return this.dropdown.active;
},
build: function build(name, $dropdown, dropdownObject) {
dropdownObject = this.dropdown.buildFormatting(name, dropdownObject);
$.each(dropdownObject, $.proxy(function (btnName, btnObject) {
var $item = this.dropdown.buildItem(btnName, btnObject);
this.observe.addDropdown($item, btnName, btnObject);
$dropdown.attr('rel', name).append($item);
}, this));
},
buildFormatting: function buildFormatting(name, dropdownObject) {
if (name !== 'format' || this.opts.formattingAdd === false) {
return dropdownObject;
}
$.each(this.opts.formattingAdd, $.proxy(function (i, s) {
var type = this.utils.isBlockTag(s.args[0]) ? 'block' : 'inline';
dropdownObject[i] = {
func: type === 'block' ? 'block.format' : 'inline.format',
args: s.args,
title: s.title
};
}, this));
return dropdownObject;
},
buildItem: function buildItem(btnName, btnObject) {
var $itemContainer = $('');
if (typeof btnObject.classname !== 'undefined') {
$itemContainer.addClass(btnObject.classname);
}
if (btnName.search(/^divider/i) !== -1) {
$itemContainer.addClass('redactor-dropdown-divider');
return $itemContainer;
}
var $item = $('');
var $itemSpan = $('').html(btnObject.title);
$item.append($itemSpan);
$item.on('mousedown', $.proxy(function (e) {
e.preventDefault();
this.dropdown.buildClick(e, btnName, btnObject);
}, this));
$itemContainer.append($item);
return $itemContainer;
},
buildClick: function buildClick(e, btnName, btnObject) {
if ($(e.target).hasClass('redactor-dropdown-link-inactive')) {
return;
}
var command = this.dropdown.buildCommand(btnObject);
if (typeof btnObject.args !== ' undefined') {
this.button.toggle(e, btnName, command.type, command.callback, btnObject.args);
} else {
this.button.toggle(e, btnName, command.type, command.callback);
}
},
buildCommand: function buildCommand(btnObject) {
var command = {};
command.type = 'func';
command.callback = btnObject.func;
if (btnObject.command) {
command.type = 'command';
command.callback = btnObject.command;
} else if (btnObject.dropdown) {
command.type = 'dropdown';
command.callback = btnObject.dropdown;
}
return command;
},
show: function show(e, key) {
if (this.detect.isDesktop()) {
this.core.editor().focus();
}
this.dropdown.hideAll(false, key);
this.dropdown.key = key;
this.dropdown.button = this.button.get(this.dropdown.key);
if (this.dropdown.button.hasClass('dropact')) {
this.dropdown.hide();
return;
}
// re append
this.dropdown.active = this.dropdown.button.data('dropdown').appendTo(document.body);
// callback
this.core.callback('dropdownShow', { dropdown: this.dropdown.active, key: this.dropdown.key, button: this.dropdown.button });
// set button
this.button.setActive(this.dropdown.key);
this.dropdown.button.addClass('dropact');
// position
this.dropdown.getButtonPosition();
// show
if (this.button.toolbar().hasClass('toolbar-fixed-box') && this.detect.isDesktop()) {
this.dropdown.showIsFixedToolbar();
} else {
this.dropdown.showIsUnFixedToolbar();
}
// disable scroll whan dropdown scroll
if (this.detect.isDesktop() && !this.detect.isFirefox()) {
this.dropdown.active.on('mouseover.redactor-dropdown', $.proxy(this.utils.disableBodyScroll, this));
this.dropdown.active.on('mouseout.redactor-dropdown mousedown.redactor-dropdown', $.proxy(this.utils.enableBodyScroll, this));
}
e.stopPropagation();
},
showIsFixedToolbar: function showIsFixedToolbar() {
var top = this.dropdown.button.position().top + this.dropdown.button.innerHeight() + this.opts.toolbarFixedTopOffset;
var position = 'fixed';
if (this.opts.toolbarFixedTarget !== document) {
top = this.dropdown.button.innerHeight() + this.$toolbar.offset().top + this.opts.toolbarFixedTopOffset;
position = 'absolute';
}
this.dropdown.active.css({
position: position,
left: this.dropdown.position.left + 'px',
top: top + 'px'
}).show();
// animate
this.dropdown.active.redactorAnimation('slideDown', { duration: 0.2 }, $.proxy(function () {
this.dropdown.enableCallback();
this.dropdown.enableEvents();
}, this));
},
showIsUnFixedToolbar: function showIsUnFixedToolbar() {
this.dropdown.active.css({
position: 'absolute',
left: this.dropdown.position.left + 'px',
top: this.dropdown.button.innerHeight() + this.dropdown.position.top + 'px'
}).show();
// animate
this.dropdown.active.redactorAnimation(this.opts.animation ? 'slideDown' : 'show', { duration: 0.2 }, $.proxy(function () {
this.dropdown.enableCallback();
this.dropdown.enableEvents();
}, this));
},
enableEvents: function enableEvents() {
$(document).on('mousedown.redactor-dropdown', $.proxy(this.dropdown.hideAll, this));
this.core.editor().on('touchstart.redactor-dropdown', $.proxy(this.dropdown.hideAll, this));
$(document).on('keyup.redactor-dropdown', $.proxy(this.dropdown.closeHandler, this));
},
enableCallback: function enableCallback() {
this.core.callback('dropdownShown', { dropdown: this.dropdown.active, key: this.dropdown.key, button: this.dropdown.button });
},
getButtonPosition: function getButtonPosition() {
this.dropdown.position = this.dropdown.button.offset();
// fix right placement
var dropdownWidth = this.dropdown.active.width();
if (this.dropdown.position.left + dropdownWidth > $(document).width()) {
this.dropdown.position.left = Math.max(0, this.dropdown.position.left - dropdownWidth + parseInt(this.dropdown.button.innerWidth()));
}
},
closeHandler: function closeHandler(e) {
if (e.which !== this.keyCode.ESC) {
return;
}
this.dropdown.hideAll(e);
this.core.editor().focus();
},
hideAll: function hideAll(e, key) {
if (this.detect.isDesktop()) {
this.utils.enableBodyScroll();
}
if (e !== false && $(e.target).closest('.redactor-dropdown').length !== 0) {
return;
}
var $buttons = typeof key === 'undefined' ? this.button.toolbar().find('a.dropact') : this.button.toolbar().find('a.dropact').not('.re-' + key);
var $elements = typeof key === 'undefined' ? $('.redactor-dropdown-' + this.uuid) : $('.redactor-dropdown-' + this.uuid).not('.redactor-dropdown-box-' + key);
if ($elements.length !== 0) {
$(document).off('.redactor-dropdown');
this.core.editor().off('.redactor-dropdown');
$.each($elements, $.proxy(function (i, s) {
var $el = $(s);
this.core.callback('dropdownHide', $el);
$el.hide();
$el.off('mouseover mouseout').off('.redactor-dropdown');
}, this));
$buttons.removeClass('redactor-act dropact');
}
},
hide: function hide() {
if (this.dropdown.active === false) {
return;
}
if (this.detect.isDesktop()) {
this.utils.enableBodyScroll();
}
this.dropdown.active.redactorAnimation(this.opts.animation ? 'slideUp' : 'hide', { duration: 0.2 }, $.proxy(function () {
$(document).off('.redactor-dropdown');
this.core.editor().off('.redactor-dropdown');
this.dropdown.hideOut();
}, this));
},
hideOut: function hideOut() {
this.core.callback('dropdownHide', this.dropdown.active);
this.dropdown.button.removeClass('redactor-act dropact');
this.dropdown.active.off('mouseover mouseout').off('.redactor-dropdown');
this.dropdown.button = false;
this.dropdown.key = false;
this.dropdown.active = false;
}
};
},
// =events
events: function events() {
return {
focused: false,
blured: true,
dropImage: false,
stopChanges: false,
stopDetectChanges: function stopDetectChanges() {
this.events.stopChanges = true;
},
startDetectChanges: function startDetectChanges() {
var self = this;
setTimeout(function () {
self.events.stopChanges = false;
}, 1);
},
dragover: function dragover(e) {
e.preventDefault();
e.stopPropagation();
if (e.target.tagName === 'IMG') {
$(e.target).addClass('redactor-image-dragover');
}
},
dragleave: function dragleave(e) {
// remove image dragover
this.core.editor().find('img').removeClass('redactor-image-dragover');
},
drop: function drop(e) {
e = e.originalEvent || e;
// remove image dragover
this.core.editor().find('img').removeClass('redactor-image-dragover');
if (this.opts.type === 'inline' || this.opts.type === 'pre') {
e.preventDefault();
return false;
}
if (window.FormData === undefined || !e.dataTransfer) {
return true;
}
if (e.dataTransfer.files.length === 0) {
return this.events.onDrop(e);
} else {
this.events.onDropUpload(e);
}
this.core.callback('drop', e);
},
click: function click(e) {
var event = this.core.getEvent();
var type = event === 'click' || event === 'arrow' ? false : 'click';
this.core.addEvent(type);
this.utils.disableSelectAll();
this.core.callback('click', e);
},
focus: function focus(e) {
if (this.rtePaste) {
return;
}
if (this.events.isCallback('focus')) {
this.core.callback('focus', e);
}
this.events.focused = true;
this.events.blured = false;
// tab
if (this.selection.current() === false) {
var sel = this.selection.get();
var range = this.selection.range(sel);
range.setStart(this.core.editor()[0], 0);
range.setEnd(this.core.editor()[0], 0);
this.selection.update(sel, range);
}
},
blur: function blur(e) {
if (this.start || this.rtePaste) {
return;
}
if ($(e.target).closest('#' + this.core.id() + ', .redactor-toolbar, .redactor-dropdown, #redactor-modal-box').length !== 0) {
return;
}
if (!this.events.blured && this.events.isCallback('blur')) {
this.core.callback('blur', e);
}
this.events.focused = false;
this.events.blured = true;
},
touchImageEditing: function touchImageEditing() {
var scrollTimer = -1;
this.events.imageEditing = false;
$(window).on('touchmove.redactor.' + this.uuid, $.proxy(function () {
this.events.imageEditing = true;
if (scrollTimer !== -1) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout($.proxy(function () {
this.events.imageEditing = false;
}, this), 500);
}, this));
},
init: function init() {
this.core.editor().on('dragover.redactor dragenter.redactor', $.proxy(this.events.dragover, this));
this.core.editor().on('dragleave.redactor', $.proxy(this.events.dragleave, this));
this.core.editor().on('drop.redactor', $.proxy(this.events.drop, this));
this.core.editor().on('click.redactor', $.proxy(this.events.click, this));
this.core.editor().on('paste.redactor', $.proxy(this.paste.init, this));
this.core.editor().on('keydown.redactor', $.proxy(this.keydown.init, this));
this.core.editor().on('keyup.redactor', $.proxy(this.keyup.init, this));
this.core.editor().on('focus.redactor', $.proxy(this.events.focus, this));
$(document).on('mousedown.redactor-blur.' + this.uuid, $.proxy(this.events.blur, this));
this.events.touchImageEditing();
this.events.createObserver();
this.events.setupObserver();
},
createObserver: function createObserver() {
var self = this;
this.events.observer = new MutationObserver(function (mutations) {
mutations.forEach($.proxy(self.events.iterateObserver, self));
});
},
iterateObserver: function iterateObserver(mutation) {
var stop = false;
// target
if ((this.opts.type === 'textarea' || this.opts.type === 'div') && !this.detect.isFirefox() && mutation.target === this.core.editor()[0] || mutation.attributeName === 'class' && mutation.target === this.core.editor()[0]) {
stop = true;
}
if (!stop) {
this.observe.load();
this.events.changeHandler();
}
},
setupObserver: function setupObserver() {
this.events.observer.observe(this.core.editor()[0], {
attributes: true,
subtree: true,
childList: true,
characterData: true,
characterDataOldValue: true
});
},
changeHandler: function changeHandler() {
if (this.events.stopChanges) {
return;
}
this.code.sync();
// autosave
if (this.autosave.is()) {
clearTimeout(this.autosaveTimeout);
this.autosaveTimeout = setTimeout($.proxy(this.autosave.send, this), 300);
}
},
onDropUpload: function onDropUpload(e) {
e.preventDefault();
e.stopPropagation();
if (!this.opts.dragImageUpload && !this.opts.dragFileUpload || this.opts.imageUpload === null && this.opts.fileUpload === null) {
return;
}
if (e.target.tagName === 'IMG') {
this.events.dropImage = e.target;
}
var files = e.dataTransfer.files;
var len = files.length;
for (var i = 0; i < len; i++) {
this.upload.directUpload(files[i], e);
}
},
onDrop: function onDrop(e) {
this.core.callback('drop', e);
},
isCallback: function isCallback(name) {
return typeof this.opts.callbacks[name] !== 'undefined' && $.isFunction(this.opts.callbacks[name]);
},
// #backward
stopDetect: function stopDetect() {
this.events.stopDetectChanges();
},
startDetect: function startDetect() {
this.events.startDetectChanges();
}
};
},
// =file
file: function file() {
return {
is: function is() {
return !(!this.opts.fileUpload || !this.opts.fileUpload && !this.opts.s3);
},
show: function show() {
// build modal
this.modal.load('file', this.lang.get('file'), 700);
// build upload
this.upload.init('#redactor-modal-file-upload', this.opts.fileUpload, this.file.insert);
// set selected text
$('#redactor-filename').val(this.selection.get().toString());
// show
this.modal.show();
},
insert: function insert(json, direct, e) {
// error callback
if (typeof json.error !== 'undefined') {
this.modal.close();
this.core.callback('fileUploadError', json);
return;
}
this.file.release(e, direct);
// prepare
this.buffer.set();
this.air.collapsed();
// get
var text = this.file.text(json);
var $link = $('').attr('href', json.url).text(text);
var id = typeof json.id === 'undefined' ? '' : json.id;
var type = typeof json.s3 === 'undefined' ? 'file' : 's3';
// set id
$link.attr('data-' + type, id);
// insert
$link = $(this.insert.node($link));
// focus
this.caret.after($link);
// callback
this.storage.add({ type: type, node: $link[0], url: $link[0].href, id: id });
if (direct !== null) {
this.core.callback('fileUpload', $link, json);
}
},
release: function release(e, direct) {
if (direct) {
// drag and drop upload
this.marker.remove();
this.insert.nodeToPoint(e, this.marker.get());
this.selection.restore();
} else {
// upload from modal
this.modal.close();
}
},
text: function text(json) {
var text = $('#redactor-filename').val();
return typeof text === 'undefined' || text === '' ? json.name : text;
}
};
},
// =focus
focus: function focus() {
return {
start: function start() {
this.core.editor().focus();
if (this.opts.type === 'inline') {
return;
}
var $first = this.focus.first();
if ($first !== false) {
this.caret.start($first);
}
},
end: function end() {
this.core.editor().focus();
var last = this.opts.inline ? this.core.editor() : this.focus.last();
if (last.length === 0) {
return;
}
// get inline last node
var lastNode = this.focus.lastChild(last);
if (!this.detect.isWebkit() && lastNode !== false) {
this.caret.end(lastNode);
} else {
var sel = this.selection.get();
var range = this.selection.range(sel);
if (range !== null) {
range.selectNodeContents(last[0]);
range.collapse(false);
this.selection.update(sel, range);
} else {
this.caret.end(last);
}
}
},
first: function first() {
var $first = this.core.editor().children().first();
if ($first.length === 0 && ($first[0].length === 0 || $first[0].tagName === 'BR' || $first[0].tagName === 'HR' || $first[0].nodeType === 3)) {
return false;
}
if ($first[0].tagName === 'UL' || $first[0].tagName === 'OL') {
return $first.find('li').first();
}
return $first;
},
last: function last() {
return this.core.editor().children().last();
},
lastChild: function lastChild(last) {
var lastNode = last[0].lastChild;
return lastNode !== null && this.utils.isInlineTag(lastNode.tagName) ? lastNode : false;
},
is: function is() {
return this.core.editor()[0] === document.activeElement;
}
};
},
// =image
image: function image() {
return {
is: function is() {
return !(!this.opts.imageUpload || !this.opts.imageUpload && !this.opts.s3);
},
show: function show() {
// build modal
this.modal.load('image', this.lang.get('image'), 700);
// build upload
this.upload.init('#redactor-modal-image-droparea', this.opts.imageUpload, this.image.insert);
this.modal.show();
},
insert: function insert(json, direct, e) {
var $img;
// error callback
if (typeof json.error !== 'undefined') {
this.modal.close();
this.events.dropImage = false;
this.core.callback('imageUploadError', json, e);
return;
}
// change image
if (this.events.dropImage !== false) {
$img = $(this.events.dropImage);
this.core.callback('imageDelete', $img[0].src, $img);
$img.attr('src', json.url);
this.events.dropImage = false;
this.core.callback('imageUpload', $img, json);
return;
}
this.placeholder.hide();
var $figure = $('<' + this.opts.imageTag + '>');
$img = $('![]()
');
$img.attr('src', json.url);
// set id
var id = typeof json.id === 'undefined' ? '' : json.id;
var type = typeof json.s3 === 'undefined' ? 'image' : 's3';
$img.attr('data-' + type, id);
$figure.append($img);
var pre = this.utils.isTag(this.selection.current(), 'pre');
if (direct) {
this.air.collapsed();
this.marker.remove();
var node = this.insert.nodeToPoint(e, this.marker.get());
var $next = $(node).next();
this.selection.restore();
// buffer
this.buffer.set();
// insert
if (typeof $next !== 'undefined' && $next.length !== 0 && $next[0].tagName === 'IMG') {
// delete callback
this.core.callback('imageDelete', $next[0].src, $next);
// replace
$next.closest('figure, p', this.core.editor()[0]).replaceWith($figure);
this.caret.after($figure);
} else {
if (pre) {
$(pre).after($figure);
} else {
this.insert.node($figure);
}
this.caret.after($figure);
}
} else {
this.modal.close();
// buffer
this.buffer.set();
// insert
this.air.collapsed();
if (pre) {
$(pre).after($figure);
} else {
this.insert.node($figure);
}
this.caret.after($figure);
}
this.events.dropImage = false;
this.storage.add({ type: type, node: $img[0], url: $img[0].src, id: id });
var nextNode = $img[0].nextSibling;
var $nextFigure = $figure.next();
var isNextEmpty = $(nextNode).text().replace(/\u200B/g, '');
var isNextFigureEmpty = $nextFigure.text().replace(/\u200B/g, '');
if (isNextEmpty === '') {
$(nextNode).remove();
}
if ($nextFigure.length === 1 && $nextFigure[0].tagName === 'FIGURE' && isNextFigureEmpty === '') {
$nextFigure.remove();
}
if (direct !== null) {
this.core.callback('imageUpload', $img, json);
} else {
this.core.callback('imageInserted', $img, json);
}
},
setEditable: function setEditable($image) {
$image.on('dragstart', function (e) {
e.preventDefault();
});
if (this.opts.imageResizable) {
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));
if (this.image.resizer) {
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);
} else {
$image.off('click.redactor touchstart.redactor').on('click.redactor touchstart.redactor', $.proxy(function (e) {
setTimeout($.proxy(function () {
this.image.showEdit($image);
}, this), 200);
}, this));
}
},
setResizable: function setResizable(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 startResize() {
$(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 moveResize(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 stopResize() {
this.handle = false;
$(document).off('.redactor-image-resize');
this.image.hideResize();
},
hideResize: function hideResize(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);
}
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'));
}
},
loadResizableControls: function loadResizableControls($image, imageBox) {
if (this.opts.imageResizable && !this.detect.isMobile()) {
var imageResizer = $('');
if (!this.detect.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 loadEditableControls($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);
},
showEdit: function showEdit($image) {
if (this.events.imageEditing) {
return;
}
this.observe.image = $image;
var $link = $image.closest('a', this.$editor[0]);
var $figure = $image.closest('figure', this.$editor[0]);
var $container = $figure.length !== 0 ? $figure : $image;
this.modal.load('image-edit', this.lang.get('edit'), 705);
this.image.buttonDelete = this.modal.getDeleteButton().text(this.lang.get('delete'));
this.image.buttonSave = this.modal.getActionButton().text(this.lang.get('save'));
this.image.buttonDelete.on('click', $.proxy(this.image.remove, this));
this.image.buttonSave.on('click', $.proxy(this.image.update, this));
if (this.opts.imageCaption === false) {
$('#redactor-image-caption').val('').hide().prev().hide();
} else {
var $parent = $image.closest(this.opts.imageTag, this.$editor[0]);
var $ficaption = $parent.find('figcaption');
if ($ficaption !== 0) {
$('#redactor-image-caption').val($ficaption.text()).show();
}
}
if (!this.opts.imagePosition) {
$('.redactor-image-position-option').hide();
} else {
var isCentered = $figure.length !== 0 ? $container.css('text-align') === 'center' : $container.css('display') == 'block' && $container.css('float') == 'none';
var floatValue = isCentered ? 'center' : $container.css('float');
$('#redactor-image-align').val(floatValue);
}
$('#redactor-image-preview').html($(' + ')
'));
$('#redactor-image-title').val($image.attr('alt'));
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);
}
}
// hide link's tooltip
$('.redactor-link-tooltip').remove();
this.modal.show();
// focus
if (this.detect.isDesktop()) {
$('#redactor-image-title').focus();
}
},
update: function update() {
var $image = this.observe.image;
var $link = $image.closest('a', this.core.editor()[0]);
var title = $('#redactor-image-title').val().replace(/(<([^>]+)>)/ig, "");
$image.attr('alt', title).attr('title', title);
this.image.setFloating($image);
// as link
var link = $.trim($('#redactor-image-link').val()).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 = $image.replaceWith(a);
$link = this.core.editor().find('#redactor-img-tmp');
$link.removeAttr('id');
} 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.image.addCaption($image, $link);
this.modal.close();
// buffer
this.buffer.set();
},
setFloating: function setFloating($image) {
var $figure = $image.closest('figure', this.$editor[0]);
var $container = $figure.length !== 0 ? $figure : $image;
var floating = $('#redactor-image-align').val();
var imageFloat = '';
var imageDisplay = '';
var imageMargin = '';
var textAlign = '';
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':
if ($figure.length !== 0) {
textAlign = 'center';
} else {
imageDisplay = 'block';
imageMargin = 'auto';
}
break;
}
$container.css({ 'float': imageFloat, 'display': imageDisplay, 'margin': imageMargin, 'text-align': textAlign });
$container.attr('rel', $image.attr('style'));
},
addCaption: function addCaption($image, $link) {
var caption = $('#redactor-image-caption').val();
var $target = $link.length !== 0 ? $link : $image;
var $figcaption = $target.next();
if ($figcaption.length === 0 || $figcaption[0].tagName !== 'FIGCAPTION') {
$figcaption = false;
}
if (caption !== '') {
if ($figcaption === false) {
$figcaption = $('').text(caption);
$target.after($figcaption);
} else {
$figcaption.text(caption);
}
} else if ($figcaption !== false) {
$figcaption.remove();
}
},
remove: function remove(e, $image, index) {
$image = typeof $image === 'undefined' ? $(this.observe.image) : $image;
// delete from modal
if (typeof e !== 'boolean') {
this.buffer.set();
}
this.events.stopDetectChanges();
var $link = $image.closest('a', this.core.editor()[0]);
var $figure = $image.closest(this.opts.imageTag, this.core.editor()[0]);
var $parent = $image.parent();
// callback
var imageDeleteStop = this.core.callback('imageDelete', e, $image[0]);
if (imageDeleteStop === false) {
e.preventDefault();
return false;
}
if ($('#redactor-image-box').length !== 0) {
$parent = $('#redactor-image-box').parent();
}
var $next, $prev;
if ($figure.length !== 0) {
$prev = $figure.prev();
$next = $figure.next();
$figure.remove();
} else if ($link.length !== 0) {
$parent = $link.parent();
$link.remove();
} else {
$image.remove();
}
$('#redactor-image-box').remove();
if (e !== false) {
if ($next && $next.length !== 0) {
this.caret.start($next);
} else if ($prev && $prev.length !== 0) {
this.caret.end($prev);
}
}
if (typeof e !== 'boolean') {
this.modal.close();
}
this.utils.restoreScroll();
this.observe.image = false;
this.events.startDetectChanges();
this.placeholder.enable();
this.code.sync();
}
};
},
// =indent
indent: function indent() {
return {
increase: function increase() {
if (!this.list.get()) {
return;
}
var $current = $(this.selection.current()).closest('li');
var $list = $current.closest('ul, ol', this.core.editor()[0]);
var $li = $current.closest('li');
var $prev = $li.prev();
if ($prev.length === 0 || $prev[0].tagName !== 'LI') {
return;
}
this.buffer.set();
if (this.utils.isCollapsed()) {
var listTag = $list[0].tagName;
var $newList = $('<' + listTag + ' />');
this.selection.save();
var $ol = $prev.find('ol').first();
if ($ol.length === 1) {
$ol.append($current);
} else {
var listTag = $list[0].tagName;
var $newList = $('<' + listTag + ' />');
$newList.append($current);
$prev.append($newList);
}
this.selection.restore();
} else {
document.execCommand('indent');
// normalize
this.selection.save();
this.indent.removeEmpty();
this.indent.normalize();
this.selection.restore();
}
},
decrease: function decrease() {
if (!this.list.get()) {
return;
}
var $current = $(this.selection.current()).closest('li');
var $list = $current.closest('ul, ol', this.core.editor()[0]);
this.buffer.set();
document.execCommand('outdent');
var $item = $(this.selection.current()).closest('li', this.core.editor()[0]);
if (this.utils.isCollapsed()) {
this.indent.repositionItem($item);
}
if ($item.length === 0) {
document.execCommand('formatblock', false, 'p');
$item = $(this.selection.current());
var $next = $item.next();
if ($next.length !== 0 && $next[0].tagName === 'BR') {
$next.remove();
}
}
// normalize
this.selection.save();
this.indent.removeEmpty();
this.indent.normalize();
this.selection.restore();
},
repositionItem: function repositionItem($item) {
var $next = $item.next();
if ($next.length !== 0 && ($next[0].tagName !== 'UL' || $next[0].tagName !== 'OL')) {
$item.append($next);
}
var $prev = $item.prev();
if ($prev.length !== 0 && $prev[0].tagName !== 'LI') {
this.selection.save();
var $li = $item.parents('li', this.core.editor()[0]);
$li.after($item);
this.selection.restore();
}
},
normalize: function normalize() {
this.core.editor().find('li').each($.proxy(function (i, s) {
var $el = $(s);
// remove style
$el.find(this.opts.inlineTags.join(',')).each(function () {
$(this).removeAttr('style');
});
var $parent = $el.parent();
if ($parent.length !== 0 && $parent[0].tagName === 'LI') {
$parent.after($el);
return;
}
var $next = $el.next();
if ($next.length !== 0 && ($next[0].tagName === 'UL' || $next[0].tagName === 'OL')) {
$el.append($next);
}
}, this));
},
removeEmpty: function removeEmpty($list) {
var $lists = this.core.editor().find('ul, ol');
var $items = this.core.editor().find('li');
$items.each($.proxy(function (i, s) {
this.indent.removeItemEmpty(s);
}, this));
$lists.each($.proxy(function (i, s) {
this.indent.removeItemEmpty(s);
}, this));
$items.each($.proxy(function (i, s) {
this.indent.removeItemEmpty(s);
}, this));
},
removeItemEmpty: function removeItemEmpty(s) {
var html = s.innerHTML.replace(/[\t\s\n]/g, '');
html = html.replace(/<\/span>/g, '');
if (html === '') {
$(s).remove();
}
}
};
},
// =inline
inline: function inline() {
return {
getClearedNodes: function getClearedNodes() {
var nodes = this.selection.nodes();
var newNodes = [];
var len = nodes.length;
var started = 0;
// find array slice
for (var i = 0; i < len; i++) {
if ($(nodes[i]).hasClass('redactor-selection-marker')) {
started = i + 2;
break;
}
}
// find selected inline & text nodes
for (var i = 0; i < len; i++) {
if (i >= started && !this.utils.isBlockTag(nodes[i].tagName)) {
newNodes.push(nodes[i]);
}
}
return newNodes;
},
isConvertableAttr: function isConvertableAttr(node, attr, value) {
var nodeAttrValue = $(node).attr(attr);
if (nodeAttrValue) {
if (attr === 'style') {
value = $.trim(value).replace(/;$/, '');
var rules = value.split(';');
var count = 0;
for (var i = 0; i < rules.length; i++) {
var arr = rules[i].split(':');
var ruleName = $.trim(arr[0]);
var ruleValue = $.trim(arr[1]);
if (ruleName.search(/color/) !== -1) {
var val = $(node).css(ruleName);
if (val && (val === ruleValue || this.utils.rgb2hex(val) === ruleValue)) {
count++;
}
} else if ($(node).css(ruleName) === ruleValue) {
count++;
}
}
if (count === rules.length) {
return 1;
}
} else if (nodeAttrValue === value) {
return 1;
}
}
return 0;
},
isConvertable: function isConvertable(node, nodeTag, tag, attr) {
if (nodeTag === tag) {
if (attr) {
var count = 0;
for (var key in attr) {
count += this.inline.isConvertableAttr(node, key, attr[key]);
}
if (count === Object.keys(attr).length) {
return true;
}
} else {
return true;
}
}
return false;
},
setNodesStriked: function setNodesStriked(nodes, tag, attr) {
for (var i = 0; i < nodes.length; i++) {
var nodeTag = nodes[i].tagName ? nodes[i].tagName.toLowerCase() : undefined;
var parent = nodes[i].parentNode;
var parentTag = parent && parent.tagName ? parent.tagName.toLowerCase() : undefined;
var convertable = this.inline.isConvertable(parent, parentTag, tag, attr);
if (convertable) {
var $el = $(parent).replaceWith(function () {
return $('').append($(this).contents());
});
$el.attr('data-redactor-inline-converted');
}
var convertable = this.inline.isConvertable(nodes[i], nodeTag, tag, attr);
if (convertable) {
var $el = $(nodes[i]).replaceWith(function () {
return $('').append($(this).contents());
});
}
}
},
format: function format(tag, attr, value, type) {
if (typeof attr !== 'undefined' && (typeof attr === 'undefined' ? 'undefined' : _typeof(attr)) !== 'object') {
var obj = {};
obj[attr] = value;
attr = obj;
}
tag = tag.toLowerCase();
// Stop formatting pre/code
if (this.utils.isCurrentOrParent(['PRE', 'CODE'])) {
return;
}
var tags = ['b', 'bold', 'i', 'italic', 'underline', 'strikethrough', 'deleted', 'superscript', 'subscript'];
var replaced = ['strong', 'strong', 'em', 'em', 'u', 'del', 'del', 'sup', 'sub'];
for (var i = 0; i < tags.length; i++) {
if (tag === tags[i]) {
tag = replaced[i];
}
}
this.placeholder.hide();
this.buffer.set();
if (this.utils.isCollapsed()) {
this.inline.formatCollapsed(tag, attr, value, type);
} else {
this.inline.formatUncollapsed(tag, attr, value, type);
}
},
formatUncollapsed: function formatUncollapsed(tag, attr, value, type) {
this.selection.save();
var nodes = this.inline.getClearedNodes();
this.inline.setNodesStriked(nodes, tag, attr);
this.selection.restore();
document.execCommand('strikethrough');
this.selection.saveInstant();
var self = this;
this.core.editor().find('strike').each(function () {
var $el = self.utils.replaceToTag(this, tag);
for (var key in attr) {
self.inline.setAttr($el, key, attr[key], type);
}
// remove inside
var $inside = $el.find(tag);
if ($inside.length !== 0) {
for (var key in attr) {
self.inline.removeSpecificAttr($inside, key, attr[key]);
}
}
// same parent
var $parent = $el.parent();
if ($parent.html() == $el[0].outerHTML) {
for (var key in attr) {
self.inline.removeSpecificAttr($parent, key, attr[key]);
}
}
// bugfix: remove empty inline tags after selection
if (self.detect.isFirefox()) {
self.core.editor().find(tag + ':empty').remove();
}
// cache style
$el.attr('data-redactor-style-cache', $el.attr('style'));
});
this.selection.restoreInstant();
},
formatCollapsed: function formatCollapsed(tag, attr, value, type) {
var inline = this.selection.inline();
if (inline) {
var currentTag = inline.tagName.toLowerCase();
if (currentTag === tag) {
// empty = remove
if (this.utils.isEmpty(inline.innerHTML)) {
this.caret.after(inline);
$(inline).remove();
}
// not empty = break
else {
var $first = this.inline.insertBreakpoint(inline, currentTag);
this.caret.after($first);
}
} else if ($(inline).closest(tag).length === 0) {
this.inline.insertInline(tag, attr, value, type);
} else {
this.caret.start(inline);
}
} else {
this.inline.insertInline(tag, attr, value, type);
}
},
insertBreakpoint: function insertBreakpoint(inline, currentTag) {
var breakpoint = document.createElement('span');
breakpoint.id = 'redactor-inline-breakpoint';
breakpoint = this.insert.node(breakpoint);
var end = this.utils.isEndOfElement(inline);
var code = this.utils.getOuterHtml(inline);
var endTag = end ? '' : '<' + currentTag + '>';
code = code.replace(/<\/span>/i, '' + endTag);
var $code = $(code);
$(inline).replaceWith($code);
if (endTag !== '') {
this.utils.cloneAttributes(inline, $code.last());
}
return $code.first();
},
insertInline: function insertInline(tag, attr, value, type) {
var node = document.createElement(tag);
node = this.inline.setAttr(node, attr, value, type);
this.insert.node(node);
this.caret.start(node);
},
setAttr: function setAttr(inline, attr, value, type) {
if (typeof attr === 'undefined') {
return inline;
}
var func = typeof type === 'undefined' ? 'toggle' : type;
if (attr === 'class') {
inline = this.inline[func + 'Class'](value, inline);
} else {
if (func === 'remove') {
inline = this.inline[func + 'Attr'](attr, inline);
} else if (func === 'removeAll') {
inline = this.inline[func + 'Attr'](inline);
} else {
inline = this.inline[func + 'Attr'](attr, value, inline);
if (attr === 'style' && inline[0].tagName === 'SPAN') {
$(inline).attr('data-redactor-span', true);
}
}
}
return inline;
},
getInlines: function getInlines(inline) {
return typeof inline === 'undefined' ? this.selection.inlines() : inline;
},
update: function update(tag, attr, value, type) {
var inlines = this.selection.inlines();
var result = [];
var self = this;
$.each(inlines, function (i, s) {
if ($.isArray(tag)) {
if ($.inArray(s.tagName.toLowerCase(), tag) === -1) {
return;
}
} else {
if (tag !== '*' && s.tagName.toLowerCase() !== tag) {
return;
}
}
result.push(self.inline.setAttr(s, attr, value, type));
});
return result;
},
replaceClass: function replaceClass(value, inline) {
return $(this.inline.getInlines(inline)).removeAttr('class').addClass(value)[0];
},
toggleClass: function toggleClass(value, inline) {
return $(this.inline.getInlines(inline)).toggleClass(value)[0];
},
addClass: function addClass(value, inline) {
return $(this.inline.getInlines(inline)).addClass(value)[0];
},
removeClass: function removeClass(value, inline) {
return $(this.inline.getInlines(inline)).removeClass(value)[0];
},
removeAllClass: function removeAllClass(inline) {
return $(this.inline.getInlines(inline)).removeAttr('class')[0];
},
replaceAttr: function replaceAttr(inline, attr, value) {
inline = this.inline.removeAttr(attr, this.inline.getInlines(inline));
return $(inline).attr(attr, value)[0];
},
toggleAttr: function toggleAttr(attr, value, inline) {
inline = this.inline.getInlines(inline);
var self = this;
var returned = [];
$.each(inline, function (i, s) {
var $el = $(s);
if ($el.attr(attr)) {
returned.push(self.inline.removeAttr(attr, s));
} else {
returned.push(self.inline.addAttr(attr, value, s));
}
});
return returned;
},
addAttr: function addAttr(attr, value, inline) {
return $(this.inline.getInlines(inline)).attr(attr, value)[0];
},
removeSpecificAttr: function removeSpecificAttr(inline, key, value) {
if (key === 'style') {
var arr = value.split(':');
var name = arr[0].trim();
$(inline).css(name, '');
this.utils.removeEmptyAttr(inline, 'style');
} else {
$(inline).removeAttr(key)[0];
}
},
removeAttr: function removeAttr(attr, inline) {
return $(this.inline.getInlines(inline)).removeAttr(attr)[0];
},
removeAllAttr: function removeAllAttr(inline) {
inline = this.inline.getInlines(inline);
var returned = [];
$.each(inline, function (i, s) {
if (typeof s.attributes === 'undefined') {
returned.push(s);
}
var $el = $(s);
var len = s.attributes.length;
for (var z = 0; z < len; z++) {
$el.removeAttr(s.attributes[z].name);
}
returned.push($el[0]);
});
return returned;
},
removeFormat: function removeFormat() {
this.selection.save();
var nodes = this.inline.getClearedNodes();
for (var i = 0; i < nodes.length; i++) {
if (nodes[i].nodeType === 1) {
$(nodes[i]).replaceWith(function () {
return $(this).contents();
});
}
}
this.selection.restore();
},
removeStyleRule: function removeStyleRule(name) {
this.buffer.set();
var parent = this.selection.parent();
var nodes = this.selection.inlines();
this.selection.save();
if (parent && parent.tagName === 'SPAN') {
var $s = $(parent);
$s.css(name, '');
$s.removeAttr('data-redactor-span');
this.utils.removeEmptyAttr($s, 'style');
if ($s[0].attributes.length === 0) {
$s.replaceWith($s.contents());
}
}
$.each(nodes, $.proxy(function (i, s) {
var $s = $(s);
if ($.inArray(s.tagName.toLowerCase(), this.opts.inlineTags) != -1 && !$s.hasClass('redactor-selection-marker')) {
$s.css(name, '');
this.utils.removeEmptyAttr($s, 'style');
if ($s[0].attributes.length === 0) {
$s.replaceWith($s.contents());
}
}
}, this));
this.selection.restore();
}
};
},
// =insert
insert: function insert() {
return {
set: function set(html) {
this.placeholder.hide();
this.code.set(html);
this.focus.end();
this.placeholder.enable();
},
html: function html(_html, data) {
this.placeholder.hide();
this.core.editor().focus();
var block = this.selection.block();
var inline = this.selection.inline();
// clean
if (typeof data === 'undefined') {
data = this.clean.getCurrentType(_html, true);
_html = this.clean.onPaste(_html, data, true);
}
_html = $.parseHTML(_html);
// delete selected content
var sel = this.selection.get();
var range = this.selection.range(sel);
range.deleteContents();
this.selection.update(sel, range);
// insert list in list
if (data.lists) {
var $list = $(_html);
if ($list.length !== 0 && ($list[0].tagName === 'UL' || $list[0].tagName === 'OL')) {
this.insert.appendLists(block, $list);
return;
}
}
if (data.blocks && block) {
if (this.utils.isSelectAll()) {
this.core.editor().html(_html);
this.focus.end();
} else {
var breaked = this.utils.breakBlockTag();
if (breaked === false) {
this.insert.placeHtml(_html);
} else {
var $last = $(_html).children().last();
$last.append(this.marker.get());
if (breaked.type === 'start') {
breaked.$block.before(_html);
} else {
breaked.$block.after(_html);
}
this.selection.restore();
this.core.editor().find('p').each(function () {
if ($.trim(this.innerHTML) === '') {
$(this).remove();
}
});
}
}
} else {
if (inline) {
// remove same tag inside
var $div = $("").html(_html);
$div.find(inline.tagName.toLowerCase()).each(function () {
$(this).contents().unwrap();
});
_html = $div.html();
}
if (this.utils.isSelectAll()) {
var $node = $(this.opts.emptyHtml);
this.core.editor().html('').append($node);
$node.html(_html);
this.caret.end($node);
} else {
this.insert.placeHtml(_html);
}
}
this.utils.disableSelectAll();
this.linkify.format();
if (data.pre) {
this.clean.cleanPre();
}
},
text: function text(_text) {
_text = _text.toString();
_text = $.trim(_text);
var tmp = document.createElement('div');
tmp.innerHTML = _text;
_text = tmp.textContent || tmp.innerText;
if (typeof _text === 'undefined') {
return;
}
this.placeholder.hide();
this.core.editor().focus();
// blocks
var blocks = this.selection.blocks();
// nl to spaces
_text = _text.replace(/\n/g, ' ');
// select all
if (this.utils.isSelectAll()) {
var $node = $(this.opts.emptyHtml);
this.core.editor().html('').append($node);
$node.html(_text);
this.caret.end($node);
} else {
// insert
var sel = this.selection.get();
var node = document.createTextNode(_text);
if (sel.getRangeAt && sel.rangeCount) {
var range = sel.getRangeAt(0);
range.deleteContents();
range.insertNode(node);
range.setStartAfter(node);
range.collapse(true);
this.selection.update(sel, range);
}
// wrap node if selected two or more block tags
if (blocks.length > 1) {
$(node).wrap('');
this.caret.after(node);
}
}
this.utils.disableSelectAll();
this.linkify.format();
this.clean.normalizeCurrentHeading();
},
raw: function raw(html) {
this.placeholder.hide();
this.core.editor().focus();
var sel = this.selection.get();
var range = this.selection.range(sel);
range.deleteContents();
var el = document.createElement("div");
el.innerHTML = html;
var frag = document.createDocumentFragment(),
node,
lastNode;
while (node = el.firstChild) {
lastNode = frag.appendChild(node);
}
range.insertNode(frag);
if (lastNode) {
range = range.cloneRange();
range.setStartAfter(lastNode);
range.collapse(true);
sel.removeAllRanges();
sel.addRange(range);
}
},
node: function node(_node, deleteContent) {
this.placeholder.hide();
if (typeof this.start !== 'undefined') {
this.core.editor().focus();
}
_node = _node[0] || _node;
var block = this.selection.block();
var gap = this.utils.isBlockTag(_node.tagName);
var result = true;
if (this.utils.isSelectAll()) {
if (gap) {
this.core.editor().html(_node);
} else {
this.core.editor().html($('
').html(_node));
}
this.code.sync();
} else if (gap && block) {
var breaked = this.utils.breakBlockTag();
if (breaked === false) {
this.insert.placeNode(_node, deleteContent);
} else {
if (breaked.type === 'start') {
breaked.$block.before(_node);
} else {
breaked.$block.after(_node);
}
this.core.editor().find('p:empty').remove();
}
} else {
result = this.insert.placeNode(_node, deleteContent);
}
this.utils.disableSelectAll();
if (result) {
this.caret.end(_node);
}
return _node;
},
appendLists: function appendLists(block, $list) {
var $block = $(block);
var last;
var isEmpty = this.utils.isEmpty(block.innerHTML);
if (isEmpty || this.utils.isEndOfElement(block)) {
last = $block;
$list.find('li').each(function () {
last.after(this);
last = $(this);
});
if (isEmpty) {
$block.remove();
}
} else if (this.utils.isStartOfElement(block)) {
$list.find('li').each(function () {
$block.before(this);
last = $(this);
});
} else {
var endOfNode = this.selection.extractEndOfNode(block);
$block.after($('
').append(endOfNode));
$block.append($list);
last = $list;
}
this.marker.remove();
if (last) {
this.caret.end(last);
}
this.linkify.format();
},
placeHtml: function placeHtml(html) {
var marker = document.createElement('span');
marker.id = 'redactor-insert-marker';
marker = this.insert.node(marker);
$(marker).before(html);
this.selection.restore();
this.caret.after(marker);
$(marker).remove();
},
placeNode: function placeNode(node, deleteContent) {
var sel = this.selection.get();
var range = this.selection.range(sel);
if (range == null) {
return false;
}
if (deleteContent !== false) {
range.deleteContents();
}
range.insertNode(node);
range.collapse(false);
this.selection.update(sel, range);
},
nodeToPoint: function nodeToPoint(e, node) {
this.placeholder.hide();
node = node[0] || node;
if (this.utils.isEmpty()) {
node = this.utils.isBlock(node) ? node : $('').append(node);
this.core.editor().html(node);
return node;
}
var range;
var x = e.clientX,
y = e.clientY;
if (document.caretPositionFromPoint) {
var pos = document.caretPositionFromPoint(x, y);
var sel = document.getSelection();
range = sel.getRangeAt(0);
range.setStart(pos.offsetNode, pos.offset);
range.collapse(true);
range.insertNode(node);
} else if (document.caretRangeFromPoint) {
range = document.caretRangeFromPoint(x, y);
range.insertNode(node);
} else if (typeof document.body.createTextRange !== "undefined") {
range = document.body.createTextRange();
range.moveToPoint(x, y);
var endRange = range.duplicate();
endRange.moveToPoint(x, y);
range.setEndPoint("EndToEnd", endRange);
range.select();
}
return node;
},
// #backward
nodeToCaretPositionFromPoint: function nodeToCaretPositionFromPoint(e, node) {
this.insert.nodeToPoint(e, node);
},
marker: function marker() {
this.marker.insert();
}
};
},
// =keydown
keydown: function keydown() {
return {
init: function init(e) {
if (this.rtePaste) {
return;
}
var key = e.which;
var arrow = key >= 37 && key <= 40;
this.keydown.ctrl = e.ctrlKey || e.metaKey;
this.keydown.parent = this.selection.parent();
this.keydown.current = this.selection.current();
this.keydown.block = this.selection.block();
// 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');
this.keydown.figure = this.utils.isTag(this.keydown.current, 'figure');
// callback
var keydownStop = this.core.callback('keydown', e);
if (keydownStop === false) {
e.preventDefault();
return false;
}
// shortcuts setup
this.shortcuts.init(e, key);
// buffer
this.keydown.checkEvents(arrow, key);
this.keydown.setupBuffer(e, key);
if (this.utils.isSelectAll() && (key === this.keyCode.ENTER || key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE)) {
e.preventDefault();
this.code.set(this.opts.emptyHtml);
return;
}
this.keydown.addArrowsEvent(arrow);
this.keydown.setupSelectAll(e, key);
// turn off enter key
if (!this.opts.enterKey && key === this.keyCode.ENTER) {
e.preventDefault();
// remove selected
var sel = this.selection.get();
var range = this.selection.range(sel);
if (!range.collapsed) {
range.deleteContents();
}
return;
}
// down
if (this.opts.enterKey && key === this.keyCode.DOWN) {
this.keydown.onArrowDown();
}
// up
if (this.opts.enterKey && key === this.keyCode.UP) {
this.keydown.onArrowUp();
}
// replace to p before / after the table or into body
if ((this.opts.type === 'textarea' || this.opts.type === 'div') && this.keydown.current && this.keydown.current.nodeType === 3 && $(this.keydown.parent).hasClass('redactor-in')) {
this.keydown.wrapToParagraph();
}
// on Shift+Space or Ctrl+Space
if (!this.keyup.lastShiftKey && key === this.keyCode.SPACE && (e.ctrlKey || e.shiftKey)) {
e.preventDefault();
return this.keydown.onShiftSpace();
}
// on Shift+Enter or Ctrl+Enter
if (key === this.keyCode.ENTER && (e.ctrlKey || e.shiftKey)) {
e.preventDefault();
return this.keydown.onShiftEnter(e);
}
// on enter
if (key === this.keyCode.ENTER && !e.shiftKey && !e.ctrlKey && !e.metaKey) {
return this.keydown.onEnter(e);
}
// tab or cmd + [
if (key === this.keyCode.TAB || e.metaKey && key === 221 || e.metaKey && key === 219) {
return this.keydown.onTab(e, key);
}
// firefox bugfix
if (this.detect.isFirefox() && key === this.keyCode.BACKSPACE && this.keydown.block && this.keydown.block.tagName === 'P' && this.utils.isStartOfElement(this.keydown.block)) {
var $prev = $(this.keydown.block).prev();
if ($prev.length !== 0) {
e.preventDefault();
$prev.append(this.marker.get());
$prev.append($(this.keydown.block).html());
$(this.keydown.block).remove();
this.selection.restore();
return;
}
}
// backspace & delete
if (key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE) {
if (this.observe.image && typeof this.observe.image !== 'undefined' && $('#redactor-image-box').length !== 0) {
e.preventDefault();
var $prev = this.observe.image.closest('figure, p').prev();
this.image.remove(false);
this.observe.image = false;
if ($prev && $prev.length !== 0) {
this.caret.end($prev);
} else {
this.core.editor().focus();
}
return;
}
this.keydown.onBackspaceAndDeleteBefore();
}
if (key === this.keyCode.DELETE) {
var $next = $(this.keydown.block).next();
// delete figure
if (this.utils.isEndOfElement(this.keydown.block) && $next.length !== 0 && $next[0].tagName === 'FIGURE') {
$next.remove();
return false;
}
// append list (safari bug)
var tagLi = this.keydown.block && this.keydown.block.tagName === 'LI' ? this.keydown.block : false;
if (tagLi) {
var $list = $(this.keydown.block).parents('ul, ol').last();
var $nextList = $list.next();
if (this.utils.isRedactorParent($list) && this.utils.isEndOfElement($list) && $nextList.length !== 0 && ($nextList[0].tagName === 'UL' || $nextList[0].tagName === 'OL')) {
e.preventDefault();
$list.append($nextList.contents());
$nextList.remove();
return false;
}
}
// append pre
if (this.utils.isEndOfElement(this.keydown.block) && $next.length !== 0 && $next[0].tagName === 'PRE') {
$(this.keydown.block).append($next.text());
$next.remove();
return false;
}
}
// image delete
if (key === this.keyCode.DELETE && $('#redactor-image-box').length !== 0) {
this.image.remove();
}
// backspace
if (key === this.keyCode.BACKSPACE) {
if (this.detect.isFirefox()) {
this.line.removeOnBackspace(e);
}
// combine list after and before if paragraph is empty
if (this.list.combineAfterAndBefore(this.keydown.block)) {
e.preventDefault();
return;
}
// backspace as outdent
var block = this.selection.block();
if (block && block.tagName === 'LI' && this.utils.isCollapsed() && this.utils.isStartOfElement()) {
this.indent.decrease();
e.preventDefault();
return;
}
this.keydown.removeInvisibleSpace();
this.keydown.removeEmptyListInTable(e);
}
if (key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE) {
this.keydown.onBackspaceAndDeleteAfter(e);
}
},
onShiftSpace: function onShiftSpace() {
this.buffer.set();
this.insert.raw(' ');
return false;
},
onShiftEnter: function onShiftEnter(e) {
this.buffer.set();
return this.keydown.pre ? this.keydown.insertNewLine(e) : this.insert.raw('
');
},
onBackspaceAndDeleteBefore: function onBackspaceAndDeleteBefore() {
this.utils.saveScroll();
},
onBackspaceAndDeleteAfter: function onBackspaceAndDeleteAfter(e) {
// remove style tag
setTimeout($.proxy(function () {
this.code.syncFire = false;
this.keydown.removeEmptyLists();
this.core.editor().find('*[style]').not('img, figure, #redactor-image-box, #redactor-image-editter, [data-redactor-span]').removeAttr('style');
this.keydown.formatEmpty(e);
this.code.syncFire = true;
}, this), 1);
},
onEnter: function onEnter(e) {
var stop = this.core.callback('enter', e);
if (stop === false) {
e.preventDefault();
return false;
}
// blockquote exit
if (this.keydown.blockquote && this.keydown.exitFromBlockquote(e) === true) {
return false;
}
// pre
if (this.keydown.pre) {
return this.keydown.insertNewLine(e);
}
// blockquote & figcaption
else if (this.keydown.blockquote || this.keydown.figcaption) {
return this.keydown.insertBreakLine(e);
}
// figure
else if (this.keydown.figure) {
setTimeout($.proxy(function () {
this.keydown.replaceToParagraph('FIGURE');
}, this), 1);
}
// paragraphs
else if (this.keydown.block) {
setTimeout($.proxy(function () {
this.keydown.replaceToParagraph('DIV');
}, this), 1);
// empty list exit
if (this.keydown.block.tagName === 'LI') {
var current = this.selection.current();
var $parent = $(current).closest('li', this.$editor[0]);
var $list = $parent.parents('ul,ol', this.$editor[0]).last();
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.start(node);
return false;
}
}
}
// outside
else if (!this.keydown.block) {
return this.keydown.insertParagraph(e);
}
// firefox enter into inline element
if (this.detect.isFirefox() && this.utils.isInline(this.keydown.parent)) {
this.keydown.insertBreakLine(e);
return;
}
// remove inline tags in new-empty paragraph
setTimeout($.proxy(function () {
var inline = this.selection.inline();
if (inline && this.utils.isEmpty(inline.innerHTML)) {
var parent = this.selection.block();
$(inline).remove();
//this.caret.start(parent);
var range = document.createRange();
range.setStart(parent, 0);
var textNode = document.createTextNode('\u200B');
range.insertNode(textNode);
range.setStartAfter(textNode);
range.collapse(true);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
}
}, this), 1);
},
checkEvents: function checkEvents(arrow, key) {
if (!arrow && (this.core.getEvent() === 'click' || this.core.getEvent() === 'arrow')) {
this.core.addEvent(false);
if (this.keydown.checkKeyEvents(key)) {
this.buffer.set();
}
}
},
checkKeyEvents: function checkKeyEvents(key) {
var k = this.keyCode;
var keys = [k.BACKSPACE, k.DELETE, k.ENTER, k.ESC, k.TAB, k.CTRL, k.META, k.ALT, k.SHIFT];
return $.inArray(key, keys) === -1 ? true : false;
},
addArrowsEvent: function addArrowsEvent(arrow) {
if (!arrow) {
return;
}
if (this.core.getEvent() === 'click' || this.core.getEvent() === 'arrow') {
this.core.addEvent(false);
return;
}
this.core.addEvent('arrow');
},
setupBuffer: function setupBuffer(e, key) {
if (this.keydown.ctrl && key === 90 && !e.shiftKey && !e.altKey && this.opts.buffer.length) // z key
{
e.preventDefault();
this.buffer.undo();
return;
}
// redo
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.SPACE || key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE || key === this.keyCode.ENTER && !e.ctrlKey && !e.shiftKey) {
this.buffer.set();
}
}
},
exitFromBlockquote: function exitFromBlockquote(e) {
if (!this.utils.isEndOfElement(this.keydown.blockquote)) {
return;
}
var tmp = this.clean.removeSpacesHard($(this.keydown.blockquote).html());
if (tmp.search(/(){1}$/i) !== -1) {
e.preventDefault();
var $last = $(this.keydown.blockquote).children().last();
$last.filter('br').remove();
$(this.keydown.blockquote).children().last().filter('span').remove();
var node = $(this.opts.emptyHtml);
$(this.keydown.blockquote).after(node);
this.caret.start(node);
return true;
}
return;
},
onArrowDown: function onArrowDown() {
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;
}
}
},
onArrowUp: function onArrowUp() {
var tags = [this.keydown.blockquote, this.keydown.pre, this.keydown.figcaption];
for (var i = 0; i < tags.length; i++) {
if (tags[i]) {
this.keydown.insertBeforeFirstElement(tags[i]);
return false;
}
}
},
insertAfterLastElement: function insertAfterLastElement(element) {
if (!this.utils.isEndOfElement(element)) {
return;
}
var last = this.core.editor().contents().last();
var $next = element.tagName === 'FIGCAPTION' ? $(this.keydown.block).parent().next() : $(this.keydown.block).next();
if ($next.length !== 0) {
return;
} else if (last.length === 0 && last[0] !== element) {
this.caret.start(last);
return;
} else {
var node = $(this.opts.emptyHtml);
if (element.tagName === 'FIGCAPTION') {
$(element).parent().after(node);
} else {
$(element).after(node);
}
this.caret.start(node);
}
},
insertBeforeFirstElement: function insertBeforeFirstElement(element) {
if (!this.utils.isStartOfElement()) {
return;
}
if (this.core.editor().contents().length > 1 && this.core.editor().contents().first()[0] !== element) {
return;
}
var node = $(this.opts.emptyHtml);
$(element).before(node);
this.caret.start(node);
},
onTab: function onTab(e, key) {
if (!this.opts.tabKey) {
return true;
}
var isList = this.keydown.block && this.keydown.block.tagName === 'LI';
if (this.utils.isEmpty(this.code.get()) || !isList && !this.keydown.pre && this.opts.tabAsSpaces === false) {
return true;
}
e.preventDefault();
this.buffer.set();
var isListStart = isList && this.utils.isStartOfElement(this.keydown.block);
var node;
if (this.keydown.pre && !e.shiftKey) {
node = this.opts.preSpaces ? document.createTextNode(Array(this.opts.preSpaces + 1).join('\xA0')) : document.createTextNode('\t');
this.insert.node(node);
} else if (this.opts.tabAsSpaces !== false && !isListStart) {
node = document.createTextNode(Array(this.opts.tabAsSpaces + 1).join('\xA0'));
this.insert.node(node);
} else {
if (e.metaKey && key === 219) {
this.indent.decrease();
} else if (e.metaKey && key === 221) {
this.indent.increase();
} else if (!e.shiftKey) {
this.indent.increase();
} else {
this.indent.decrease();
}
}
return false;
},
setupSelectAll: function setupSelectAll(e, key) {
if (this.keydown.ctrl && key === 65) {
this.utils.enableSelectAll();
} else if (key !== this.keyCode.LEFT_WIN && !this.keydown.ctrl) {
this.utils.disableSelectAll();
}
},
insertNewLine: function insertNewLine(e) {
e.preventDefault();
var node = document.createTextNode('\n');
var sel = this.selection.get();
var range = this.selection.range(sel);
range.deleteContents();
range.insertNode(node);
this.caret.after(node);
return false;
},
insertParagraph: function insertParagraph(e) {
e.preventDefault();
var p = document.createElement('p');
p.innerHTML = this.opts.invisibleSpace;
var sel = this.selection.get();
var range = this.selection.range(sel);
range.deleteContents();
range.insertNode(p);
this.caret.start(p);
return false;
},
insertBreakLine: function insertBreakLine(e) {
return this.keydown.insertBreakLineProcessing(e);
},
insertDblBreakLine: function insertDblBreakLine(e) {
return this.keydown.insertBreakLineProcessing(e, true);
},
insertBreakLineProcessing: function insertBreakLineProcessing(e, dbl) {
e.stopPropagation();
var br1 = document.createElement('br');
this.insert.node(br1);
if (dbl === true) {
var br2 = document.createElement('br');
this.insert.node(br2);
this.caret.after(br2);
} else {
this.caret.after(br1);
}
return false;
},
wrapToParagraph: function wrapToParagraph() {
var $current = $(this.keydown.current);
var node = $('').append($current.clone());
$current.replaceWith(node);
var next = $(node).next();
if (typeof next[0] !== 'undefined' && next[0].tagName === 'BR') {
next.remove();
}
this.caret.end(node);
},
replaceToParagraph: function replaceToParagraph(tag) {
var blockElem = this.selection.block();
var $prev = $(blockElem).prev();
var blockHtml = blockElem.innerHTML.replace(//gi, '');
if (blockElem.tagName === tag && this.utils.isEmpty(blockHtml) && !$(blockElem).hasClass('redactor-in')) {
var p = document.createElement('p');
$(blockElem).replaceWith(p);
this.keydown.setCaretToParagraph(p);
return false;
} else if (blockElem.tagName === 'P') {
$(blockElem).removeAttr('class').removeAttr('style');
// fix #227
if (this.detect.isIe() && this.utils.isEmpty(blockHtml) && this.utils.isInline(this.keydown.parent)) {
$(blockElem).on('input', $.proxy(function () {
var parent = this.selection.parent();
if (this.utils.isInline(parent)) {
var html = $(parent).html();
$(blockElem).html(html);
this.caret.end(blockElem);
}
$(blockElem).off('keyup');
}, this));
}
return false;
} else if ($prev.hasClass(this.opts.videoContainerClass)) {
$prev.removeAttr('class');
var p = document.createElement('p');
$prev.replaceWith(p);
this.keydown.setCaretToParagraph(p);
return false;
}
},
setCaretToParagraph: function setCaretToParagraph(p) {
var range = document.createRange();
range.setStart(p, 0);
var textNode = document.createTextNode('\u200B');
range.insertNode(textNode);
range.setStartAfter(textNode);
range.collapse(true);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
},
removeInvisibleSpace: function removeInvisibleSpace() {
var $current = $(this.keydown.current);
if ($current.text().search(/^\u200B$/g) === 0) {
$current.remove();
}
},
removeEmptyListInTable: function removeEmptyListInTable(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.start(td);
}
},
removeEmptyLists: function removeEmptyLists() {
var removeIt = function removeIt() {
var html = $.trim(this.innerHTML).replace(/\/t\/n/g, '');
if (html === '') {
$(this).remove();
}
};
this.core.editor().find('li').each(removeIt);
this.core.editor().find('ul, ol').each(removeIt);
},
formatEmpty: function formatEmpty(e) {
var html = $.trim(this.core.editor().html());
if (!this.utils.isEmpty(html)) {
return;
}
e.preventDefault();
if (this.opts.type === 'inline' || this.opts.type === 'pre') {
this.core.editor().html(this.marker.html());
this.selection.restore();
} else {
this.core.editor().html(this.opts.emptyHtml);
this.focus.start();
}
return false;
}
};
},
// =keyup
keyup: function keyup() {
return {
init: function init(e) {
if (this.rtePaste) {
return;
}
var key = e.which;
this.keyup.block = this.selection.block();
this.keyup.current = this.selection.current();
this.keyup.parent = this.selection.parent();
this.keyup.lastShiftKey = e.shiftKey;
// callback
var stop = this.core.callback('keyup', e);
if (stop === false) {
e.preventDefault();
return false;
}
// replace a prev figure to paragraph if caret is before image
if (key === this.keyCode.ENTER) {
if (this.keyup.block && this.keyup.block.tagName === 'FIGURE') {
var $prev = $(this.keyup.block).prev();
if ($prev.length !== 0 && $prev[0].tagName === 'FIGURE') {
var $newTag = this.utils.replaceToTag($prev, 'p');
this.caret.start($newTag);
return;
}
}
}
// replace figure to paragraph
if (key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE) {
if (this.utils.isSelectAll()) {
this.focus.start();
return;
}
// if caret before figure - delete image
if (this.keyup.block && this.keydown.block && this.keyup.block.tagName === 'FIGURE' && this.utils.isStartOfElement(this.keydown.block)) {
e.preventDefault();
this.selection.save();
$(this.keyup.block).find('figcaption').remove();
$(this.keyup.block).find('img').first().remove();
this.utils.replaceToTag(this.keyup.block, 'p');
var $marker = this.marker.find();
$('html, body').animate({ scrollTop: $marker.position().top + 20 }, 500);
this.selection.restore();
return;
}
// if paragraph does contain only image replace to figure
if (this.keyup.block && this.keyup.block.tagName === 'P') {
var isContainImage = $(this.keyup.block).find('img').length;
var text = $(this.keyup.block).text().replace(/\u200B/g, '');
if (text === '' && isContainImage !== 0) {
this.utils.replaceToTag(this.keyup.block, 'figure');
}
}
// if figure does not contain image - replace to paragraph
if (this.keyup.block && this.keyup.block.tagName === 'FIGURE' && $(this.keyup.block).find('img').length === 0) {
this.selection.save();
this.utils.replaceToTag(this.keyup.block, 'p');
this.selection.restore();
}
}
// linkify
if (this.linkify.isKey(key)) {
this.linkify.format();
}
}
};
},
// =lang
lang: function lang() {
return {
load: function load() {
this.opts.curLang = this.opts.langs[this.opts.lang];
},
get: function get(name) {
return typeof this.opts.curLang[name] !== 'undefined' ? this.opts.curLang[name] : '';
}
};
},
// =line
line: function line() {
return {
insert: function insert() {
this.buffer.set();
// insert
this.insert.html(this.line.getLineHtml());
// find
var $hr = this.core.editor().find('#redactor-hr-tmp-id');
$hr.removeAttr('id');
this.core.callback('insertedLine', $hr);
return $hr;
},
getLineHtml: function getLineHtml() {
var html = '
';
if (!this.detect.isFirefox() && this.utils.isEmpty()) {
html += '' + this.opts.emptyHtml + '
';
}
return html;
},
// ff only
removeOnBackspace: function removeOnBackspace(e) {
if (!this.utils.isCollapsed()) {
return;
}
var $block = $(this.selection.block());
if ($block.length === 0 || !this.utils.isStartOfElement($block)) {
return;
}
// if hr is previous element
var $prev = $block.prev();
if ($prev && $prev.length !== 0 && $prev[0].tagName === 'HR') {
e.preventDefault();
$prev.remove();
}
}
};
},
// =link
link: function link() {
return {
// public
get: function get() {
return $(this.selection.inlines('a'));
},
is: function is() {
var nodes = this.selection.nodes();
var $link = $(this.selection.current()).closest('a', this.core.editor()[0]);
return $link.length === 0 || nodes.length > 1 ? false : $link;
},
unlink: function unlink(e) {
// if call from clickable element
if (typeof e !== 'undefined' && e.preventDefault) {
e.preventDefault();
}
// buffer
this.buffer.set();
var links = this.selection.inlines('a');
if (links.length === 0) {
return;
}
var $links = this.link.replaceLinksToText(links);
this.observe.closeAllTooltip();
this.core.callback('deletedLink', $links);
},
insert: function insert(link, cleaned) {
var $el = this.link.is();
if (cleaned !== true) {
link = this.link.buildLinkFromObject($el, link);
if (link === false) {
return false;
}
}
// buffer
this.buffer.set();
// callback
link = this.core.callback('beforeInsertingLink', link);
if ($el === false) {
// insert
$el = $('');
$el = this.link.update($el, link);
$el = $(this.insert.node($el));
var $parent = $el.parent();
if (this.utils.isRedactorParent($parent) === false) {
$el.wrap('');
}
// remove unlink wrapper
if ($parent.hasClass('redactor-unlink')) {
$parent.replaceWith(function () {
return $(this).contents();
});
}
this.caret.after($el);
this.core.callback('insertedLink', $el);
} else {
// update
$el = this.link.update($el, link);
this.caret.after($el);
}
},
update: function update($el, link) {
$el.text(link.text);
$el.attr('href', link.url);
this.link.target($el, link.target);
return $el;
},
target: function target($el, _target) {
return _target ? $el.attr('target', '_blank') : $el.removeAttr('target');
},
show: function show(e) {
// if call from clickable element
if (typeof e !== 'undefined' && e.preventDefault) {
e.preventDefault();
}
// close tooltip
this.observe.closeAllTooltip();
// is link
var $el = this.link.is();
// build modal
this.link.buildModal($el);
// build link
var link = this.link.buildLinkFromElement($el);
// if link cut & paste inside editor browser added self host to a link
link.url = this.link.removeSelfHostFromUrl(link.url);
// new tab target
if (this.opts.linkNewTab && !$el) {
link.target = true;
}
// set modal values
this.link.setModalValues(link);
// show modal
this.modal.show();
// focus
if (this.detect.isDesktop()) {
$('#redactor-link-url').focus();
}
},
// private
setModalValues: function setModalValues(link) {
$('#redactor-link-blank').prop('checked', link.target);
$('#redactor-link-url').val(link.url);
$('#redactor-link-url-text').val(link.text);
},
buildModal: function buildModal($el) {
this.modal.load('link', this.lang.get($el === false ? 'link-insert' : 'link-edit'), 600);
// button insert
var $btn = this.modal.getActionButton();
$btn.text(this.lang.get($el === false ? 'insert' : 'save')).on('click', $.proxy(this.link.callback, this));
},
callback: function callback() {
// build link
var link = this.link.buildLinkFromModal();
if (link === false) {
return false;
}
// close
this.modal.close();
// insert or update
this.link.insert(link, true);
},
cleanUrl: function cleanUrl(url) {
return typeof url === 'undefined' ? '' : $.trim(url.replace(/[^\W\w\D\d+&\'@#/%?=~_|!:,.;\(\)]/gi, ''));
},
cleanText: function cleanText(text) {
return typeof text === 'undefined' ? '' : $.trim(text.replace(/(<([^>]+)>)/gi, ''));
},
getText: function getText(link) {
return link.text === '' && link.url !== '' ? this.link.truncateUrl(link.url.replace(/<|>/g, '')) : link.text;
},
isUrl: function isUrl(url) {
var pattern = '((xn--)?[\\W\\w\\D\\d]+(-[\\W\\w\\D\\d]+)*\\.)+[\\W\\w]{2,}';
var re1 = new RegExp('^(http|ftp|https)://' + pattern, 'i');
var re2 = new RegExp('^' + pattern, 'i');
var re3 = new RegExp('\.(html|php)$', 'i');
var re4 = new RegExp('^/', 'i');
var re5 = new RegExp('^tel:(.*?)', 'i');
// add protocol
if (url.search(re1) === -1 && url.search(re2) !== -1 && url.search(re3) === -1 && url.substring(0, 1) !== '/') {
url = 'http://' + url;
}
if (url.search(re1) !== -1 || url.search(re3) !== -1 || url.search(re4) !== -1 || url.search(re5) !== -1) {
return url;
}
return false;
},
isMailto: function isMailto(url) {
return url.search('@') !== -1 && /(http|ftp|https):\/\//i.test(url) === false;
},
isEmpty: function isEmpty(link) {
return link.url === '' || link.text === '' && link.url === '';
},
truncateUrl: function truncateUrl(url) {
return url.length > this.opts.linkSize ? url.substring(0, this.opts.linkSize) + '...' : url;
},
parse: function parse(link) {
// mailto
if (this.link.isMailto(link.url)) {
link.url = 'mailto:' + link.url.replace('mailto:', '');
}
// url
else if (link.url.search('#') !== 0) {
link.url = this.link.isUrl(link.url);
}
// empty url or text or isn't url
return this.link.isEmpty(link) || link.url === false ? false : link;
},
buildLinkFromModal: function buildLinkFromModal() {
var link = {};
// url
link.url = this.link.cleanUrl($('#redactor-link-url').val());
// text
link.text = this.link.cleanText($('#redactor-link-url-text').val());
link.text = this.link.getText(link);
// target
link.target = $('#redactor-link-blank').prop('checked') ? true : false;
// parse
return this.link.parse(link);
},
buildLinkFromObject: function buildLinkFromObject($el, link) {
// url
link.url = this.link.cleanUrl(link.url);
// text
link.text = typeof link.text === 'undefined' && this.selection.is() ? this.selection.text() : this.link.cleanText(link.text);
link.text = this.link.getText(link);
// target
link.target = $el === false ? link.target : this.link.buildTarget($el);
// parse
return this.link.parse(link);
},
buildLinkFromElement: function buildLinkFromElement($el) {
var link = {
url: '',
text: this.selection.is() ? this.selection.text() : '',
target: false
};
if ($el !== false) {
link.url = $el.attr('href');
link.text = $el.text();
link.target = this.link.buildTarget($el);
}
return link;
},
buildTarget: function buildTarget($el) {
return typeof $el.attr('target') !== 'undefined' && $el.attr('target') === '_blank' ? true : false;
},
removeSelfHostFromUrl: function removeSelfHostFromUrl(url) {
var href = self.location.href.replace('#', '').replace(/\/$/i, '');
return url.replace(/^\/\#/, '#').replace(href, '').replace('mailto:', '');
},
replaceLinksToText: function replaceLinksToText(links) {
var $first;
var $links = $.each(links, function (i, s) {
var $el = $(s);
var $unlinked = $('').append($el.contents());
$el.replaceWith($unlinked);
if (i === 0) {
$first = $unlinked;
}
return $el;
});
// set caret after unlinked node
if (links.length === 1 && this.selection.isCollapsed()) {
this.caret.after($first);
}
return $links;
}
};
},
// =linkify
linkify: function linkify() {
return {
isKey: function isKey(key) {
return key === this.keyCode.ENTER || key === this.keyCode.SPACE;
},
isLink: function isLink(node) {
return node.nodeValue.match(this.opts.regexps.linkyoutube) || node.nodeValue.match(this.opts.regexps.linkvimeo) || node.nodeValue.match(this.opts.regexps.linkimage) || node.nodeValue.match(this.opts.regexps.url);
},
isFiltered: function isFiltered(i, node) {
return node.nodeType === 3 && $.trim(node.nodeValue) !== "" && !$(node).parent().is("pre") && this.linkify.isLink(node);
},
handler: function handler(i, node) {
var $el = $(node);
var text = $el.text();
var html = text;
if (html.match(this.opts.regexps.linkyoutube) || html.match(this.opts.regexps.linkvimeo)) {
html = this.linkify.convertVideoLinks(html);
} else if (html.match(this.opts.regexps.linkimage)) {
html = this.linkify.convertImages(html);
} else {
html = this.linkify.convertLinks(html);
}
$el.before(text.replace(text, html)).remove();
},
format: function format() {
if (!this.opts.linkify || this.utils.isCurrentOrParent('pre')) {
return;
}
this.core.editor().find(":not(iframe,img,a,pre,code,.redactor-unlink)").addBack().contents().filter($.proxy(this.linkify.isFiltered, this)).each($.proxy(this.linkify.handler, this));
// collect
var $objects = this.core.editor().find('.redactor-linkify-object').each($.proxy(function (i, s) {
var $el = $(s);
$el.removeClass('redactor-linkify-object');
if ($el.attr('class') === '') {
$el.removeAttr('class');
}
if (s.tagName === 'DIV') // video container
{
this.linkify.breakBlockTag($el, 'video');
} else if (s.tagName === 'IMG') // image
{
this.linkify.breakBlockTag($el, 'image');
} else if (s.tagName === 'A') {
this.core.callback('insertedLink', $el);
}
return $el;
}, this));
// callback
setTimeout($.proxy(function () {
this.code.sync();
this.core.callback('linkify', $objects);
}, this), 100);
},
breakBlockTag: function breakBlockTag($el, type) {
var breaked = this.utils.breakBlockTag();
if (breaked === false) {
return;
}
var $newBlock = $el;
if (type === 'image') {
$newBlock = $('').append($el);
}
if (breaked.type === 'start') {
breaked.$block.before($newBlock);
} else {
breaked.$block.after($newBlock);
}
if (type === 'image') {
this.caret.after($newBlock);
}
},
convertVideoLinks: function convertVideoLinks(html) {
var iframeStart = '
';
if (html.match(this.opts.regexps.linkyoutube)) {
html = html.replace(this.opts.regexps.linkyoutube, iframeStart + '//www.youtube.com/embed/$1' + iframeEnd);
}
if (html.match(this.opts.regexps.linkvimeo)) {
html = html.replace(this.opts.regexps.linkvimeo, iframeStart + '//player.vimeo.com/video/$2' + iframeEnd);
}
return html;
},
convertImages: function convertImages(html) {
var matches = html.match(this.opts.regexps.linkimage);
if (!matches) {
return html;
}
return html.replace(html, '
');
},
convertLinks: function convertLinks(html) {
var matches = html.match(this.opts.regexps.url);
if (!matches) {
return html;
}
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;
var linkProtocol = href.match(/(https?|ftp):\/\//i) !== null ? '' : 'http://';
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) + '');
}
return html;
}
};
},
// =list
list: function list() {
return {
toggle: function toggle(cmd) {
if (this.utils.inBlocks(['table', 'td', 'th', 'tr'])) {
return;
}
var tag = cmd === 'orderedlist' || cmd === 'ol' ? 'OL' : 'UL';
cmd = tag === 'OL' ? 'orderedlist' : 'unorderedlist';
var $list = $(this.selection.current()).parentsUntil('.redactor-in', 'ul, ol').first();
this.placeholder.hide();
this.buffer.set();
if ($list.length !== 0 && $list[0].tagName === tag && this.utils.isRedactorParent($list)) {
this.selection.save();
// remove list
$list.find('ul, ol').each(function () {
var parent = $(this).closest('li');
$(this).find('li').each(function () {
$(parent).after(this);
});
});
$list.find('ul, ol').remove();
$list.find('li').each(function () {
return $(this).replaceWith(function () {
return $('').append($(this).contents());
});
});
$list.replaceWith(function () {
return $(this).contents();
});
this.selection.restore();
return;
}
this.selection.save();
if ($list.length !== 0 && $list[0].tagName !== tag) {
$list.each($.proxy(function (i, s) {
this.utils.replaceToTag(s, tag);
}, this));
} else {
document.execCommand('insert' + cmd);
}
this.selection.restore();
var $insertedList = this.list.get();
if (!$insertedList) {
if (!this.selection.block()) {
document.execCommand('formatblock', false, 'p');
}
return;
}
// clear span
$insertedList.find('span').replaceWith(function () {
return $(this).contents();
});
// remove style
$insertedList.find(this.opts.inlineTags.join(',')).each(function () {
$(this).removeAttr('style');
});
// remove block-element list wrapper
var $listParent = $insertedList.parent();
if (this.utils.isRedactorParent($listParent) && $listParent[0].tagName !== 'LI' && this.utils.isBlock($listParent)) {
this.selection.save();
$listParent.replaceWith($listParent.contents());
this.selection.restore();
}
},
get: function get() {
var current = this.selection.current();
var $list = $(current).closest('ul, ol', this.core.editor()[0]);
return $list.length === 0 ? false : $list;
},
combineAfterAndBefore: function combineAfterAndBefore(block) {
var $prev = $(block).prev();
var $next = $(block).next();
var isEmptyBlock = block && block.tagName === 'P' && (block.innerHTML === '
' || block.innerHTML === '');
var isBlockWrapped = $prev.closest('ol, ul', this.core.editor()[0]).length === 1 && $next.closest('ol, ul', this.core.editor()[0]).length === 1;
if (isEmptyBlock && isBlockWrapped) {
$prev.children('li').last().append(this.marker.get());
$prev.append($next.contents());
this.selection.restore();
return true;
}
return false;
}
};
},
// =marker
marker: function marker() {
return {
// public
get: function get(num) {
num = typeof num === 'undefined' ? 1 : num;
var marker = document.createElement('span');
marker.id = 'selection-marker-' + num;
marker.className = 'redactor-selection-marker';
marker.innerHTML = this.opts.invisibleSpace;
return marker;
},
html: function html(num) {
return this.utils.getOuterHtml(this.marker.get(num));
},
find: function find(num) {
num = typeof num === 'undefined' ? 1 : num;
return this.core.editor().find('span#selection-marker-' + num);
},
insert: function insert() {
var sel = this.selection.get();
var range = this.selection.range(sel);
this.marker.insertNode(range, this.marker.get(1), true);
if (range && range.collapsed === false) {
this.marker.insertNode(range, this.marker.get(2), false);
}
},
remove: function remove() {
this.core.editor().find('.redactor-selection-marker').each(this.marker.iterateRemove);
},
// private
insertNode: function insertNode(range, node, collapse) {
var parent = this.selection.parent();
if (range === null || $(parent).closest('.redactor-in').length === 0) {
return;
}
range = range.cloneRange();
try {
range.collapse(collapse);
range.insertNode(node);
} catch (e) {
this.focus.start();
}
},
iterateRemove: function iterateRemove(i, el) {
var $el = $(el);
var text = $el.text().replace(/\u200B/g, '');
return text === '' ? $el.remove() : $el.replaceWith(function () {
return $(this).contents();
});
}
};
},
// =modal
modal: function modal() {
return {
callbacks: {},
templates: function templates() {
this.opts.modal = {
'image-edit': String() + '' + '
' + '
' + '
' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '
' + '
' + '' + '' + '' + '' + '' + '' + '' + '
'
};
$.extend(this.opts, this.opts.modal);
},
addCallback: function addCallback(name, callback) {
this.modal.callbacks[name] = callback;
},
addTemplate: function addTemplate(name, template) {
this.opts.modal[name] = template;
},
getTemplate: function getTemplate(name) {
return this.opts.modal[name];
},
getModal: function getModal() {
return this.$modalBody;
},
getActionButton: function getActionButton() {
return this.$modalBody.find('#redactor-modal-button-action');
},
getCancelButton: function getCancelButton() {
return this.$modalBody.find('#redactor-modal-button-cancel');
},
getDeleteButton: function getDeleteButton() {
return this.$modalBody.find('#redactor-modal-button-delete');
},
load: function load(templateName, title, width) {
if (typeof this.$modalBox !== 'undefined' && this.$modalBox.hasClass('open')) {
return;
}
this.modal.templateName = templateName;
this.modal.width = width;
this.modal.build();
this.modal.enableEvents();
this.modal.setTitle(title);
this.modal.setDraggable();
this.modal.setContent();
// callbacks
if (typeof this.modal.callbacks[templateName] !== 'undefined') {
this.modal.callbacks[templateName].call(this);
}
},
show: function show() {
if (!this.detect.isDesktop()) {
document.activeElement.blur();
}
this.selection.save();
this.modal.buildTabber();
if (this.detect.isMobile()) {
this.modal.width = '96%';
}
// resize
setTimeout($.proxy(this.modal.buildWidth, this), 0);
$(window).on('resize.redactor-modal', $.proxy(this.modal.buildWidth, this));
this.$modalOverlay.redactorAnimation('fadeIn', {
duration: 0.25
});
this.$modalBox.addClass('open').show();
this.$modal.redactorAnimation('fadeIn', {
timing: 'cubic-bezier(0.175, 0.885, 0.320, 1.105)'
}, $.proxy(function () {
this.utils.saveScroll();
this.utils.disableBodyScroll();
// modal shown callback
this.core.callback('modalOpened', this.modal.templateName, this.$modal);
// fix bootstrap modal focus
$(document).off('focusin.modal');
// enter
var $elements = this.$modal.find('input[type=text],input[type=url],input[type=email]');
$elements.on('keydown.redactor-modal', $.proxy(this.modal.setEnter, this));
}, this));
},
buildWidth: function buildWidth() {
var windowHeight = $(window).height();
var windowWidth = $(window).width();
var number = typeof this.modal.width === 'number';
if (!number && this.modal.width.match(/%$/)) {
this.$modal.css({ 'width': this.modal.width, 'margin-bottom': '16px' });
} else if (parseInt(this.modal.width) > windowWidth) {
this.$modal.css({ 'width': '96%', 'margin-bottom': '2%' });
} else {
if (number) {
this.modal.width += 'px';
}
this.$modal.css({ 'width': this.modal.width, 'margin-bottom': '16px' });
}
// margin top
var height = this.$modal.outerHeight();
var top = windowHeight / 2 - height / 2 + 'px';
if (this.detect.isMobile()) {
top = '2%';
} else if (height > windowHeight) {
top = '16px';
}
this.$modal.css('margin-top', top);
},
buildTabber: function buildTabber() {
this.modal.tabs = this.$modal.find('.redactor-modal-tab');
if (this.modal.tabs.length < 2) {
return;
}
this.modal.$tabsBox = $('');
$.each(this.modal.tabs, $.proxy(function (i, s) {
var a = $('').text($(s).attr('data-title'));
a.on('click', $.proxy(this.modal.showTab, this));
if (i === 0) {
a.addClass('active');
}
this.modal.$tabsBox.append(a);
}, this));
this.$modalBody.prepend(this.modal.$tabsBox);
},
showTab: function showTab(e) {
e.preventDefault();
var $el = $(e.target);
var index = $el.attr('rel');
this.modal.tabs.hide();
this.modal.tabs.eq(index).show();
$('#redactor-modal-tabber').find('a').removeClass('active');
$el.addClass('active');
return false;
},
setTitle: function setTitle(title) {
this.$modalHeader.html(title);
},
setContent: function setContent() {
this.$modalBody.html(this.modal.getTemplate(this.modal.templateName));
this.modal.getCancelButton().on('mousedown', $.proxy(this.modal.close, this));
},
setDraggable: function setDraggable() {
if (typeof $.fn.draggable === 'undefined') {
return;
}
this.$modal.draggable({ handle: this.$modalHeader });
this.$modalHeader.css('cursor', 'move');
},
setEnter: function setEnter(e) {
if (e.which !== 13) {
return;
}
e.preventDefault();
this.modal.getActionButton().click();
},
build: function build() {
this.modal.buildOverlay();
this.$modalBox = $('').hide();
this.$modal = $('');
this.$modalHeader = $('');
this.$modalClose = $('').html('×');
this.$modalBody = $('');
this.$modal.append(this.$modalHeader);
this.$modal.append(this.$modalBody);
this.$modal.append(this.$modalClose);
this.$modalBox.append(this.$modal);
this.$modalBox.appendTo(document.body);
},
buildOverlay: function buildOverlay() {
this.$modalOverlay = $('').hide();
$('body').prepend(this.$modalOverlay);
},
enableEvents: function enableEvents() {
this.$modalClose.on('mousedown.redactor-modal', $.proxy(this.modal.close, this));
$(document).on('keyup.redactor-modal', $.proxy(this.modal.closeHandler, this));
this.core.editor().on('keyup.redactor-modal', $.proxy(this.modal.closeHandler, this));
this.$modalBox.on('click.redactor-modal', $.proxy(this.modal.close, this));
},
disableEvents: function disableEvents() {
this.$modalClose.off('mousedown.redactor-modal');
$(document).off('keyup.redactor-modal');
this.core.editor().off('keyup.redactor-modal');
this.$modalBox.off('click§.redactor-modal');
$(window).off('resize.redactor-modal');
},
closeHandler: function closeHandler(e) {
if (e.which !== this.keyCode.ESC) {
return;
}
this.modal.close(false);
},
close: function close(e) {
if (e) {
if ($(e.target).attr('id') !== 'redactor-modal-button-cancel' && e.target !== this.$modalClose[0] && e.target !== this.$modalBox[0]) {
return;
}
e.preventDefault();
}
if (!this.$modalBox) {
return;
}
// restore selection
this.selection.restore();
this.modal.disableEvents();
this.utils.enableBodyScroll();
this.utils.restoreScroll();
this.$modalOverlay.redactorAnimation('fadeOut', { duration: 0.4 }, $.proxy(function () {
this.$modalOverlay.remove();
}, this));
this.$modal.redactorAnimation('fadeOut', {
duration: 0.3,
timing: 'cubic-bezier(0.175, 0.885, 0.320, 1.175)'
}, $.proxy(function () {
if (typeof this.$modalBox !== 'undefined') {
this.$modalBox.remove();
this.$modalBox = undefined;
}
$(document.body).css('overflow', this.modal.bodyOveflow);
this.core.callback('modalClosed', this.modal.templateName);
}, this));
}
};
},
// =observe
observe: function observe() {
return {
load: function load() {
if (typeof this.opts.destroyed !== 'undefined') {
return;
}
this.observe.links();
this.observe.images();
},
isCurrent: function isCurrent($el, $current) {
if (typeof $current === 'undefined') {
$current = $(this.selection.current());
}
return $current.is($el) || $current.parents($el).length > 0;
},
toolbar: function toolbar() {
this.observe.buttons();
this.observe.dropdowns();
},
buttons: function buttons(e, btnName) {
var current = this.selection.current();
var parent = this.selection.parent();
if (e !== false) {
this.button.setInactiveAll();
} else {
this.button.setInactiveAll(btnName);
}
if (e === false && btnName !== 'html') {
if ($.inArray(btnName, this.opts.activeButtons) !== -1) {
this.button.toggleActive(btnName);
}
return;
}
if (!this.utils.isRedactorParent(current)) {
return;
}
// disable line
if (this.utils.isCurrentOrParentHeader() || this.utils.isCurrentOrParent(['table', 'pre', 'blockquote', 'li'])) {
this.button.disable('horizontalrule');
} else {
this.button.enable('horizontalrule');
}
$.each(this.opts.activeButtonsStates, $.proxy(function (key, value) {
var parentEl = $(parent).closest(key, this.$editor[0]);
var currentEl = $(current).closest(key, this.$editor[0]);
if (parentEl.length !== 0 && !this.utils.isRedactorParent(parentEl)) {
return;
}
if (!this.utils.isRedactorParent(currentEl)) {
return;
}
if (parentEl.length !== 0 || currentEl.closest(key, this.$editor[0]).length !== 0) {
this.button.setActive(value);
}
}, this));
},
dropdowns: function dropdowns() {
var finded = $('
').html(this.selection.html()).find('a').length;
var $current = $(this.selection.current());
var isRedactor = this.utils.isRedactorParent($current);
$.each(this.opts.observe.dropdowns, $.proxy(function (key, value) {
var observe = value.observe,
element = observe.element,
$item = value.item,
inValues = typeof observe['in'] !== 'undefined' ? observe['in'] : false,
outValues = typeof observe.out !== 'undefined' ? observe.out : false;
if ($current.closest(element).length > 0 && isRedactor || element === 'a' && finded !== 0) {
this.observe.setDropdownProperties($item, inValues, outValues);
} else {
this.observe.setDropdownProperties($item, outValues, inValues);
}
}, this));
},
setDropdownProperties: function setDropdownProperties($item, addProperties, deleteProperties) {
if (deleteProperties && typeof deleteProperties.attr !== 'undefined') {
this.observe.setDropdownAttr($item, deleteProperties.attr, true);
}
if (typeof addProperties.attr !== 'undefined') {
this.observe.setDropdownAttr($item, addProperties.attr);
}
if (typeof addProperties.title !== 'undefined') {
$item.find('span').text(addProperties.title);
}
},
setDropdownAttr: function setDropdownAttr($item, properties, isDelete) {
$.each(properties, function (key, value) {
if (key === 'class') {
if (!isDelete) {
$item.addClass(value);
} else {
$item.removeClass(value);
}
} else {
if (!isDelete) {
$item.attr(key, value);
} else {
$item.removeAttr(key);
}
}
});
},
addDropdown: function addDropdown($item, btnName, btnObject) {
if (typeof btnObject.observe === "undefined") {
return;
}
btnObject.item = $item;
this.opts.observe.dropdowns.push(btnObject);
},
images: function images() {
if (this.opts.imageEditable) {
this.core.editor().addClass('redactor-layer-img-edit');
this.core.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', this.$editor[0]).on('click', function (e) {
e.preventDefault();
});
this.image.setEditable($img);
}, this));
}
},
links: function links() {
if (this.opts.linkTooltip) {
this.core.editor().find('a').each($.proxy(function (i, s) {
var $link = $(s);
if ($link.data('cached') !== true) {
$link.data('cached', true);
$link.on('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid, $.proxy(this.observe.showTooltip, this));
}
}, this));
}
},
getTooltipPosition: function getTooltipPosition($link) {
return $link.offset();
},
showTooltip: function showTooltip(e) {
var $el = $(e.target);
if ($el[0].tagName === 'IMG') {
return;
}
if ($el[0].tagName !== 'A') {
$el = $el.closest('a', this.$editor[0]);
}
if ($el[0].tagName !== 'A') {
return;
}
var $link = $el;
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);
var lineHeight = parseInt($link.css('line-height'), 10);
var lineClicked = Math.ceil((e.pageY - pos.top) / lineHeight);
var top = pos.top + lineClicked * lineHeight;
tooltip.css({
top: top + 'px',
left: pos.left + 'px'
});
$('.redactor-link-tooltip').remove();
$('body').append(tooltip);
this.core.editor().on('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid, $.proxy(this.observe.closeTooltip, this));
$(document).on('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid, $.proxy(this.observe.closeTooltip, this));
},
closeAllTooltip: function closeAllTooltip() {
$('.redactor-link-tooltip').remove();
},
closeTooltip: function closeTooltip(e) {
e = e.originalEvent || e;
var target = e.target;
var $parent = $(target).closest('a', this.$editor[0]);
if ($parent.length !== 0 && $parent[0].tagName === 'A' && target.tagName !== 'A') {
return;
} else if (target.tagName === 'A' && this.utils.isRedactorParent(target) || $(target).hasClass('redactor-link-tooltip-action')) {
return;
}
this.observe.closeAllTooltip();
this.core.editor().off('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid, $.proxy(this.observe.closeTooltip, this));
$(document).off('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid, $.proxy(this.observe.closeTooltip, this));
}
};
},
// =offset
offset: function offset() {
return {
get: function get(node) {
var cloned = this.offset.clone(node);
if (cloned === false) {
return 0;
}
var div = document.createElement('div');
div.appendChild(cloned.cloneContents());
div.innerHTML = div.innerHTML.replace(/
])>$/gi, 'i');
var text = $.trim($(div).text()).replace(/[\t\n\r\n]/g, '').replace(/\u200B/g, '');
return text.length;
},
clone: function clone(node) {
var sel = this.selection.get();
var range = this.selection.range(sel);
if (range === null && typeof node === 'undefined') {
return false;
}
node = typeof node === 'undefined' ? this.$editor : node;
if (node === false) {
return false;
}
node = node[0] || node;
var cloned = range.cloneRange();
cloned.selectNodeContents(node);
cloned.setEnd(range.endContainer, range.endOffset);
return cloned;
},
set: function set(start, end) {
end = typeof end === 'undefined' ? start : end;
if (!this.focus.is()) {
this.focus.start();
}
var sel = this.selection.get();
var range = this.selection.range(sel);
var node,
offset = 0;
var walker = document.createTreeWalker(this.$editor[0], NodeFilter.SHOW_TEXT, null, null);
while ((node = walker.nextNode()) !== null) {
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;
}
}
range.collapse(false);
this.selection.update(sel, range);
}
};
},
// =paragraphize
paragraphize: function paragraphize() {
return {
load: function load(html) {
if (this.opts.paragraphize === false || this.opts.type === 'inline' || this.opts.type === 'pre') {
return html;
}
if (html === '' || html === '') {
return this.opts.emptyHtml;
}
html = html + "\n";
this.paragraphize.safes = [];
this.paragraphize.z = 0;
// before
html = html.replace(/(){1,}\n?<\/blockquote>/gi, '');
html = html.replace(/<\/pre>/gi, "\n\n");
html = html.replace(/\s
<\/p>/gi, '
');
html = this.paragraphize.getSafes(html);
html = html.replace('
', "\n");
html = this.paragraphize.convert(html);
html = this.paragraphize.clear(html);
html = this.paragraphize.restoreSafes(html);
// after
html = html.replace(new RegExp('\n?<(' + this.opts.paragraphizeBlocks.join('|') + ')(.*?[^>])>', 'gi'), '
\n<$1$2>');
return $.trim(html);
},
getSafes: function getSafes(html) {
var $div = $('').append(html);
// remove paragraphs in blockquotes
$div.find('blockquote p').replaceWith(function () {
return $(this).append('
').contents();
});
$div.find(this.opts.paragraphizeBlocks.join(', ')).each($.proxy(function (i, s) {
this.paragraphize.z++;
this.paragraphize.safes[this.paragraphize.z] = s.outerHTML;
return $(s).replaceWith("\n#####replace" + this.paragraphize.z + "#####\n\n");
}, this));
// deal with redactor selection markers
$div.find('span.redactor-selection-marker').each($.proxy(function (i, s) {
this.paragraphize.z++;
this.paragraphize.safes[this.paragraphize.z] = s.outerHTML;
return $(s).replaceWith("\n#####replace" + this.paragraphize.z + "#####\n\n");
}, this));
return $div.html();
},
restoreSafes: function restoreSafes(html) {
$.each(this.paragraphize.safes, function (i, s) {
s = typeof s !== 'undefined' ? s.replace(/\$/g, '$') : s;
html = html.replace('#####replace' + i + '#####', s);
});
return html;
},
convert: function convert(html) {
html = html.replace(/\r\n/g, "xparagraphmarkerz");
html = html.replace(/\n/g, "xparagraphmarkerz");
html = html.replace(/\r/g, "xparagraphmarkerz");
var re1 = /\s+/g;
html = html.replace(re1, " ");
html = $.trim(html);
var re2 = /xparagraphmarkerzxparagraphmarkerz/gi;
html = html.replace(re2, "");
var re3 = /xparagraphmarkerz/gi;
html = html.replace(re3, "
");
html = '
' + html + '
';
html = html.replace("", "");
html = html.replace("\r\n\r\n", "");
html = html.replace(/<\/p>/g, "
\r\n\r\n");
html = html.replace(new RegExp("
", "g"), "");
html = html.replace(new RegExp("", "g"), "");
html = html.replace(new RegExp("
", "g"), "");
html = html.replace(new RegExp("
", "g"), "
");
html = html.replace(/ <\/p>/gi, "");
html = html.replace(/
\s?
<\/p>/gi, '');
html = html.replace(/
\s?
/gi, '
');
return html;
},
clear: function clear(html) {
html = html.replace(/
(.*?)#####replace(.*?)#####\s?<\/p>/gi, '
$1
#####replace$2#####');
html = html.replace(/(){2,}<\/p>/gi, '
');
html = html.replace(new RegExp('', 'gi'), '');
html = html.replace(new RegExp('', 'gi'), '');
html = html.replace(new RegExp('
', 'gi'), '');
html = html.replace(new RegExp('', 'gi'), '');
html = html.replace(new RegExp('', 'gi'), '
');
html = html.replace(new RegExp('
', 'gi'), '');
html = html.replace(new RegExp('\\s?
', 'gi'), '');
html = html.replace(new RegExp("\n", 'gi'), '');
html = html.replace(new RegExp('\t?\t?\n?
', 'gi'), '
');
html = html.replace(new RegExp('
\t*
', 'gi'), '');
return html;
}
};
},
// =paste
paste: function paste() {
return {
init: function init(e) {
this.rtePaste = true;
var pre = this.opts.type === 'pre' || this.utils.isCurrentOrParent('pre') ? true : false;
// clipboard event
if (this.detect.isDesktop()) {
if (!this.paste.pre && this.opts.clipboardImageUpload && this.opts.imageUpload && this.paste.detectClipboardUpload(e)) {
if (this.detect.isIe()) {
setTimeout($.proxy(this.paste.clipboardUpload, this), 100);
}
return;
}
}
this.utils.saveScroll();
this.selection.save();
this.paste.createPasteBox(pre);
$(window).on('scroll.redactor-freeze', $.proxy(function () {
$(window).scrollTop(this.saveBodyScroll);
}, this));
setTimeout($.proxy(function () {
var html = this.paste.getPasteBoxCode(pre);
// buffer
this.buffer.set();
this.selection.restore();
this.utils.restoreScroll();
// paste info
var data = this.clean.getCurrentType(html);
// clean
html = this.clean.onPaste(html, data);
// callback
var returned = this.core.callback('paste', html);
html = typeof returned === 'undefined' ? html : returned;
this.paste.insert(html, data);
this.rtePaste = false;
// clean pre breaklines
if (pre) {
this.clean.cleanPre();
}
$(window).off('scroll.redactor-freeze');
}, this), 1);
},
getPasteBoxCode: function getPasteBoxCode(pre) {
var html = pre ? this.$pasteBox.val() : this.$pasteBox.html();
this.$pasteBox.remove();
return html;
},
createPasteBox: function createPasteBox(pre) {
var css = { position: 'fixed', width: '1px', top: 0, left: '-9999px' };
this.$pasteBox = pre ? $('