', - invisibleSpace: '', - imageTypes: ['image/png', 'image/jpeg', 'image/gif'], - userAgent: navigator.userAgent.toLowerCase(), - observe: { - dropdowns: [] - }, - regexps: { - linkyoutube: /https?:\/\/(?:[0-9A-Z-]+\.)?(?:youtu\.be\/|youtube\.com\S*[^\w\-\s])([\w\-]{11})(?=[^\w\-]|$)(?![?=&+%\w.\-]*(?:['"][^<>]*>|<\/a>))[?=&+%\w.-]*/ig, - linkvimeo: /https?:\/\/(www\.)?vimeo.com\/(\d+)($|\/)/, - linkimage: /((https?|www)[^\s]+\.)(jpe?g|png|gif)(\?[^\s-]+)?/ig, - url: /(https?:\/\/(?:www\.|(?!www))[^\s\.]+\.[^\s]{2,}|www\.[^\s]+\.[^\s]{2,})/ig - } + for (var prop in current.prototype) + { + if (current.prototype.__lookupGetter__(prop)) f.__defineGetter__(prop, current.prototype.__lookupGetter__(prop)); + else f[prop] = current.prototype[prop]; + } - }; - - // Functionality - Redactor.fn = $.Redactor.prototype = { - - keyCode: { - BACKSPACE: 8, - DELETE: 46, - UP: 38, - DOWN: 40, - ENTER: 13, - SPACE: 32, - ESC: 27, - TAB: 9, - CTRL: 17, - META: 91, - SHIFT: 16, - ALT: 18, - RIGHT: 39, - LEFT: 37, - LEFT_WIN: 91 - }, - - // =init - init: function(el, options) - { - this.$element = $(el); - this.uuid = uuid++; + current.prototype = f; + current.prototype.super = parent; - this.loadOptions(options); - this.loadModules(); + return current; +}; - // click to edit - if (this.opts.clickToEdit && !this.$element.hasClass('redactor-click-to-edit')) - { - return this.loadToEdit(options); - } - else if (this.$element.hasClass('redactor-click-to-edit')) - { - this.$element.removeClass('redactor-click-to-edit'); - } +// error +$R.error = function(exception) +{ + throw exception; +}; - // block & inline test tag regexp - this.reIsBlock = new RegExp('^(' + this.opts.blockTags.join('|' ).toUpperCase() + ')$', 'i'); - this.reIsInline = new RegExp('^(' + this.opts.inlineTags.join('|' ).toUpperCase() + ')$', 'i'); +// extend +$R.extend = function() +{ + var extended = {}; + var deep = false; + var i = 0; + var length = arguments.length; + + if (Object.prototype.toString.call( arguments[0] ) === '[object Boolean]') + { + deep = arguments[0]; + i++; + } + + var merge = function(obj) + { + for (var prop in obj) + { + if (Object.prototype.hasOwnProperty.call(obj, prop)) + { + if (deep && Object.prototype.toString.call(obj[prop]) === '[object Object]') extended[prop] = $R.extend(true, extended[prop], obj[prop]); + else extended[prop] = obj[prop]; + } + } + }; + + for (; i < length; i++ ) + { + var obj = arguments[i]; + merge(obj); + } + + return extended; +}; +$R.opts = { + animation: true, + lang: 'en', + direction: 'ltr', + spellcheck: true, + structure: false, + scrollTarget: false, + styles: true, + stylesClass: 'redactor-styles', + placeholder: false, + + source: true, + showSource: false, + + inline: false, + + breakline: false, + markup: 'p', + enterKey: true, + + clickToEdit: false, + clickToSave: false, + clickToCancel: false, + + focus: false, + focusEnd: false, + + minHeight: false, // string, '100px' + maxHeight: false, // string, '100px' + maxWidth: false, // string, '700px' + + plugins: [], // array + callbacks: {}, + + // pre & tab + preClass: false, // string + preSpaces: 4, // or false + tabindex: false, // int + tabAsSpaces: false, // true or number of spaces + tabKey: true, + + // autosave + autosave: false, // false or url + autosaveName: false, + autosaveData: false, + + // toolbar + toolbar: true, + toolbarFixed: true, + toolbarFixedTarget: document, + toolbarFixedTopOffset: 0, // pixels + toolbarExternal: false, // ID selector + toolbarContext: true, + + // air + air: false, + + // formatting + formatting: ['p', 'blockquote', 'pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'], + formattingAdd: false, + formattingHide: false, + + // buttons + buttons: ['html', 'format', 'bold', 'italic', 'deleted', 'lists', 'image', 'file', 'link'], + // + 'line', 'redo', 'undo', 'underline', 'ol', 'ul', 'indent', 'outdent' + buttonsTextLabeled: false, + buttonsAdd: [], + buttonsAddFirst: [], + buttonsAddAfter: false, + buttonsAddBefore: false, + buttonsHide: [], + buttonsHideOnMobile: [], + + // image + imageUpload: false, + imageUploadParam: 'file', + imageData: false, + imageEditable: true, + imageCaption: true, + imagePosition: false, + imageResizable: false, + imageFloatMargin: '10px', + imageFigure: true, + + // file + fileUpload: false, + fileUploadParam: 'file', + fileData: false, + fileAttachment: false, + + // upload opts + uploadData: false, + dragUpload: true, + multipleUpload: true, + clipboardUpload: true, + uploadBase64: false, + + // link + linkTarget: false, + linkTitle: false, + linkNewTab: false, + linkNofollow: false, + linkSize: 30, + linkValidation: true, + + // clean + cleanOnEnter: true, + cleanInlineOnEnter: false, + paragraphize: true, + removeScript: true, + removeNewLines: false, + removeComments: true, + replaceTags: { + 'b': 'strong', + 'i': 'em', + 'strike': 'del' + }, + + // paste + pastePlainText: false, + pasteLinkTarget: false, + pasteImages: true, + pasteLinks: true, + pasteClean: true, + pasteKeepStyle: [], + pasteKeepClass: [], + pasteKeepAttrs: ['td', 'th'], + pasteBlockTags: ['pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'table', 'tbody', 'thead', 'tfoot', 'th', 'tr', 'td', 'ul', 'ol', 'li', 'blockquote', 'p', 'figure', 'figcaption'], + pasteInlineTags: ['a', 'img', 'br', 'strong', 'ins', 'code', 'del', 'span', 'samp', 'kbd', 'sup', 'sub', 'mark', 'var', 'cite', 'small', 'b', 'u', 'em', 'i', 'abbr'], + + // active buttons + activeButtons: { + b: 'bold', + strong: 'bold', + i: 'italic', + em: 'italic', + del: 'deleted', + strike: 'deleted', + u: 'underline' + }, + activeButtonsAdd: {}, + activeButtonsObservers: {}, + + // autoparser + autoparse: true, + autoparseStart: true, + autoparsePaste: true, + autoparseLinks: true, + autoparseImages: true, + autoparseVideo: true, + + // shortcodes + shortcodes: { + 'p.': { format: 'p' }, + 'quote.': { format: 'blockquote' }, + 'pre.': { format: 'pre' }, + 'h1.': { format: 'h1' }, + 'h2.': { format: 'h2' }, + 'h3.': { format: 'h3' }, + 'h4.': { format: 'h4' }, + 'h5.': { format: 'h5' }, + 'h6.': { format: 'h6' }, + '1.': { format: 'ol' }, + '*.': { format: 'ul' } + }, + shortcodesAdd: false, // object + + // shortcuts + shortcuts: { + 'ctrl+shift+m, meta+shift+m': { api: 'module.inline.clearformat' }, + 'ctrl+b, meta+b': { api: 'module.inline.format', args: 'b' }, + 'ctrl+i, meta+i': { api: 'module.inline.format', args: 'i' }, + 'ctrl+u, meta+u': { api: 'module.inline.format', args: 'u' }, + 'ctrl+h, meta+h': { api: 'module.inline.format', args: 'sup' }, + 'ctrl+l, meta+l': { api: 'module.inline.format', args: 'sub' }, + 'ctrl+k, meta+k': { api: 'module.link.open' }, + 'ctrl+alt+0, meta+alt+0': { api: 'module.block.format', args: 'p' }, + 'ctrl+alt+1, meta+alt+1': { api: 'module.block.format', args: 'h1' }, + 'ctrl+alt+2, meta+alt+2': { api: 'module.block.format', args: 'h2' }, + 'ctrl+alt+3, meta+alt+3': { api: 'module.block.format', args: 'h3' }, + 'ctrl+alt+4, meta+alt+4': { api: 'module.block.format', args: 'h4' }, + 'ctrl+alt+5, meta+alt+5': { api: 'module.block.format', args: 'h5' }, + 'ctrl+alt+6, meta+alt+6': { api: 'module.block.format', args: 'h6' }, + 'ctrl+shift+7, meta+shift+7': { api: 'module.list.toggle', args: 'ol' }, + 'ctrl+shift+8, meta+shift+8': { api: 'module.list.toggle', args: 'ul' } + }, + shortcutsAdd: false, // object + + // misc + grammarly: true, + + // private + bufferLimit: 100, + emptyHtml: '', + markerChar: '\ufeff', + imageTypes: ['image/png', 'image/jpeg', 'image/gif'], + inlineTags: ['a', 'span', 'strong', 'strike', 'b', 'u', 'em', 'i', 'code', 'del', 'ins', 'samp', 'kbd', 'sup', 'sub', 'mark', 'var', 'cite', 'small', 'abbr'], + blockTags: ['pre', 'ul', 'ol', 'li', 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'dl', 'dt', 'dd', 'div', 'table', 'tbody', 'thead', 'tfoot', 'tr', 'th', 'td', 'blockquote', 'output', 'figcaption', 'figure', 'address', 'section', 'header', 'footer', 'aside', 'article', 'iframe'], + regex: { + youtube: /https?:\/\/(?:[0-9A-Z-]+\.)?(?:youtu\.be\/|youtube\.com\S*[^\w\-\s])([\w\-]{11})(?=[^\w\-]|$)(?![?=&+%\w.-]*(?:['"][^<>]*>|<\/a>))[?=&+%\w.-]*/gi, + vimeo: /https?:\/\/(www\.)?vimeo.com\/(\d+)($|\/)/gi, + imageurl: /((https?|www)[^\s]+\.)(jpe?g|png|gif)(\?[^\s-]+)?/gi, + url: /(https?:\/\/(?:www\.|(?!www))[^\s\.]+\.[^\s]{2,}|www\.[^\s]+\.[^\s]{2,})/gi + }, + input: true, + zindex: false, + modes: { + "inline": { + pastePlainText: true, + pasteImages: false, + enterKey: false, + toolbar: false, + autoparse: false, + source: false, + showSource: false, + styles: false, + air: false + }, + "original": { + styles: false + } + } +}; +$R.lang['en'] = { + "format": "Format", + "image": "Image", + "file": "File", + "link": "Link", + "bold": "Bold", + "italic": "Italic", + "deleted": "Strikethrough", + "underline": "Underline", + "superscript": "Superscript", + "subscript": "Subscript", + "bold-abbr": "B", + "italic-abbr": "I", + "deleted-abbr": "S", + "underline-abbr": "U", + "superscript-abbr": "Sup", + "subscript-abbr": "Sub", + "lists": "Lists", + "link-insert": "Insert Link", + "link-edit": "Edit Link", + "link-in-new-tab": "Open link in new tab", + "unlink": "Unlink", + "cancel": "Cancel", + "close": "Close", + "insert": "Insert", + "save": "Save", + "delete": "Delete", + "text": "Text", + "edit": "Edit", + "title": "Title", + "paragraph": "Normal text", + "quote": "Quote", + "code": "Code", + "heading1": "Heading 1", + "heading2": "Heading 2", + "heading3": "Heading 3", + "heading4": "Heading 4", + "heading5": "Heading 5", + "heading6": "Heading 6", + "filename": "Name", + "optional": "optional", + "unorderedlist": "Unordered List", + "orderedlist": "Ordered List", + "outdent": "Outdent", + "indent": "Indent", + "horizontalrule": "Line", + "upload": "Upload", + "upload-label": "Drop files here or click to upload", + "accessibility-help-label": "Rich text editor", + "caption": "Caption", + "bulletslist": "Bullets", + "numberslist": "Numbers", + "image-position": "Position", + "none": "None", + "left": "Left", + "right": "Right", + "center": "Center", + "undo": "Undo", + "redo": "Redo" +}; +$R.buttons = { + html: { + title: 'HTML', + icon: true, + api: 'module.source.toggle' + }, + undo: { + title: '## undo ##', + icon: true, + api: 'module.buffer.undo' + }, + redo: { + title: '## redo ##', + icon: true, + api: 'module.buffer.redo' + }, + format: { + title: '## format ##', + icon: true, + dropdown: { + p: { + title: '## paragraph ##', + api: 'module.block.format', + args: { + tag: 'p' + } + }, + blockquote: { + title: '## quote ##', + api: 'module.block.format', + args: { + tag: 'blockquote' + } + }, + pre: { + title: '## code ##', + api: 'module.block.format', + args: { + tag: 'pre' + } + }, + h1: { + title: '## heading1 ##', + api: 'module.block.format', + args: { + tag: 'h1' + } + }, + h2: { + title: '## heading2 ##', + api: 'module.block.format', + args: { + tag: 'h2' + } + }, + h3: { + title: '## heading3 ##', + api: 'module.block.format', + args: { + tag: 'h3' + } + }, + h4: { + title: '## heading4 ##', + api: 'module.block.format', + args: { + tag: 'h4' + } + }, + h5: { + title: '## heading5 ##', + api: 'module.block.format', + args: { + tag: 'h5' + } + }, + h6: { + title: '## heading6 ##', + api: 'module.block.format', + args: { + tag: 'h6' + } + } + } + }, + bold: { + title: '## bold-abbr ##', + icon: true, + tooltip: '## bold ##', + api: 'module.inline.format', + args: { + tag: 'b' + } + }, + italic: { + title: '## italic-abbr ##', + icon: true, + tooltip: '## italic ##', + api: 'module.inline.format', + args: { + tag: 'i' + } + }, + deleted: { + title: '## deleted-abbr ##', + icon: true, + tooltip: '## deleted ##', + api: 'module.inline.format', + args: { + tag: 'del' + } + }, + underline: { + title: '## underline-abbr ##', + icon: true, + tooltip: '## underline ##', + api: 'module.inline.format', + args: { + tag: 'u' + } + }, + sup: { + title: '## superscript-abbr ##', + icon: true, + tooltip: '## superscript ##', + api: 'module.inline.format', + args: { + tag: 'sup' + } + }, + sub: { + title: '## subscript-abbr ##', + icon: true, + tooltip: '## subscript ##', + api: 'module.inline.format', + args: { + tag: 'sub' + } + }, + lists: { + title: '## lists ##', + icon: true, + observe: 'list', + dropdown: { + observe: 'list', + unorderedlist: { + title: '• ## unorderedlist ##', + api: 'module.list.toggle', + args: 'ul' + }, + orderedlist: { + title: '1. ## orderedlist ##', + api: 'module.list.toggle', + args: 'ol' + }, + outdent: { + title: '< ## outdent ##', + api: 'module.list.outdent' + }, + indent: { + title: '> ## indent ##', + api: 'module.list.indent' + } + } + }, + ul: { + title: '• ## bulletslist ##', + icon: true, + api: 'module.list.toggle', + observe: 'list', + args: 'ul' + }, + ol: { + title: '1. ## numberslist ##', + icon: true, + api: 'module.list.toggle', + observe: 'list', + args: 'ol' + }, + outdent: { + title: '## outdent ##', + icon: true, + api: 'module.list.outdent', + observe: 'list' + }, + indent: { + title: '## indent ##', + icon: true, + api: 'module.list.indent', + observe: 'list' + }, + image: { + title: '## image ##', + icon: true, + api: 'module.image.open' + }, + file: { + title: '## file ##', + icon: true, + api: 'module.file.open' + }, + link: { + title: '## link ##', + icon: true, + observe: 'link', + dropdown: { + observe: 'link', + link: { + title: '## link-insert ##', + api: 'module.link.open' + }, + unlink: { + title: '## unlink ##', + api: 'module.link.unlink' + } + } + }, + line: { + title: '## horizontalrule ##', + icon: true, + api: 'module.line.insert' + } +}; +var App = function(element, options, uuid) +{ + this.module = {}; + this.plugin = {}; + this.instances = {}; + + // start/stop + this.started = false; + this.stopped = false; + + // environment + this.uuid = uuid; + this.rootElement = element; + this.rootOpts = options; + this.dragInside = false; + this.dragComponentInside = false; + this.keycodes = $R.keycodes; + this.namespace = 'redactor'; + this.$win = $R.dom(window); + this.$doc = $R.dom(document); + this.$body = $R.dom('body'); + this.editorReadOnly = false; + + // core services + this.opts = $R.create('service.options', options, element); + this.lang = $R.create('service.lang', this); + + // build + this.buildServices(); + this.buildModules(); + this.buildPlugins(); + + // start + this.start(); +}; + +App.prototype = { + start: function() + { + // start + this.stopped = false; + this.broadcast('start'); + this.broadcast('startcode'); + + if (this.opts.clickToEdit) + { + this.broadcast('startclicktoedit'); + } + else + { + this.broadcast('enable'); + if (this.opts.showSource) this.broadcast('startcodeshow'); + this.broadcast('enablefocus'); + } + + // started + this.broadcast('started'); + this.started = true; + }, + stop: function() + { + this.started = false; + this.stopped = true; + + this.broadcast('stop'); + this.broadcast('disable'); + this.broadcast('stopped'); + }, + + // started & stopped + isStarted: function() + { + return this.started; + }, + isStopped: function() + { + return this.stopped; + }, + + // build + buildServices: function() + { + var core = ['options', 'lang']; + var bindable = ['uuid', 'keycodes', 'opts', 'lang', '$win', '$doc', '$body']; + var services = []; + for (var name in $R.services) + { + if (core.indexOf(name) === -1) + { + this[name] = $R.create('service.' + name, this); + services.push(name); + bindable.push(name); + } + } + + // binding + for (var i = 0; i < services.length; i++) + { + var service = services[i]; + for (var z = 0; z < bindable.length; z++) + { + var inj = bindable[z]; + if (service !== inj) + { + this[service][inj] = this[inj]; + } + } + } + }, + buildModules: function() + { + for (var name in $R.modules) + { + this.module[name] = $R.create('module.' + name, this); + this.instances[name] = this.module[name]; + } + }, + buildPlugins: function() + { + var plugins = this.opts.plugins; + for (var i = 0; i < plugins.length; i++) + { + var name = plugins[i]; + if (typeof $R.plugins[name] !== 'undefined') + { + this.plugin[name] = $R.create('plugin.' + name, this); + this.instances[name] = this.plugin[name]; + } + } + }, + + // draginside + isDragInside: function() + { + return this.dragInside; + }, + setDragInside: function(dragInside) + { + this.dragInside = dragInside; + }, + isDragComponentInside: function() + { + return this.dragComponentInside; + }, + setDragComponentInside: function(dragInside) + { + this.dragComponentInside = dragInside; + }, + getDragComponentInside: function() + { + return this.dragComponentInside; + }, + + // readonly + isReadOnly: function() + { + return this.editorReadOnly; + }, + enableReadOnly: function() + { + this.editorReadOnly = true; + this.broadcast('enablereadonly'); + this.component.clearActive(); + this.toolbar.disableButtons(); + }, + disableReadOnly: function() + { + this.editorReadOnly = false; + this.broadcast('disablereadonly'); + this.toolbar.enableButtons(); + }, + + // messaging + callMessageHandler: function(instance, name, args) + { + var arr = name.split('.'); + if (arr.length === 1) + { + if (typeof instance['on' + name] === 'function') + { + instance['on' + name].apply(instance, args); + } + } + else + { + arr[0] = 'on' + arr[0]; + + var func = this.utils.checkProperty(instance, arr); + if (typeof func === 'function') + { + func.apply(instance, args); + } + } + }, + broadcast: function(name) + { + var args = [].slice.call(arguments, 1); + for (var moduleName in this.instances) + { + this.callMessageHandler(this.instances[moduleName], name, args); + } + + // callback + return this.callback.trigger(name, args); + }, + + // callback + on: function(name, func) + { + this.callback.add(name, func); + }, + off: function(name, func) + { + this.callback.remove(name, func); + }, + + // api + api: function(name) + { + if (!this.isStarted() && name !== 'start') return; + if (this.isReadOnly() && name !== 'disableReadOnly') return; + + this.broadcast('state'); + + var args = [].slice.call(arguments, 1); + var arr = name.split('.'); + + var isApp = (arr.length === 1); + var isCallback = (arr[0] === 'on' || arr[0] === 'off'); + var isService = (!isCallback && arr.length === 2); + var isPlugin = (arr[0] === 'plugin'); + var isModule = (arr[0] === 'module'); + + // app + if (isApp) + { + if (typeof this[arr[0]] === 'function') + { + return this.callInstanceMethod(this, arr[0], args); + } + } + // callback + else if (isCallback) + { + return (arr[0] === 'on') ? this.on(arr[1], args[0]) : this.off(arr[1], args[0] || undefined); + } + // service + else if (isService) + { + if (this.isInstanceExists(this, arr[0])) + { + return this.callInstanceMethod(this[arr[0]], arr[1], args); + } + else + { + $R.error(new Error('Service "' + arr[0] + '" not found')); + } + } + // plugin + else if (isPlugin) + { + if (this.isInstanceExists(this.plugin, arr[1])) + { + return this.callInstanceMethod(this.plugin[arr[1]], arr[2], args); + } + else + { + $R.error(new Error('Plugin "' + arr[1] + '" not found')); + } + } + // module + else if (isModule) + { + if (this.isInstanceExists(this.module, arr[1])) + { + return this.callInstanceMethod(this.module[arr[1]], arr[2], args); + } + else + { + $R.error(new Error('Module "' + arr[1] + '" not found')); + } + } + + }, + isInstanceExists: function(obj, name) + { + return (typeof obj[name] !== 'undefined'); + }, + callInstanceMethod: function(instance, method, args) + { + if (typeof instance[method] === 'function') + { + return instance[method].apply(instance, args); + } + } +}; +$R.add('mixin', 'formatter', { + + // public + buildArgs: function(args) + { + this.args = { + 'class': args['class'] || false, + 'style': args['style'] || false, + 'attr': args['attr'] || false + }; + + if (!this.args['class'] && !this.args['style'] && !this.args['attr']) + { + this.args = false; + } + }, + applyArgs: function(nodes, selection) + { + if (this.args) + { + nodes = this[this.type](this.args, false, nodes, selection); + } + else + { + nodes = this._clearAll(nodes, selection); + } + + return nodes; + }, + clearClass: function(tags, nodes) + { + this.selection.save(); + + var $elements = (nodes) ? $R.dom(nodes) : this.getElements(tags, true); + $elements.removeAttr('class'); + + nodes = this._unwrapSpanWithoutAttr($elements.getAll()); + + this.selection.restore(); + + return nodes; + }, + clearStyle: function(tags, nodes) + { + this.selection.save(); + + var $elements = (nodes) ? $R.dom(nodes) : this.getElements(tags, true); + $elements.removeAttr('style'); + + nodes = this._unwrapSpanWithoutAttr($elements.getAll()); + + this.selection.restore(); + + return nodes; + }, + clearAttr: function(tags, nodes) + { + this.selection.save(); + + var $elements = (nodes) ? $R.dom(nodes) : this.getElements(tags, true); + this._removeAllAttr($elements); + + nodes = this._unwrapSpanWithoutAttr($elements.getAll()); + + this.selection.restore(); + + return nodes; + }, + set: function(args, tags, nodes, selection) + { + if (selection !== false) this.selection.save(); + + var $elements = (nodes) ? $R.dom(nodes) : this.getElements(tags); + + if (args['class']) + { + $elements.removeAttr('class'); + $elements.addClass(args['class']); + } + + if (args['style']) + { + $elements.removeAttr('style'); + $elements.css(args['style']); + $elements.each(function(node) + { + var $node = $R.dom(node); + $node.attr('data-redactor-style-cache', $node.attr('style')); + }); + } + + if (args['attr']) + { + this._removeAllAttr($elements); + $elements.attr(args['attr']); + } + + if (selection !== false) this.selection.restore(); + + return $elements.getAll(); + }, + toggle: function(args, tags, nodes, selection) + { + if (selection !== false) this.selection.save(); + + var $elements = (nodes) ? $R.dom(nodes) : this.getElements(tags); + + if (args['class']) + { + $elements.toggleClass(args['class']); + } + + var params; + if (args['style']) + { + params = args['style']; + $elements.each(function(node) + { + var $node = $R.dom(node); + for (var key in params) + { + var newVal = params[key]; + var oldVal = $node.css(key); - // set up drag upload - this.opts.dragImageUpload = (this.opts.imageUpload === null) ? false : this.opts.dragImageUpload; - this.opts.dragFileUpload = (this.opts.fileUpload === null) ? false : this.opts.dragFileUpload; + oldVal = (this.utils.isRgb(oldVal)) ? this.utils.rgb2hex(oldVal) : oldVal.replace(/"/g, ''); + newVal = (this.utils.isRgb(newVal)) ? this.utils.rgb2hex(newVal) : newVal.replace(/"/g, ''); - // formatting storage - this.formatting = {}; + oldVal = this.utils.hex2long(oldVal); + newVal = this.utils.hex2long(newVal); - // load lang - this.lang.load(); + var compareNew = (typeof newVal === 'string') ? newVal.toLowerCase() : newVal; + var compareOld = (typeof oldVal === 'string') ? oldVal.toLowerCase() : oldVal; - // extend shortcuts - $.extend(this.opts.shortcuts, this.opts.shortcutsAdd); + if (compareNew === compareOld) $node.css(key, ''); + else $node.css(key, newVal); + } - // set editor - this.$editor = this.$element; + this._convertStyleQuotes($node); - // detect type of editor - this.detectType(); + if (this.utils.removeEmptyAttr(node, 'style')) + { + $node.removeAttr('data-redactor-style-cache'); + } + else + { + $node.attr('data-redactor-style-cache', $node.attr('style')); + } + + }.bind(this)); + } + + if (args['attr']) + { + params = args['attr']; + $elements.each(function(node) + { + var $node = $R.dom(node); + for (var key in params) + { + if ($node.attr(key)) $node.removeAttr(key); + else $node.attr(key, params[key]); + } + }); + + } + + if (selection !== false) this.selection.restore(); + + return $elements.getAll(); + }, + add: function(args, tags, nodes, selection) + { + if (selection !== false) this.selection.save(); + + var $elements = (nodes) ? $R.dom(nodes) : this.getElements(tags); + + if (args['class']) + { + $elements.addClass(args['class']); + } + + if (args['style']) + { + var params = args['style']; + $elements.each(function(node) + { + var $node = $R.dom(node); + $node.css(params); + $node.attr('data-redactor-style-cache', $node.attr('style')); + + this._convertStyleQuotes($node); + + }.bind(this)); + } + + if (args['attr']) + { + $elements.attr(args['attr']); + } + + if (selection !== false) this.selection.restore(); + + return $elements.getAll(); + }, + remove: function(args, tags, nodes, selection) + { + if (selection !== false) this.selection.save(); + + var $elements = (nodes) ? $R.dom(nodes) : this.getElements(tags); + + if (args['class']) + { + $elements.removeClass(args['class']); + } + + if (args['style']) + { + var name = args['style']; + $elements.each(function(node) + { + var $node = $R.dom(node); + $node.css(name, ''); + + if (this.utils.removeEmptyAttr(node, 'style')) + { + $node.removeAttr('data-redactor-style-cache'); + } + else + { + $node.attr('data-redactor-style-cache', $node.attr('style')); + } - // start callback - this.core.callback('start'); - this.core.callback('startToEdit'); + }.bind(this)); + } - // build - this.start = true; - this.build.start(); + if (args['attr']) + { + $elements.removeAttr(args['attr']); + } - }, - detectType: function() - { - if (this.build.isInline() || this.opts.inline) - { - this.opts.type = 'inline'; - } - else if (this.build.isTag('DIV')) - { - this.opts.type = 'div'; - } - else if (this.build.isTag('PRE')) - { - this.opts.type = 'pre'; - } - }, - loadToEdit: function(options) - { + nodes = this._unwrapSpanWithoutAttr($elements.getAll()); - this.$element.on('click.redactor-click-to-edit', $.proxy(function() - { - this.initToEdit(options); + if (selection !== false) this.selection.restore(); - }, this)); + return nodes; + }, - this.$element.addClass('redactor-click-to-edit'); - return; - }, - initToEdit: function(options) - { - $.extend(options.callbacks, { - startToEdit: function() - { - this.insert.node(this.marker.get(), false); - }, - initToEdit: function() - { - this.selection.restore(); - this.clickToCancelStorage = this.code.get(); - - // cancel - $(this.opts.clickToCancel).off('.redactor-click-to-edit'); - $(this.opts.clickToCancel).show().on('click.redactor-click-to-edit', $.proxy(function(e) - { - e.preventDefault(); - - this.core.destroy(); - this.events.syncFire = false; - this.$element.html(this.clickToCancelStorage); - this.core.callback('cancel', this.clickToCancelStorage); - this.events.syncFire = true; - this.clickToCancelStorage = ''; - $(this.opts.clickToCancel).hide(); - $(this.opts.clickToSave).hide(); - - this.$element.on('click.redactor-click-to-edit', $.proxy(function() - { - this.initToEdit(options); - }, this)); - - this.$element.addClass('redactor-click-to-edit'); - - }, this)); - - // save - $(this.opts.clickToSave).off('.redactor-click-to-edit'); - $(this.opts.clickToSave).show().on('click.redactor-click-to-edit', $.proxy(function(e) - { - e.preventDefault(); - - this.core.destroy(); - this.core.callback('save', this.code.get()); - $(this.opts.clickToCancel).hide(); - $(this.opts.clickToSave).hide(); - this.$element.on('click.redactor-click-to-edit', $.proxy(function() - { - this.initToEdit(options); - }, this)); - this.$element.addClass('redactor-click-to-edit'); - - }, this)); - } - - }); - - this.$element.redactor(options); - this.$element.off('.redactor-click-to-edit'); - - }, - loadOptions: function(options) - { - var settings = {}; - - // check namespace - if (typeof $.Redactor.settings.namespace !== 'undefined') - { - if (this.$element.hasClass($.Redactor.settings.namespace)) - { - settings = $.Redactor.settings; - } - } - else - { - settings = $.Redactor.settings; - } - - this.opts = $.extend( - {}, - $.extend(true, {}, $.Redactor.opts), - $.extend(true, {}, settings), - this.$element.data(), - options - ); - - }, - getModuleMethods: function(object) - { - return Object.getOwnPropertyNames(object).filter(function(property) - { - return typeof object[property] === 'function'; - }); - }, - loadModules: function() - { - var len = $.Redactor.modules.length; - for (var i = 0; i < len; i++) - { - this.bindModuleMethods($.Redactor.modules[i]); - } - }, - bindModuleMethods: function(module) - { - if (typeof this[module] === 'undefined') - { - return; - } - - // init module - this[module] = this[module](); - - var methods = this.getModuleMethods(this[module]); - var len = methods.length; - - // bind methods - for (var z = 0; z < len; z++) - { - this[module][methods[z]] = this[module][methods[z]].bind(this); - } - }, - - // =air - air: function() - { - return { - enabled: false, - collapsed: function() - { - if (this.opts.air) - { - this.selection.get().collapseToStart(); - } - }, - collapsedEnd: function() - { - if (this.opts.air) - { - this.selection.get().collapseToEnd(); - } - }, - build: function() - { - if (this.detect.isMobile()) - { - return; - } - - this.button.hideButtons(); - this.button.hideButtonsOnMobile(); - - if (this.opts.buttons.length === 0) - { - return; - } - - this.$air = this.air.createContainer(); - - if (this.opts.airWidth !== false) - { - this.$air.css('width', this.opts.airWidth); - } - - this.air.append(); - this.button.$toolbar = this.$air; - this.button.setFormatting(); - this.button.load(this.$air); - - this.core.editor().on('mouseup.redactor', this, $.proxy(function(e) - { - if (this.selection.text() !== '') - { - this.air.show(e); - } - }, this)); - - }, - append: function() - { - this.$air.appendTo('body'); - }, - createContainer: function() - { - return $('- ').addClass('redactor-air').attr({ 'id': 'redactor-air-' + this.uuid, 'role': 'toolbar' }).hide();
- },
- show: function (e)
- {
- this.marker.remove();
- this.selection.save();
- this.selection.restore(false);
-
- $('.redactor-air').hide();
-
- var leftFix = 0;
- var width = this.$air.innerWidth();
-
- if ($(window).width() < (e.clientX + width))
- {
- leftFix = 200;
- }
-
- this.$air.css({
- left: (e.clientX - leftFix) + 'px',
- top: (e.clientY + 10 + $(document).scrollTop()) + 'px'
- }).show();
-
- this.air.enabled = true;
- this.air.bindHide();
- },
- bindHide: function()
- {
- $(document).on('mousedown.redactor-air.' + this.uuid, $.proxy(function(e)
- {
- var dropdown = $(e.target).closest('.redactor-dropdown').length;
-
- if ($(e.target).closest(this.$air).length === 0 && dropdown === 0)
- {
- var hide = this.air.hide(e);
- if (hide !== false)
- {
- this.marker.remove();
- }
- }
-
- }, this)).on('keydown.redactor-air.' + this.uuid, $.proxy(function(e)
- {
- var key = e.which;
- if ((!this.utils.isRedactorParent(e.target) && !$(e.target).hasClass('redactor-in')) || $(e.target).closest('#redactor-modal').length !== 0)
- {
- return;
- }
-
- if (key === this.keyCode.ESC)
- {
- this.selection.get().collapseToStart();
- this.marker.remove();
- }
- else if (key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE)
- {
- var sel = this.selection.get();
- var range = this.selection.range(sel);
- range.deleteContents();
- this.marker.remove();
- }
- else if (key === this.keyCode.ENTER)
- {
- this.selection.get().collapseToEnd();
- this.marker.remove();
- }
-
- if (this.air.enabled)
- {
- this.air.hide(e);
- }
- else
- {
- this.selection.get().collapseToStart();
- this.marker.remove();
- }
-
-
- }, this));
- },
- hide: function(e)
- {
- var ctrl = e.ctrlKey || e.metaKey || (e.shiftKey && e.altKey);
- if (ctrl)
- {
- return false;
- }
-
- this.button.setInactiveAll();
- this.$air.fadeOut(100);
- this.air.enabled = false;
- $(document).off('mousedown.redactor-air.' + this.uuid);
-
- }
- };
- },
-
- // =autosave
- autosave: function()
- {
- return {
- enabled: false,
- html: false,
- init: function()
- {
- if (!this.opts.autosave)
- {
- return;
- }
-
- this.autosave.enabled = true;
- this.autosave.name = (this.opts.autosaveName) ? this.opts.autosaveName : this.$textarea.attr('name');
-
- },
- is: function()
- {
- return this.autosave.enabled;
- },
- send: function()
- {
- if (!this.opts.autosave)
- {
- return;
- }
-
- this.autosave.source = this.code.get();
-
- if (this.autosave.html === this.autosave.source)
- {
- return;
- }
-
- // data
- var data = {};
- data.name = this.autosave.name;
- data[this.autosave.name] = this.autosave.source;
- data = this.autosave.getHiddenFields(data);
-
- // ajax
- var jsxhr = $.ajax({
- url: this.opts.autosave,
- type: 'post',
- data: data
- });
-
- jsxhr.done(this.autosave.success);
- },
- getHiddenFields: function(data)
- {
- if (this.opts.autosaveFields === false || typeof this.opts.autosaveFields !== 'object')
- {
- return data;
- }
-
- $.each(this.opts.autosaveFields, $.proxy(function(k, v)
- {
- if (v !== null && v.toString().indexOf('#') === 0)
- {
- v = $(v).val();
- }
-
- data[k] = v;
-
- }, this));
-
- return data;
-
- },
- success: function(data)
- {
- var json;
- try
- {
- json = $.parseJSON(data);
- }
- catch(e)
- {
- //data has already been parsed
- json = data;
- }
-
- var callbackName = (typeof json.error === 'undefined') ? 'autosave' : 'autosaveError';
-
- this.core.callback(callbackName, this.autosave.name, json);
- this.autosave.html = this.autosave.source;
- },
- disable: function()
- {
- this.autosave.enabled = false;
-
- clearInterval(this.autosaveTimeout);
- }
- };
- },
-
- // =block
- block: function()
- {
- return {
- format: function(tag, attr, value, type)
- {
- tag = (tag === 'quote') ? 'blockquote' : tag;
-
- this.block.tags = ['p', 'blockquote', 'pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'div', 'figure'];
- if ($.inArray(tag, this.block.tags) === -1)
- {
- return;
- }
-
- if (tag === 'p' && typeof attr === 'undefined')
- {
- // remove all
- attr = 'class';
- }
-
- this.placeholder.hide();
- this.buffer.set();
-
- return (this.utils.isCollapsed()) ? this.block.formatCollapsed(tag, attr, value, type) : this.block.formatUncollapsed(tag, attr, value, type);
- },
- formatCollapsed: function(tag, attr, value, type)
- {
- this.selection.save();
-
- var block = this.selection.block();
- var currentTag = block.tagName.toLowerCase();
- if ($.inArray(currentTag, this.block.tags) === -1)
- {
- this.selection.restore();
- return;
- }
-
- if (currentTag === tag)
- {
- tag = 'p';
- }
-
- var replaced = this.utils.replaceToTag(block, tag);
-
- if (typeof attr === 'object')
- {
- type = value;
- for (var key in attr)
- {
- replaced = this.block.setAttr(replaced, key, attr[key], type);
- }
- }
- else
- {
- replaced = this.block.setAttr(replaced, attr, value, type);
- }
-
-
- // trim pre
- if (tag === 'pre' && replaced.length === 1)
- {
- $(replaced).html($.trim($(replaced).html()));
- }
-
-
- this.selection.restore();
- this.block.removeInlineTags(replaced);
-
- return replaced;
- },
- formatUncollapsed: function(tag, attr, value, type)
- {
- this.selection.save();
-
- var replaced = [];
- var blocks = this.selection.blocks();
-
- if (blocks[0] && $(blocks[0]).hasClass('redactor-in'))
- {
- blocks = $(blocks[0]).find(this.opts.blockTags.join(', '));
- }
-
- var len = blocks.length;
- for (var i = 0; i < len; i++)
- {
- var currentTag = blocks[i].tagName.toLowerCase();
-
- if ($.inArray(currentTag, this.block.tags) !== -1 && currentTag !== 'figure')
- {
- var block = this.utils.replaceToTag(blocks[i], tag);
-
- if (typeof attr === 'object')
- {
- type = value;
- for (var key in attr)
- {
- block = this.block.setAttr(block, key, attr[key], type);
- }
- }
- else
- {
- block = this.block.setAttr(block, attr, value, type);
- }
-
- replaced.push(block);
- this.block.removeInlineTags(block);
- }
- }
-
- this.selection.restore();
-
- // combine pre
- if (tag === 'pre' && replaced.length !== 0)
- {
- var first = replaced[0];
- $.each(replaced, function(i,s)
- {
- if (i !== 0)
- {
- $(first).append("\n" + $.trim(s.html()));
- $(s).remove();
- }
- });
-
- replaced = [];
- replaced.push(first);
- }
-
- return replaced;
- },
- removeInlineTags: function(node)
- {
- node = node[0] || node;
-
- var tags = this.opts.inlineTags;
- var blocks = ['PRE', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6'];
-
- if ($.inArray(node.tagName, blocks) === - 1)
- {
- return;
- }
-
- if (node.tagName !== 'PRE')
- {
- var index = tags.indexOf('a');
- tags.splice(index, 1);
- }
-
- $(node).find(tags.join(',')).not('.redactor-selection-marker').contents().unwrap();
- },
- setAttr: function(block, attr, value, type)
- {
- if (typeof attr === 'undefined')
- {
- return block;
- }
-
- var func = (typeof type === 'undefined') ? 'replace' : type;
-
- if (attr === 'class')
- {
- block = this.block[func + 'Class'](value, block);
- }
- else
- {
- if (func === 'remove')
- {
- block = this.block[func + 'Attr'](attr, block);
- }
- else if (func === 'removeAll')
- {
- block = this.block[func + 'Attr'](attr, block);
- }
- else
- {
- block = this.block[func + 'Attr'](attr, value, block);
- }
- }
-
- return block;
-
- },
- getBlocks: function(block)
- {
- return (typeof block === 'undefined') ? this.selection.blocks() : block;
- },
- replaceClass: function(value, block)
- {
- return $(this.block.getBlocks(block)).removeAttr('class').addClass(value)[0];
- },
- toggleClass: function(value, block)
- {
- return $(this.block.getBlocks(block)).toggleClass(value)[0];
- },
- addClass: function(value, block)
- {
- return $(this.block.getBlocks(block)).addClass(value)[0];
- },
- removeClass: function(value, block)
- {
- return $(this.block.getBlocks(block)).removeClass(value)[0];
- },
- removeAllClass: function(block)
- {
- return $(this.block.getBlocks(block)).removeAttr('class')[0];
- },
- replaceAttr: function(attr, value, block)
- {
- block = this.block.removeAttr(attr, block);
-
- return $(block).attr(attr, value)[0];
- },
- toggleAttr: function(attr, value, block)
- {
- block = this.block.getBlocks(block);
-
- var self = this;
- var returned = [];
- $.each(block, function(i,s)
- {
- var $el = $(s);
- if ($el.attr(attr))
- {
- returned.push(self.block.removeAttr(attr, s));
- }
- else
- {
- returned.push(self.block.addAttr(attr, value, s));
- }
- });
-
- return returned;
-
- },
- addAttr: function(attr, value, block)
- {
- return $(this.block.getBlocks(block)).attr(attr, value)[0];
- },
- removeAttr: function(attr, block)
- {
- return $(this.block.getBlocks(block)).removeAttr(attr)[0];
- },
- removeAllAttr: function(block)
- {
- block = this.block.getBlocks(block);
-
- var returned = [];
- $.each(block, 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;
- }
- };
- },
-
- // buffer
- buffer: function()
- {
- return {
- set: function(type)
- {
- if (typeof type === 'undefined')
+ // private
+ _removeAllAttr: function($elements)
+ {
+ $elements.each(function(node)
+ {
+ for (var i = node.attributes.length; i-->0;)
+ {
+ var nodeAttr = node.attributes[i];
+ var name = nodeAttr.name;
+ if (name !== 'style' && name !== 'class')
+ {
+ node.removeAttributeNode(nodeAttr);
+ }
+ }
+ });
+ },
+ _convertStyleQuotes: function($node)
+ {
+ var style = $node.attr('style');
+ if (style) $node.attr('style', style.replace(/"/g, '\''));
+ },
+ _clearAll: function(nodes, selection)
+ {
+ if (selection !== false) this.selection.save();
+
+ for (var i = 0; i < nodes.length; i++)
+ {
+ var node = nodes[i];
+ while (node.attributes.length > 0)
+ {
+ node.removeAttribute(node.attributes[0].name);
+ }
+ }
+
+ nodes = this._unwrapSpanWithoutAttr(nodes);
+
+ if (selection !== false) this.selection.restore();
+
+ return nodes;
+ },
+ _unwrapSpanWithoutAttr: function(nodes)
+ {
+ var finalNodes = [];
+ for (var i = 0; i < nodes.length; i++)
+ {
+ var node = nodes[i];
+ var len = node.attributes.length;
+ if (len <= 0 && node.nodeType !== 3 && node.tagName === 'SPAN')
+ {
+ $R.dom(node).unwrap();
+ }
+ else
+ {
+ finalNodes.push(node);
+ }
+ }
+
+ return finalNodes;
+ }
+});
+$R.add('mixin', 'dom', $R.Dom.prototype);
+$R.add('mixin', 'component', {
+ get cmnt()
+ {
+ return true;
+ }
+});
+$R.add('service', 'options', {
+ init: function(options, element)
+ {
+ var $el = $R.dom(element);
+ var opts = $R.extend({}, $R.opts, (element) ? $el.data() : {}, $R.options);
+ opts = $R.extend(true, opts, options);
+
+ return opts;
+ }
+});
+$R.add('service', 'lang', {
+ init: function(app)
+ {
+ this.app = app;
+ this.opts = app.opts;
+
+ // build
+ this.vars = this._build(this.opts.lang);
+ },
+
+ // public
+ rebuild: function(lang)
+ {
+ this.opts.lang = lang;
+ this.vars = this._build(lang);
+ },
+ extend: function(obj)
+ {
+ this.vars = $R.extend(this.vars, obj);
+ },
+ parse: function(str)
+ {
+ if (str === undefined)
+ {
+ return '';
+ }
+
+ var matches = str.match(/## (.*?) ##/g);
+ if (matches)
+ {
+ for (var i = 0; i < matches.length; i++)
+ {
+ var key = matches[i].replace(/^##\s/g, '').replace(/\s##$/g, '');
+ str = str.replace(matches[i], this.get(key));
+ }
+ }
+
+ return str;
+ },
+ get: function(name)
+ {
+ var str = '';
+ if (typeof this.vars[name] !== 'undefined')
+ {
+ str = this.vars[name];
+ }
+ else if (this.opts.lang !== 'en' && typeof $R.lang['en'][name] !== 'undefined')
+ {
+ str = $R.lang['en'][name];
+ }
+
+ return str;
+ },
+
+ // private
+ _build: function(lang)
+ {
+ var vars = $R.lang['en'];
+ if (lang !== 'en')
+ {
+ vars = ($R.lang[lang] !== undefined) ? $R.lang[lang] : vars;
+ }
+
+ return vars;
+ }
+});
+$R.add('service', 'callback', {
+ init: function(app)
+ {
+ this.app = app;
+ this.opts = app.opts;
+
+ // local
+ this.callbacks = {};
+
+ // build
+ if (this.opts.callbacks)
+ {
+ this._set(this.opts.callbacks, '');
+ }
+ },
+ stop: function()
+ {
+ this.callbacks = {};
+ },
+ add: function(name, handler)
+ {
+ if (!this.callbacks[name]) this.callbacks[name] = [];
+ this.callbacks[name].push(handler);
+ },
+ remove: function(name, handler)
+ {
+ if (handler === undefined)
+ {
+ delete this.callbacks[name];
+ }
+ else
+ {
+ for (var i = 0; i < this.callbacks[name].length; i++)
+ {
+ this.callbacks[name].splice(i, 1);
+ }
+
+ if (Object.keys(this.callbacks[name]).length === 0) delete this.callbacks[name];
+ }
+ },
+ trigger: function(name, args)
+ {
+ var value = this._loop(name, args, this.callbacks);
+ return (typeof value === 'undefined') ? args[0] : value;
+ },
+
+ // private
+ _set: function(obj, name)
+ {
+ for (var key in obj)
+ {
+ var path = (name === '') ? key : name + '.' + key;
+ if (typeof obj[key] === 'object')
+ {
+ this._set(obj[key], path);
+ }
+ else
+ {
+ this.callbacks[path] = [];
+ this.callbacks[path].push(obj[key]);
+ }
+ }
+ },
+ _loop: function(name, args, obj)
+ {
+ var value;
+ for (var key in obj)
+ {
+ if (name === key)
+ {
+ for (var i = 0; i < obj[key].length; i++)
+ {
+ value = obj[key][i].apply(this.app, args);
+ }
+ }
+ }
+
+ return value;
+ }
+});
+$R.add('service', 'animate', {
+ init: function(app)
+ {
+ this.animationOpt = app.opts.animation;
+ },
+ start: function(element, animation, options, callback)
+ {
+ var defaults = {
+ duration: false,
+ iterate: false,
+ delay: false,
+ timing: false,
+ prefix: 'redactor-'
+ };
+
+ defaults = (typeof options === 'function') ? defaults : $R.extend(defaults, options);
+ callback = (typeof options === 'function') ? options : callback;
+
+ // play
+ return new $R.AnimatePlay(element, animation, defaults, callback, this.animationOpt);
+ },
+ stop: function(element)
+ {
+ this.$el = $R.dom(element);
+ this.$el.removeClass('redactor-animated');
+
+ var effect = this.$el.attr('redactor-animate-effect');
+ this.$el.removeClass(effect);
+
+ this.$el.removeAttr('redactor-animate-effect');
+ var hide = this.$el.attr('redactor-animate-hide');
+ if (hide)
+ {
+ this.$el.addClass(hide).removeAttr('redactor-animate-hide');
+ }
+
+ this.$el.off('animationend webkitAnimationEnd');
+ }
+});
+
+$R.AnimatePlay = function(element, animation, defaults, callback, animationOpt)
+{
+ this.hidableEffects = ['fadeOut', 'flipOut', 'slideUp', 'zoomOut', 'slideOutUp', 'slideOutRight', 'slideOutLeft'];
+ this.prefixes = ['', '-webkit-'];
+
+ this.$el = $R.dom(element);
+ this.$body = $R.dom('body');
+ this.callback = callback;
+ this.animation = (!animationOpt) ? this.buildAnimationOff(animation) : animation;
+ this.defaults = defaults;
+
+ if (this.animation === 'slideUp')
+ {
+ this.$el.height(this.$el.height());
+ }
+
+ // animate
+ return (this.isInanimate()) ? this.inanimate() : this.animate();
+};
+
+$R.AnimatePlay.prototype = {
+ buildAnimationOff: function(animation)
+ {
+ return (this.isHidable(animation)) ? 'hide' : 'show';
+ },
+ buildHideClass: function()
+ {
+ return 'redactor-animate-hide';
+ },
+ isInanimate: function()
+ {
+ return (this.animation === 'show' || this.animation === 'hide');
+ },
+ isAnimated: function()
+ {
+ return this.$el.hasClass('redactor-animated');
+ },
+ isHidable: function(effect)
+ {
+ return (this.hidableEffects.indexOf(effect) !== -1);
+ },
+ inanimate: function()
+ {
+ this.defaults.timing = 'linear';
+
+ var hide;
+ if (this.animation === 'show')
+ {
+ hide = this.buildHideClass();
+ this.$el.attr('redactor-animate-hide', hide);
+ this.$el.removeClass(hide);
+ }
+ else
+ {
+ hide = this.$el.attr('redactor-animate-hide');
+ this.$el.addClass(hide).removeAttr('redactor-animate-hide');
+ }
+
+ if (typeof this.callback === 'function') this.callback(this);
+
+ return this;
+ },
+ animate: function()
+ {
+ var delay = (this.defaults.delay) ? this.defaults.delay : 0;
+ setTimeout(function()
+ {
+ this.$body.addClass('no-scroll-x');
+ this.$el.addClass('redactor-animated');
+ if (!this.$el.attr('redactor-animate-hide'))
+ {
+ var hide = this.buildHideClass();
+ this.$el.attr('redactor-animate-hide', hide);
+ this.$el.removeClass(hide);
+ }
+
+ this.$el.addClass(this.defaults.prefix + this.animation);
+ this.$el.attr('redactor-animate-effect', this.defaults.prefix + this.animation);
+
+ this.set(this.defaults.duration + 's', this.defaults.iterate, this.defaults.timing);
+ this.complete();
+
+ }.bind(this), delay * 1000);
+
+ return this;
+ },
+ set: function(duration, iterate, timing)
+ {
+ var len = this.prefixes.length;
+
+ while (len--)
+ {
+ if (duration !== false || duration === '') this.$el.css(this.prefixes[len] + 'animation-duration', duration);
+ if (iterate !== false || iterate === '') this.$el.css(this.prefixes[len] + 'animation-iteration-count', iterate);
+ if (timing !== false || timing === '') this.$el.css(this.prefixes[len] + 'animation-timing-function', timing);
+ }
+ },
+ clean: function()
+ {
+ this.$body.removeClass('no-scroll-x');
+ this.$el.removeClass('redactor-animated');
+ this.$el.removeClass(this.defaults.prefix + this.animation);
+ this.$el.removeAttr('redactor-animate-effect');
+
+ this.set('', '', '');
+ },
+ complete: function()
+ {
+ this.$el.one('animationend webkitAnimationEnd', function()
+ {
+ if (this.$el.hasClass(this.defaults.prefix + this.animation)) this.clean();
+ if (this.isHidable(this.animation))
+ {
+ var hide = this.$el.attr('redactor-animate-hide');
+ this.$el.addClass(hide).removeAttr('redactor-animate-hide');
+ }
+
+ if (this.animation === 'slideUp') this.$el.height('');
+ if (typeof this.callback === 'function') this.callback(this.$el);
+
+ }.bind(this));
+ }
+};
+$R.add('service', 'caret', {
+ init: function(app)
+ {
+ this.app = app;
+ },
+
+ // set
+ setStart: function(el)
+ {
+ this._setCaret('Start', el);
+ },
+ setEnd: function(el)
+ {
+ this._setCaret('End', el);
+ },
+ setBefore: function(el)
+ {
+ this._setCaret('Before', el);
+ },
+ setAfter: function(el)
+ {
+ this._setCaret('After', el);
+ },
+
+ // is
+ isStart: function(el)
+ {
+ return this._isStartOrEnd(el, 'First');
+ },
+ isEnd: function(el)
+ {
+ return this._isStartOrEnd(el, 'Last');
+ },
+
+ // set side
+ setAtEnd: function(node)
+ {
+ var data = this.inspector.parse(node);
+ var tag = data.getTag();
+ var range = document.createRange();
+ if (this._isInPage(node))
+ {
+ if (tag === 'a')
+ {
+ var textNode = this.utils.createInvisibleChar();
+ node.appendChild(textNode);
+
+ range.setStartBefore(textNode);
+ range.collapse(true);
+ }
+ else
+ {
+ range.selectNodeContents(node);
+ range.collapse(false);
+ }
+
+ this.selection.setRange(range);
+ }
+ },
+ setAtStart: function(node)
+ {
+ var range = document.createRange();
+ var data = this.inspector.parse(node);
+ if (this._isInPage(node))
+ {
+ range.setStart(node, 0);
+ range.collapse(true);
+
+ if (data.isInline() || this.utils.isEmpty(node))
+ {
+ var textNode = this.utils.createInvisibleChar();
+ range.insertNode(textNode);
+ range.selectNodeContents(textNode);
+ range.collapse(false);
+ }
+
+ this.selection.setRange(range);
+ }
+ },
+ setAtBefore: function(node)
+ {
+ var data = this.inspector.parse(node);
+ var range = document.createRange();
+ if (this._isInPage(node))
+ {
+ range.setStartBefore(node);
+ range.collapse(true);
+
+ if (data.isInline())
+ {
+ var textNode = this.utils.createInvisibleChar();
+ node.parentNode.insertBefore(textNode, node);
+ range.selectNodeContents(textNode);
+ range.collapse(false);
+ }
+
+ this.selection.setRange(range);
+ }
+ },
+ setAtAfter: function(node)
+ {
+
+ var range = document.createRange();
+ if (this._isInPage(node))
+ {
+ range.setStartAfter(node);
+ range.collapse(true);
+
+ var textNode = this.utils.createInvisibleChar();
+ range.insertNode(textNode);
+ range.selectNodeContents(textNode);
+ range.collapse(false);
+
+ this.selection.setRange(range);
+ }
+ },
+ setAtPrev: function(node)
+ {
+ var prev = node.previousSibling;
+ if (prev)
+ {
+ prev = (prev.nodeType === 3 && this._isEmptyTextNode(prev)) ? prev.previousElementSibling : prev;
+ if (prev) this.setEnd(prev);
+ }
+ },
+ setAtNext: function(node)
+ {
+ var next = node.nextSibling;
+ if (next)
+ {
+ next = (next.nodeType === 3 && this._isEmptyTextNode(next)) ? next.nextElementSibling : next;
+ if (next) this.setStart(next);
+ }
+ },
+
+ // private
+ _setCaret: function(type, el)
+ {
+ var data = this.inspector.parse(el);
+ var node = data.getNode();
+
+ if (node)
+ {
+ this.component.clearActive();
+ this['_set' + type](node, data, data.getTag());
+ }
+ },
+ _setStart: function(node, data, tag)
+ {
+ // 1. text
+ if (data.isText())
+ {
+ this.editor.focus();
+ return this.setAtStart(node);
+ }
+ // 2. ul, ol
+ else if (tag === 'ul' || tag === 'ol')
+ {
+ node = data.findFirstNode('li');
+
+ var item = this.utils.getFirstElement(node);
+ var dataItem = this.inspector.parse(item);
+ if (item && dataItem.isComponent())
+ {
+ return this.setStart(dataItem.getComponent());
+ }
+ }
+ // 3. dl
+ else if (tag === 'dl')
+ {
+ node = data.findFirstNode('dt');
+ }
+ // 4. br / hr
+ else if (tag === 'br' || tag === 'hr')
+ {
+ return this.setBefore(node);
+ }
+ // 5. th, td
+ else if (tag === 'td' || tag === 'th')
+ {
+ var el = data.getFirstElement(node);
+ if (el)
+ {
+ return this.setStart(el);
+ }
+ }
+ // 6. table
+ else if (tag === 'table' || tag === 'tr')
+ {
+ return this.setStart(data.findFirstNode('th, td'));
+ }
+ // 7. figure code
+ else if (data.isComponentType('code') && !data.isFigcaption())
+ {
+ var code = data.findLastNode('pre, code');
+
+ this.editor.focus();
+ return this.setAtStart(code);
+ }
+ // 8. table component
+ else if (tag === 'figure' && data.isComponentType('table'))
+ {
+ var table = data.getTable();
+ var tableData = this.inspector.parse(table);
+
+ return this.setStart(tableData.findFirstNode('th, td'));
+ }
+ // 9. non editable components
+ else if (!data.isComponentType('table') && data.isComponent() && !data.isFigcaption())
+ {
+ return this.component.setActive(node);
+ }
+
+ this.editor.focus();
+
+ // set
+ if (!this._setInline(node, 'Start'))
+ {
+ this.setAtStart(node);
+ }
+ },
+ _setEnd: function(node, data, tag)
+ {
+ // 1. text
+ if (data.isText())
+ {
+ this.editor.focus();
+ return this.setAtEnd(node);
+ }
+ // 2. ul, ol
+ else if (tag === 'ul' || tag === 'ol')
+ {
+ node = data.findLastNode('li');
+
+ var item = this.utils.getLastElement(node);
+ var dataItem = this.inspector.parse(item);
+ if (item && dataItem.isComponent())
+ {
+ return this.setEnd(dataItem.getComponent());
+ }
+ }
+ // 3. dl
+ else if (tag === 'dl')
+ {
+ node = data.findLastNode('dd');
+ }
+ // 4. br / hr
+ else if (tag === 'br' || tag === 'hr')
+ {
+ return this.setAfter(node);
+ }
+ // 5. th, td
+ else if (tag === 'td' || tag === 'th')
+ {
+ var el = data.getLastElement();
+ if (el)
+ {
+ return this.setEnd(el);
+ }
+ }
+ // 6. table
+ else if (tag === 'table' || tag === 'tr')
+ {
+ return this.setEnd(data.findLastNode('th, td'));
+ }
+ // 7. figure code
+ else if (data.isComponentType('code') && !data.isFigcaption())
+ {
+ var code = data.findLastNode('pre, code');
+
+ this.editor.focus();
+ return this.setAtEnd(code);
+ }
+ // 8. table component
+ else if (tag === 'figure' && data.isComponentType('table'))
+ {
+ var table = data.getTable();
+ var tableData = this.inspector.parse(table);
+
+ return this.setEnd(tableData.findLastNode('th, td'));
+ }
+ // 9. non editable components
+ else if (!data.isComponentType('table') && data.isComponent() && !data.isFigcaption())
+ {
+ return this.component.setActive(node);
+ }
+
+ this.editor.focus();
+
+ // set
+ if (!this._setInline(node, 'End'))
+ {
+ // is element empty
+ if (this.utils.isEmpty(node))
+ {
+ return this.setStart(node);
+ }
+
+ this.setAtEnd(node);
+ }
+ },
+ _setBefore: function(node, data, tag)
+ {
+ // text
+ if (node.nodeType === 3)
+ {
+ return this.setAtBefore(node);
+ }
+ // inline
+ else if (data.isInline())
+ {
+ return this.setAtBefore(node);
+ }
+ // td / th
+ else if (data.isFirstTableCell())
+ {
+ return this.setAtPrev(data.getComponent());
+ }
+ else if (tag === 'td' || tag === 'th')
+ {
+ return this.setAtPrev(node);
+ }
+ // li
+ else if (data.isFirstListItem())
+ {
+ return this.setAtPrev(data.getList());
+ }
+ // figcaption
+ else if (data.isFigcaption())
+ {
+ return this.setStart(data.getComponent());
+ }
+ // component
+ else if (!data.isComponentType('table') && data.isComponent())
+ {
+ return this.setAtPrev(data.getComponent());
+ }
+ // block
+ else if (data.isBlock())
+ {
+ return this.setAtPrev(node);
+ }
+
+ this.editor.focus();
+ this.setAtBefore(node);
+
+ },
+ _setAfter: function(node, data, tag)
+ {
+ // text
+ if (node.nodeType === 3)
+ {
+ return this.setAtAfter(node);
+ }
+ // inline
+ else if (data.isInline())
+ {
+ return this.setAtAfter(node);
+ }
+ // td / th
+ else if (data.isLastTableCell())
+ {
+ return this.setAtNext(data.getComponent());
+ }
+ else if (tag === 'td' || tag === 'th')
+ {
+ return this.setAtNext(node);
+ }
+ // li
+ else if (data.isFirstListItem())
+ {
+ return this.setAtNext(data.getList());
+ }
+ // component
+ else if (!data.isComponentType('table') && data.isComponent())
+ {
+ return this.setAtNext(data.getComponent());
+ }
+ // block
+ else if (data.isBlock())
+ {
+ return this.setAtNext(node);
+ }
+
+ this.editor.focus();
+ this.setAtAfter(node);
+ },
+ _setInline: function(node, type)
+ {
+ // is first element inline (FF only)
+ var inline = this._hasInlineChild(node, (type === 'Start') ? 'first' : 'last');
+ if (inline)
+ {
+ if (type === 'Start')
+ {
+ this.setStart(inline);
+ }
+ else
+ {
+ this.setEnd(inline);
+ }
+
+ return true;
+ }
+ },
+ _isStartOrEnd: function(el, type)
+ {
+ var node = this.utils.getNode(el);
+ if (!node) return false;
+
+ var data = this.inspector.parse(node);
+ node = this._getStartEndNode(node, data, type);
+
+ if (node)
+ {
+ var html = (node.nodeType === 3) ? node.textContent : node.innerHTML;
+ html = this.utils.trimSpaces(html);
+ if (html === '') return true;
+ }
+
+ if (!data.isFigcaption() && data.isComponent() && !data.isComponentEditable())
+ {
+ return true;
+ }
+
+ var offset = this.offset.get(node, true);
+ if (offset)
+ {
+ return (type === 'First') ? (offset.start === 0) : (offset.end === this.offset.size(node, true));
+ }
+ else
+ {
+ return false;
+ }
+ },
+ _isInPage: function(node)
+ {
+ if (node && node.nodeType)
+ {
+ return (node === document.body) ? false : document.body.contains(node);
+ }
+ else
+ {
+ return false;
+ }
+ },
+ _hasInlineChild: function(el, pos)
+ {
+ var data = this.inspector.parse(el);
+ var node = (pos === 'first') ? data.getFirstNode() : data.getLastNode();
+ var $node = $R.dom(node);
+
+ if (node && node.nodeType !== 3
+ && this.inspector.isInlineTag(node.tagName)
+ && !$node.hasClass('redactor-component')
+ && !$node.hasClass('non-editable'))
+ {
+ return node;
+ }
+ },
+ _isEmptyTextNode: function(node)
+ {
+ var text = node.textContent.trim().replace(/\n/, '');
+ text = this.utils.removeInvisibleChars(text);
+
+ return (text === '');
+ },
+ _getStartEndNode: function(node, data, type)
+ {
+ if (data.isFigcaption())
+ {
+ node = data.getFigcaption();
+ }
+ else if (data.isTable())
+ {
+ node = data['find' + type + 'Node']('th, td');
+ }
+ else if (data.isList())
+ {
+ node = data['find' + type + 'Node']('li');
+ }
+ else if (data.isComponentType('code'))
+ {
+ node = data.findLastNode('pre, code');
+ }
+
+ return node;
+ }
+});
+$R.add('service', 'selection', {
+ init: function(app)
+ {
+ this.app = app;
+ },
+ // is
+ is: function()
+ {
+ var sel = this.get();
+ if (sel)
+ {
+ var node = sel.anchorNode;
+ var data = this.inspector.parse(node);
+
+ return (data.isInEditor() || data.isEditor());
+ }
+
+ return false;
+ },
+ isCollapsed: function()
+ {
+ var sel = this.get();
+ var range = this.getRange();
+
+ if (sel && sel.isCollapsed) return true;
+ else if (range && range.toString().length === 0) return true;
+
+ return false;
+ },
+ isBackwards: function()
+ {
+ var backwards = false;
+ var sel = this.get();
+
+ if (sel && !sel.isCollapsed)
+ {
+ var range = document.createRange();
+ range.setStart(sel.anchorNode, sel.anchorOffset);
+ range.setEnd(sel.focusNode, sel.focusOffset);
+ backwards = range.collapsed;
+ range.detach();
+ }
+
+ return backwards;
+ },
+ isIn: function(el)
+ {
+ var node = $R.dom(el).get();
+ var current = this.getCurrent();
+
+ return (current && node) ? node.contains(current) : false;
+ },
+ isText: function()
+ {
+ var sel = this.get();
+ if (sel)
+ {
+ var el = sel.anchorNode;
+ var block = this.getBlock(el);
+ var blocks = this.getBlocks();
+
+ // td, th or hasn't block
+ if ((block && this.inspector.isTableCellTag(block.tagName)) || (block === false && blocks.length === 0))
+ {
+ return true;
+ }
+ }
+
+ return false;
+ },
+ isAll: function(el)
+ {
+ var node = this.utils.getNode(el);
+ if (!node) return false;
+
+ var isEditor = this.editor.isEditor(node);
+ var data = this.inspector.parse(node);
+
+ // component
+ if (!data.isFigcaption() && this.component.isNonEditable(node) && this.component.isActive(node))
+ {
+ return true;
+ }
+
+ if (isEditor)
+ {
+ var $editor = this.editor.getElement();
+ var output = $editor.html().replace(/
- ').append(this.button.build(btnName, this.toolbarsButtons[btnName]))); - - }, this)); - }, - build: function(btnName, btnObject) - { - if (this.opts.toolbar === false) - { - return; - } - - var $button = $('').html(btnObject.title); - $button.attr({ 'role': 'button', 'aria-label': btnObject.title, 'tabindex': '-1' }); - - if (typeof btnObject.label !== 'undefined') - { - $button.attr('aria-label', btnObject.label); - $button.attr('title', btnObject.label); - } - - // click - if (btnObject.func || btnObject.command || btnObject.dropdown) - { - this.button.setEvent($button, btnName, btnObject); - } - - // dropdown - if (btnObject.dropdown) - { - $button.addClass('redactor-toolbar-link-dropdown').attr('aria-haspopup', true); - - var $dropdown = $('
<\/p>$/i, ''); + var htmlLen = this.getHtml(false).length; + var outputLen = output.length; + + if (htmlLen !== outputLen) + { + return false; + } + } + + // editor empty or collapsed + if ((isEditor && this.editor.isEmpty()) || this.isCollapsed()) + { + return false; + } + + // all + var offset = this.offset.get(node, true); + var size = this.offset.size(node, true); + + // pre, table, or pre/code in figure + if (!isEditor && data.isComponentType('code')) + { + size = this.getText().trim().length; + } + + if (offset && offset.start === 0 && offset.end === size) + { + return true; + } + + return false; + }, + + // has + hasNonEditable: function() + { + var selected = this.getHtml(); + var $wrapper = $R.dom('
').html(selected);
+
+ return (!this.isCollapsed() && $wrapper.find('.non-editable').length !== 0);
+ },
+
+ // set
+ setRange: function(range)
+ {
+ var sel = window.getSelection();
+ sel.removeAllRanges();
+ sel.addRange(range);
+ },
+ setAll: function(el)
+ {
+ var node = this.utils.getNode(el);
+ if (!node) return;
+
+ var data = this.inspector.parse(node);
+
+ this.component.clearActive();
+
+ this.editor.focus();
+ this.editor.saveScroll();
+ this.editor.disableNonEditables();
+
+ if (node && node.tagName === 'TABLE')
+ {
+ var first = data.findFirstNode('td, th');
+ var last = data.findLastNode('td, th');
+
+ $R.dom(first).prepend(this.marker.build('start'));
+ $R.dom(last).append(this.marker.build('end'));
+
+ this.restoreMarkers();
+ }
+ else if (!data.isFigcaption() && this.component.isNonEditable(node))
+ {
+ this.component.setActive(node);
+ }
+ else
+ {
+ if (data.isComponentType('code'))
+ {
+ node = data.getComponentCodeElement();
+ node.focus();
+ }
+
+ var range = document.createRange();
+ range.selectNodeContents(node);
+
+ this.setRange(range);
+ }
+
+ this.editor.enableNonEditables();
+ this.editor.restoreScroll();
+ },
+
+ // get
+ get: function()
+ {
+ var sel = window.getSelection();
+ return (sel.rangeCount > 0) ? sel : null;
+ },
+ getRange: function()
+ {
+ var sel = this.get();
+ return (sel) ? ((sel.getRangeAt(0)) ? sel.getRangeAt(0) : null) : null;
+ },
+ getTextBeforeCaret: function(num)
+ {
+ num = (typeof num === 'undefined') ? 1 : num;
+
+ var el = this.editor.getElement().get();
+ var range = this.getRange();
+ var text = false;
+ if (range)
+ {
+ range = range.cloneRange();
+ range.collapse(true);
+ range.setStart(el, 0);
+ text = range.toString().slice(-num);
+ }
+
+ return text;
+ },
+ getTextAfterCaret: function(num)
+ {
+ num = (typeof num === 'undefined') ? 1 : num;
+
+ var el = this.editor.getElement().get();
+ var range = this.getRange();
+ var text = false;
+ if (range)
+ {
+ var clonedRange = range.cloneRange();
+ clonedRange.selectNodeContents(el);
+ clonedRange.setStart(range.endContainer, range.endOffset);
+
+ text = clonedRange.toString().slice(0, num);
+ }
+
+ return text;
+ },
+ getPosition: function()
+ {
+ var range = this.getRange();
+ var pos = { top: 0, left: 0, width: 0, height: 0 };
+ if (window.getSelection && range.getBoundingClientRect)
+ {
+ range = range.cloneRange();
+ var offset = (range.startOffset-1);
+ range.setStart(range.startContainer, (offset < 0) ? 0 : offset);
+ var rect = range.getBoundingClientRect();
+ pos = { top: rect.top, left: rect.left, width: (rect.right - rect.left) , height: (rect.bottom - rect.top) };
+ }
+
+ return pos;
+ },
+ getCurrent: function()
+ {
+ var node = false;
+ var sel = this.get();
+ var component = this.component.getActive();
+
+ if (component)
+ {
+ node = component;
+ }
+ else if (sel && this.is())
+ {
+ var data = this.inspector.parse(sel.anchorNode);
+ node = (!data.isEditor()) ? sel.anchorNode : false;
+ }
+
+ return node;
+ },
+ getParent: function()
+ {
+ var node = false;
+ var current = this.getCurrent();
+ if (current)
+ {
+ var parent = current.parentNode;
+ var data = this.inspector.parse(parent);
+
+ node = (!data.isEditor()) ? parent : false;
+ }
+
+ return node;
+ },
+ getElement: function(el)
+ {
+ var node = el || this.getCurrent();
+ while (node)
+ {
+ var data = this.inspector.parse(node);
+ if (data.isElement() && data.isInEditor())
+ {
+ return node;
+ }
+
+ node = node.parentNode;
+ }
+
+ return false;
+ },
+ getInline: function(el)
+ {
+ var node = el || this.getCurrent();
+ var inline = false;
+ while (node)
+ {
+ if (this._isInlineNode(node))
+ {
+ inline = node;
+ }
+
+ node = node.parentNode;
+ }
+
+ return inline;
+ },
+ getInlineFirst: function(el)
+ {
+ var node = el || this.getCurrent();
+ while (node)
+ {
+ if (this._isInlineNode(node))
+ {
+ return node;
+ }
+
+ node = node.parentNode;
+ }
+
+ return false;
+ },
+ getInlineAll: function(el)
+ {
+ var node = el || this.getCurrent();
+ var inlines = [];
+ while (node)
+ {
+ if (this._isInlineNode(node))
+ {
+ inlines.push(node);
+ }
+
+ node = node.parentNode;
+ }
+
+ return inlines;
+ },
+ getBlock: function(el)
+ {
+ var node = el || this.getCurrent();
+ while (node)
+ {
+ var data = this.inspector.parse(node);
+ var isBlock = this.inspector.isBlockTag(node.tagName);
+
+ if (isBlock && data.isInEditor(node))
+ {
+ return node;
+ }
+
+ node = node.parentNode;
+ }
+
+ return false;
+ },
+ getInlinesAllSelected: function(options)
+ {
+ if (this.isAll()) return [];
+
+ var inlines = this.getInlines({ all: true });
+ var textNodes = this.getNodes({ textnodes: true, inline: false });
+ var selected = this.getText().replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+ var finalNodes = [];
+
+ if (textNodes.length !== 0)
+ {
+ return finalNodes;
+ }
+
+ if (selected === '')
+ {
+ finalNodes = inlines;
+ }
+ else if (inlines.length > 1)
+ {
+ for (var i = 0; i < inlines.length; i++)
+ {
+ if (this._isTextSelected(inlines[i], selected))
+ {
+ finalNodes.push(inlines[i]);
+ }
+ }
+ }
+ else if (inlines.length === 1)
+ {
+ if (this._isTextSelected(inlines[0], selected))
+ {
+ finalNodes = inlines;
+ }
+ }
+
+ finalNodes = (options && options.tags) ? this._filterNodesByTags(finalNodes, options.tags) : finalNodes;
+
+ return finalNodes;
+ },
+ getInlines: function(options)
+ {
+ var nodes = this.getNodes();
+ var filteredNodes = [];
+ for (var i = 0; i < nodes.length; i++)
+ {
+ var node;
+ if (options && options.all)
+ {
+ node = nodes[i];
+ while (node)
+ {
+ if (this._isInlineNode(node) && !this._isInNodesArray(filteredNodes, node))
{
- this.buffer.clear();
+ filteredNodes.push(node);
}
- if (typeof type === 'undefined' || type === 'undo')
- {
- this.buffer.setUndo();
- }
- else
- {
- this.buffer.setRedo();
- }
- },
- setUndo: function()
- {
- this.selection.save();
-
- var last = this.opts.buffer[this.opts.buffer.length-1];
- var current = this.core.editor().html();
- if (last !== current)
- {
- this.opts.buffer.push(current);
- }
-
- this.selection.restore();
- },
- setRedo: function()
- {
- this.selection.save();
- this.opts.rebuffer.push(this.core.editor().html());
- this.selection.restore();
- },
- getUndo: function()
- {
- this.core.editor().html(this.opts.buffer.pop());
- },
- getRedo: function()
- {
- this.core.editor().html(this.opts.rebuffer.pop());
- },
- add: function()
- {
- this.opts.buffer.push(this.core.editor().html());
- },
- undo: function()
- {
- if (this.opts.buffer.length === 0)
- {
- return;
- }
-
- this.buffer.set('redo');
- this.buffer.getUndo();
-
- this.selection.restore();
- },
- redo: function()
- {
- if (this.opts.rebuffer.length === 0)
- {
- return;
- }
-
- this.buffer.set('undo');
- this.buffer.getRedo();
-
- this.selection.restore();
- },
- clear: function()
- {
- this.opts.rebuffer = [];
- }
- };
- },
-
- // =build
- build: function()
- {
- return {
- start: function()
- {
- if (this.opts.type === 'inline')
- {
- this.opts.type = 'inline';
- }
- else if (this.opts.type === 'div')
- {
- // empty
- var html = $.trim(this.$editor.html());
- if (html === '')
- {
- this.$editor.html(this.opts.emptyHtml);
- }
- }
- else if (this.opts.type === 'textarea')
- {
- this.build.startTextarea();
- }
-
- // set in
- this.build.setIn();
-
- // set id
- this.build.setId();
-
- // enable
- this.build.enableEditor();
-
- // options
- this.build.setOptions();
-
- // call
- this.build.callEditor();
-
- },
- createContainerBox: function()
- {
- this.$box = $('');
- },
- setIn: function()
- {
- this.core.editor().addClass('redactor-in');
- },
- setId: function()
- {
- var id = (this.opts.type === 'textarea') ? 'redactor-uuid-' + this.uuid : this.$element.attr('id');
-
- this.core.editor().attr('id', (typeof id === 'undefined') ? 'redactor-uuid-' + this.uuid : id);
- },
- getName: function()
- {
- var name = this.$element.attr('name');
-
- return (typeof name === 'undefined') ? 'content-' + this.uuid : name;
- },
- loadFromTextarea: function()
- {
- this.$editor = $('');
-
- // textarea
- this.$textarea = this.$element;
- this.$element.attr('name', this.build.getName());
-
- // place
- this.$box.insertAfter(this.$element).append(this.$editor).append(this.$element);
- this.$editor.addClass('redactor-editor');
-
- if (this.opts.overrideStyles)
- {
- this.$editor.addClass('redactor-styles');
- }
-
- this.$element.hide();
-
- this.$box.prepend('' + this.lang.get('accessibility-help-label') + '');
- this.$editor.attr({ 'aria-labelledby': 'redactor-voice-' + this.uuid, 'role': 'presentation' });
- },
- startTextarea: function()
- {
- this.build.createContainerBox();
-
- // load
- this.build.loadFromTextarea();
-
- // set code
- this.code.start(this.core.textarea().val());
-
- // set value
- this.core.textarea().val(this.clean.onSync(this.$editor.html()));
- },
- isTag: function(tag)
- {
- return (this.$element[0].tagName === tag);
- },
- isInline: function()
- {
- return (!this.build.isTag('TEXTAREA') && !this.build.isTag('DIV') && !this.build.isTag('PRE'));
- },
- enableEditor: function()
- {
- this.core.editor().attr({ 'contenteditable': true });
- },
- setOptions: function()
- {
- // inline
- if (this.opts.type === 'inline')
- {
- this.opts.enterKey = false;
- }
-
- // inline & pre
- if (this.opts.type === 'inline' || this.opts.type === 'pre')
- {
- this.opts.toolbarMobile = false;
- this.opts.toolbar = false;
- this.opts.air = false;
- this.opts.linkify = false;
-
- }
-
- // spellcheck
- this.core.editor().attr('spellcheck', this.opts.spellcheck);
-
- // structure
- if (this.opts.structure)
- {
- this.core.editor().addClass('redactor-structure');
- }
-
- // options sets only in textarea mode
- if (this.opts.type !== 'textarea')
- {
- return;
- }
-
- // direction
- this.core.box().attr('dir', this.opts.direction);
- this.core.editor().attr('dir', this.opts.direction);
-
- // tabindex
- if (this.opts.tabindex)
- {
- this.core.editor().attr('tabindex', this.opts.tabindex);
- }
-
- // min height
- if (this.opts.minHeight)
- {
- this.core.editor().css('min-height', this.opts.minHeight);
- }
- else
- {
- this.core.editor().css('min-height', '40px');
- }
-
- // max height
- if (this.opts.maxHeight)
- {
- this.core.editor().css('max-height', this.opts.maxHeight);
- }
-
- // max width
- if (this.opts.maxWidth)
- {
- this.core.editor().css({ 'max-width': this.opts.maxWidth, 'margin': 'auto' });
- }
-
- },
- callEditor: function()
- {
- this.build.disableBrowsersEditing();
-
- this.events.init();
- this.build.setHelpers();
-
- // init buttons
- if (this.opts.toolbar || this.opts.air)
- {
- this.toolbarsButtons = this.button.init();
- }
-
- // load toolbar
- if (this.opts.air)
- {
- this.air.build();
- }
- else if (this.opts.toolbar)
- {
- this.toolbar.build();
- }
-
- if (this.detect.isMobile() && this.opts.toolbarMobile && this.opts.air)
- {
- this.opts.toolbar = true;
- this.toolbar.build();
- }
-
- // observe dropdowns
- if (this.opts.air || this.opts.toolbar)
- {
- this.core.editor().on('mouseup.redactor-observe.' + this.uuid + ' keyup.redactor-observe.' + this.uuid + ' focus.redactor-observe.' + this.uuid + ' touchstart.redactor-observe.' + this.uuid, $.proxy(this.observe.toolbar, this));
- this.core.element().on('blur.callback.redactor', $.proxy(function()
- {
- this.button.setInactiveAll();
-
- }, this));
- }
-
- // modal templates init
- this.modal.templates();
-
- // plugins
- this.build.plugins();
-
- // autosave
- this.autosave.init();
-
- // sync code
- this.code.html = this.code.cleaned(this.core.editor().html());
-
- // init callback
- this.core.callback('init');
- this.core.callback('initToEdit');
-
- // get images & files list
- this.storage.observe();
-
- // started
- this.start = false;
-
- },
- setHelpers: function()
- {
- // linkify
- if (this.opts.linkify)
- {
- this.linkify.format();
- }
-
- // placeholder
- this.placeholder.init();
-
- // focus
- if (this.opts.focus)
- {
- setTimeout(this.focus.start, 100);
- }
- else if (this.opts.focusEnd)
- {
- setTimeout(this.focus.end, 100);
- }
-
- },
- disableBrowsersEditing: function()
- {
- try {
- // FF fix
- document.execCommand('enableObjectResizing', false, false);
- document.execCommand('enableInlineTableEditing', false, false);
- // IE prevent converting links
- document.execCommand("AutoUrlDetect", false, false);
- } catch (e) {}
- },
- plugins: function()
- {
- if (!this.opts.plugins)
- {
- return;
- }
-
- $.each(this.opts.plugins, $.proxy(function(i, s)
- {
- var func = (typeof RedactorPlugins !== 'undefined' && typeof RedactorPlugins[s] !== 'undefined') ? RedactorPlugins : Redactor.fn;
-
- if (!$.isFunction(func[s]))
- {
- return;
- }
-
- this[s] = func[s]();
-
- // get methods
- var methods = this.getModuleMethods(this[s]);
- var len = methods.length;
-
- // bind methods
- for (var z = 0; z < len; z++)
- {
- this[s][methods[z]] = this[s][methods[z]].bind(this);
- }
-
- // append lang
- if (typeof this[s].langs !== 'undefined')
- {
- var lang = {};
- if (typeof this[s].langs[this.opts.lang] !== 'undefined')
- {
- lang = this[s].langs[this.opts.lang];
- }
- else if (typeof this[s].langs[this.opts.lang] === 'undefined' && typeof this[s].langs.en !== 'undefined')
- {
- lang = this[s].langs.en;
- }
-
- // extend
- var self = this;
- $.each(lang, function(i,s)
- {
- if (typeof self.opts.curLang[i] === 'undefined')
- {
- self.opts.curLang[i] = s;
- }
- });
- }
-
- // init
- if ($.isFunction(this[s].init))
- {
- this[s].init();
- }
-
-
- }, this));
-
- }
- };
- },
-
- // =button
- button: function()
- {
- return {
- toolbar: function()
- {
- return (typeof this.button.$toolbar === 'undefined' || !this.button.$toolbar) ? this.$toolbar : this.button.$toolbar;
- },
- init: function()
- {
- return {
- format:
- {
- title: this.lang.get('format'),
- dropdown:
- {
- p:
- {
- title: this.lang.get('paragraph'),
- func: 'block.format'
- },
- blockquote:
- {
- title: this.lang.get('quote'),
- func: 'block.format'
- },
- pre:
- {
- title: this.lang.get('code'),
- func: 'block.format'
- },
- h1:
- {
- title: this.lang.get('heading1'),
- func: 'block.format'
- },
- h2:
- {
- title: this.lang.get('heading2'),
- func: 'block.format'
- },
- h3:
- {
- title: this.lang.get('heading3'),
- func: 'block.format'
- },
- h4:
- {
- title: this.lang.get('heading4'),
- func: 'block.format'
- },
- h5:
- {
- title: this.lang.get('heading5'),
- func: 'block.format'
- },
- h6:
- {
- title: this.lang.get('heading6'),
- func: 'block.format'
- }
- }
- },
- bold:
- {
- title: this.lang.get('bold-abbr'),
- label: this.lang.get('bold'),
- func: 'inline.format'
- },
- italic:
- {
- title: this.lang.get('italic-abbr'),
- label: this.lang.get('italic'),
- func: 'inline.format'
- },
- deleted:
- {
- title: this.lang.get('deleted-abbr'),
- label: this.lang.get('deleted'),
- func: 'inline.format'
- },
- underline:
- {
- title: this.lang.get('underline-abbr'),
- label: this.lang.get('underline'),
- func: 'inline.format'
- },
- lists:
- {
- title: this.lang.get('lists'),
- dropdown:
- {
- unorderedlist:
- {
- title: '• ' + this.lang.get('unorderedlist'),
- func: 'list.toggle'
- },
- orderedlist:
- {
- title: '1. ' + this.lang.get('orderedlist'),
- func: 'list.toggle'
- },
- outdent:
- {
- title: '< ' + this.lang.get('outdent'),
- func: 'indent.decrease',
- observe: {
- element: 'li',
- out: {
- attr: {
- 'class': 'redactor-dropdown-link-inactive',
- 'aria-disabled': true
- }
- }
- }
- },
- indent:
- {
- title: '> ' + this.lang.get('indent'),
- func: 'indent.increase',
- observe: {
- element: 'li',
- out: {
- attr: {
- 'class': 'redactor-dropdown-link-inactive',
- 'aria-disabled': true
- }
- }
- }
- }
- }
- },
- ul:
- {
- title: '• ' + this.lang.get('bulletslist'),
- func: 'list.toggle'
- },
- ol:
- {
- title: '1. ' + this.lang.get('numberslist'),
- func: 'list.toggle'
- },
- outdent:
- {
- title: this.lang.get('outdent'),
- func: 'indent.decrease'
- },
- indent:
- {
- title: this.lang.get('indent'),
- func: 'indent.increase'
- },
- image:
- {
- title: this.lang.get('image'),
- func: 'image.show'
- },
- file:
- {
- title: this.lang.get('file'),
- func: 'file.show'
- },
- link:
- {
- title: this.lang.get('link'),
- dropdown:
- {
- link:
- {
- title: this.lang.get('link-insert'),
- func: 'link.show',
- observe: {
- element: 'a',
- in: {
- title: this.lang.get('link-edit'),
- },
- out: {
- title: this.lang.get('link-insert')
- }
- }
- },
- unlink:
- {
- title: this.lang.get('unlink'),
- func: 'link.unlink',
- observe: {
- element: 'a',
- out: {
- attr: {
- 'class': 'redactor-dropdown-link-inactive',
- 'aria-disabled': true
- }
- }
- }
- }
- }
- },
- horizontalrule:
- {
- title: this.lang.get('horizontalrule'),
- func: 'line.insert'
- }
- };
- },
- setFormatting: function()
- {
- $.each(this.toolbarsButtons.format.dropdown, $.proxy(function (i, s)
- {
- if ($.inArray(i, this.opts.formatting) === -1)
- {
- delete this.toolbarsButtons.format.dropdown[i];
- }
-
- }, this));
-
- },
- hideButtons: function()
- {
- if (this.opts.buttonsHide.length !== 0)
- {
- this.button.hideButtonsSlicer(this.opts.buttonsHide);
- }
- },
- hideButtonsOnMobile: function()
- {
- if (this.detect.isMobile() && this.opts.buttonsHideOnMobile.length !== 0)
- {
- this.button.hideButtonsSlicer(this.opts.buttonsHideOnMobile);
- }
- },
- hideButtonsSlicer: function(buttons)
- {
- $.each(buttons, $.proxy(function(i, s)
- {
- var index = this.opts.buttons.indexOf(s);
- if (index !== -1)
- {
- this.opts.buttons.splice(index, 1);
- }
-
- }, this));
- },
- load: function($toolbar)
- {
- this.button.buttons = [];
-
- $.each(this.opts.buttons, $.proxy(function(i, btnName)
- {
- if (!this.toolbarsButtons[btnName]
- || (btnName === 'file' && !this.file.is())
- || (btnName === 'image' && !this.image.is()))
- {
- return;
- }
-
- $toolbar.append($('