', - invisibleSpace: '', - imageTypes: ['image/png', 'image/jpeg', 'image/gif'], - indentValue: 20, - verifiedTags: ['a', 'img', 'b', 'strong', 'sub', 'sup', 'i', 'em', 'u', 'small', 'strike', 'del', 'cite', 'ul', 'ol', 'li'], // and for span tag special rule - inlineTags: ['strong', 'b', 'u', 'em', 'i', 'code', 'del', 'ins', 'samp', 'kbd', 'sup', 'sub', 'mark', 'var', 'cite', 'small'], - alignmentTags: ['P', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'DL', 'DT', 'DD', 'DIV', 'TD', 'BLOCKQUOTE', 'OUTPUT', 'FIGCAPTION', 'ADDRESS', 'SECTION', 'HEADER', 'FOOTER', 'ASIDE', 'ARTICLE'], - blockLevelElements: ['PRE', 'UL', 'OL', 'LI'], - highContrast: false, - observe: { - dropdowns: [] - }, - - // lang - langs: { - en: { - html: 'HTML', - video: 'Insert Video', - image: 'Insert Image', - table: 'Table', - link: 'Link', - link_insert: 'Insert link', - link_edit: 'Edit link', - unlink: 'Unlink', - formatting: 'Formatting', - paragraph: 'Normal text', - quote: 'Quote', - code: 'Code', - header1: 'Header 1', - header2: 'Header 2', - header3: 'Header 3', - header4: 'Header 4', - header5: 'Header 5', - bold: 'Bold', - italic: 'Italic', - fontcolor: 'Font Color', - backcolor: 'Back Color', - unorderedlist: 'Unordered List', - orderedlist: 'Ordered List', - outdent: 'Outdent', - indent: 'Indent', - cancel: 'Cancel', - insert: 'Insert', - save: 'Save', - _delete: 'Delete', - insert_table: 'Insert Table', - insert_row_above: 'Add Row Above', - insert_row_below: 'Add Row Below', - insert_column_left: 'Add Column Left', - insert_column_right: 'Add Column Right', - delete_column: 'Delete Column', - delete_row: 'Delete Row', - delete_table: 'Delete Table', - rows: 'Rows', - columns: 'Columns', - add_head: 'Add Head', - delete_head: 'Delete Head', - alt: 'Alt', - image_position: 'Position', - none: 'None', - left: 'Left', - right: 'Right', - center: 'Center', - image_web_link: 'Image Web Link', - text: 'Text', - mailto: 'Email', - web: 'URL', - video_html_code: 'Video Embed Code or Youtube/Vimeo Link', - file: 'Insert File', - upload: 'Upload', - download: 'Download', - choose: 'Choose', - or_choose: 'Or choose', - drop_file_here: 'Drop file here', - align_left: 'Align text to the left', - align_center: 'Center text', - align_right: 'Align text to the right', - align_justify: 'Justify text', - horizontalrule: 'Insert Horizontal Rule', - deleted: 'Deleted', - anchor: 'Anchor', - link_new_tab: 'Open link in new tab', - /* concrete5 */ - link_same_window: 'Open link in same window', - in_lightbox: 'Open link in Lightbox', - lightbox_link_type: 'Link Type', - lightbox_link_type_iframe: 'Web Page', - lightbox_link_type_image: 'Image', - lightbox_link_type_iframe_options: 'Frame Options', - lightbox_link_type_iframe_width: 'Width', - lightbox_link_type_iframe_height: 'Height', - customStyles: 'Custom Styles', - remove_font: 'Remove font', - change_font_family: 'Change font family', - remove_font_size: 'Remove font size', - change_font_size: 'Change font size', - remove_style: 'Remove Style', - insert_character: 'Insert Character', - undo: 'Undo', - redo: 'Redo', - remove_font_family: 'Remove Font Family', - // Remember to add new strings also in in /concrete/controllers/frontend/assets_localization.php, function getRedactorJavascript - /* end concrete5 */ - underline: 'Underline', - alignment: 'Alignment', - filename: 'Name (optional)', - edit: 'Edit', - upload_label: 'Drop file here or ' - } - }, - - linkify: { - regexps: { - youtube: /https?:\/\/(?:[0-9A-Z-]+\.)?(?:youtu\.be\/|youtube\.com\S*[^\w\-\s])([\w\-]{11})(?=[^\w\-]|$)(?![?=&+%\w.\-]*(?:['"][^<>]*>|<\/a>))[?=&+%\w.-]*/ig, - vimeo: /https?:\/\/(www\.)?vimeo.com\/(\d+)($|\/)/, - image: /((https?|www)[^\s]+\.)(jpe?g|png|gif)(\?[^\s-]+)?/ig, - url: /(https?:\/\/(?:www\.|(?!www))[^\s\.]+\.[^\s]{2,}|www\.[^\s]+\.[^\s]{2,})/ig, - } - }, - - codemirror: false - }; - - // 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 - }, - - // Initialization - init: function(el, options) - { - this.$element = $(el); - this.uuid = uuid++; - - // if paste event detected = true - this.rtePaste = false; - this.$pasteBox = false; - - this.loadOptions(options); - this.loadModules(); - - // formatting storage - this.formatting = {}; - - // block level tags - $.merge(this.opts.blockLevelElements, this.opts.alignmentTags); - this.reIsBlock = new RegExp('^(' + this.opts.blockLevelElements.join('|' ) + ')$', 'i'); - - // setup allowed and denied tags - this.tidy.setupAllowed(); - - // setup denied tags - if (this.opts.deniedTags !== false) - { - var tags = ['html', 'head', 'link', 'body', 'meta', 'applet']; - for (var i = 0; i < tags.length; i++) - { - this.opts.deniedTags.push(tags[i]); - } - } - - // load lang - this.lang.load(); - - // extend shortcuts - $.extend(this.opts.shortcuts, this.opts.shortcutsAdd); - - // start callback - this.core.setCallback('start'); - - // build - this.start = true; - this.build.run(); - }, - - loadOptions: function(options) - { - this.opts = $.extend( - {}, - $.extend(true, {}, $.Redactor.opts), - 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); - } - }, - alignment: function() - { - return { - left: function() - { - this.alignment.set(''); - }, - right: function() - { - this.alignment.set('right'); - }, - center: function() - { - this.alignment.set('center'); - }, - justify: function() - { - this.alignment.set('justify'); - }, - set: function(type) - { - // focus - if (!this.utils.browser('msie')) this.$editor.focus(); - - this.buffer.set(); - this.selection.save(); - - // get blocks - this.alignment.blocks = this.selection.getBlocks(); - this.alignment.type = type; - - // set alignment - if (this.alignment.isLinebreaksOrNoBlocks()) - { - this.alignment.setText(); - } - else - { - this.alignment.setBlocks(); - } - - // sync - this.selection.restore(); - this.code.sync(); - }, - setText: function() - { - var wrapper = this.selection.wrap('div'); - $(wrapper).attr('data-tagblock', 'redactor').css('text-align', this.alignment.type); - }, - setBlocks: function() - { - $.each(this.alignment.blocks, $.proxy(function(i, el) - { - var $el = this.utils.getAlignmentElement(el); - if (!$el) return; - - if (this.alignment.isNeedReplaceElement($el)) - { - this.alignment.replaceElement($el); - } - else - { - this.alignment.alignElement($el); - } - - }, this)); - }, - isLinebreaksOrNoBlocks: function() - { - return (this.opts.linebreaks && this.alignment.blocks[0] === false); - }, - isNeedReplaceElement: function($el) - { - return (this.alignment.type === '' && typeof($el.data('tagblock')) !== 'undefined'); - }, - replaceElement: function($el) - { - $el.replaceWith($el.html()); - }, - alignElement: function($el) - { - $el.css('text-align', this.alignment.type); - this.utils.removeEmptyAttr($el, 'style'); - } - }; - }, - autosave: function() - { - return { - html: false, - enable: function() - { - if (!this.opts.autosave) return; - - this.autosave.name = (this.opts.autosaveName) ? this.opts.autosaveName : this.$textarea.attr('name'); - - if (this.opts.autosaveOnChange) return; - this.autosaveInterval = setInterval(this.autosave.load, this.opts.autosaveInterval * 1000); - }, - onChange: function() - { - if (!this.opts.autosaveOnChange) return; - this.autosave.load(); - }, - load: function() - { - 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.setCallback(callbackName, this.autosave.name, json); - this.autosave.html = this.autosave.source; - }, - disable: function() - { - clearInterval(this.autosaveInterval); - } - }; - }, - block: function() - { - return { - formatting: function(name) - { - this.block.clearStyle = false; - var type, value; - - if (typeof this.formatting[name].data != 'undefined') type = 'data'; - else if (typeof this.formatting[name].attr != 'undefined') type = 'attr'; - else if (typeof this.formatting[name]['class'] != 'undefined') type = 'class'; - - if (typeof this.formatting[name].clear != 'undefined') - { - this.block.clearStyle = true; - } - - if (type) value = this.formatting[name][type]; - - this.block.format(this.formatting[name].tag, type, value); - - }, - format: function(tag, type, value) - { - if (tag == 'quote') tag = 'blockquote'; - - var formatTags = ['p', 'pre', 'blockquote', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']; - if ($.inArray(tag, formatTags) == -1) return; - - this.block.isRemoveInline = (tag == 'pre' || tag.search(/h[1-6]/i) != -1); - - // focus - if (!this.utils.browser('msie')) this.$editor.focus(); - - var html = $.trim(this.$editor.html()); - this.block.isEmpty = this.utils.isEmpty(html); - - // FF focus - if (this.utils.browser('mozilla') && !this.focus.isFocused()) - { - if (this.block.isEmpty) - { - var $first; - if (!this.opts.linebreaks) - { - $first = this.$editor.children().first(); - this.caret.setEnd($first); - } - } - } - - this.block.blocks = this.selection.getBlocks(); - - this.block.blocksSize = this.block.blocks.length; - this.block.type = type; - this.block.value = value; - - this.buffer.set(); - this.selection.save(); - - this.block.set(tag); - - this.selection.restore(); - this.code.sync(); - this.observe.load(); - - }, - set: function(tag) - { - - this.selection.get(); - this.block.containerTag = this.range.commonAncestorContainer.tagName; - - if (this.range.collapsed) - { - this.block.setCollapsed(tag); - } - else - { - this.block.setMultiple(tag); - } - }, - setCollapsed: function(tag) - { - if (this.opts.linebreaks && this.block.isEmpty && tag != 'p') - { - var node = document.createElement(tag); - this.$editor.html(node); - this.caret.setEnd(node); - - return; - } - - - var block = this.block.blocks[0]; - if (block === false) return; - - if (block.tagName == 'LI') - { - if (tag != 'blockquote') return; - - this.block.formatListToBlockquote(); - return; - } - - var isContainerTable = (this.block.containerTag == 'TD' || this.block.containerTag == 'TH'); - if (isContainerTable && !this.opts.linebreaks) - { - document.execCommand('formatblock', false, '<' + tag + '>'); - - block = this.selection.getBlock(); - this.block.toggle($(block)); - - } - else if (block.tagName.toLowerCase() != tag) - { - if (this.opts.linebreaks && tag == 'p') - { - $(block).append('