/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 ? $('