$/i, ''));
- }
-
- return;
- }
- else this.dblEnter++;
- }
- else this.dblEnter++;
- }
-
- // pre
- if (pre === true)
- {
- return this.buildEventKeydownPre(e, current);
- }
- else
- {
- if (!this.opts.linebreaks)
- {
- // lists exit
- if (block && block.tagName == 'LI')
- {
- var listCurrent = this.getBlock();
- if (listCurrent !== false || listCurrent.tagName === 'LI')
- {
- var listText = $.trim($(block).text());
- var listCurrentText = $.trim($(listCurrent).text());
- if (listText == ''
- && listCurrentText == ''
- && $(listCurrent).next('li').size() == 0
- && $(listCurrent).parents('li').size() == 0)
- {
- this.bufferSet();
-
- var $list = $(listCurrent).closest('ol, ul');
- $(listCurrent).remove();
- var node = $('' + this.opts.invisibleSpace + '
');
- $list.after(node);
- this.selectionStart(node);
-
- this.sync();
- this.callback('enter', e);
- return false;
- }
- }
-
- }
-
- // replace div to p
- if (block && this.opts.rBlockTest.test(block.tagName))
- {
- // hit enter
- this.bufferSet();
-
- setTimeout($.proxy(function()
- {
- var blockElem = this.getBlock();
- if (blockElem.tagName === 'DIV' && !$(blockElem).hasClass('redactor_editor'))
- {
- var node = $('' + this.opts.invisibleSpace + '
');
- $(blockElem).replaceWith(node);
- this.selectionStart(node);
- }
-
- }, this), 1);
- }
- else if (block === false)
- {
- // hit enter
- this.bufferSet();
- var node = $('' + this.opts.invisibleSpace + '
');
- this.insertNode(node[0]);
- this.selectionStart(node);
- this.callback('enter', e);
- return false;
- }
-
+ this.opts.toolbar = this.toolbar.init();
+ this.toolbar.build();
}
- if (this.opts.linebreaks)
+ // modal templates init
+ this.modal.loadTemplates();
+
+ // plugins
+ this.build.plugins();
+
+ // observers
+ setTimeout($.proxy(this.observe.load, this), 4);
+
+ // init callback
+ this.core.setCallback('init');
+ },
+ setOptions: function()
+ {
+ // textarea direction
+ $(this.$textarea).attr('dir', this.opts.direction);
+
+ if (this.opts.linebreaks) this.$editor.addClass('redactor-linebreaks');
+
+ if (this.opts.tabindex) this.$editor.attr('tabindex', this.opts.tabindex);
+
+ if (this.opts.minHeight) this.$editor.css('minHeight', this.opts.minHeight);
+ if (this.opts.maxHeight) this.$editor.css('maxHeight', this.opts.maxHeight);
+
+ },
+ setEvents: function()
+ {
+ // drop
+ this.$editor.on('drop.redactor', $.proxy(function(e)
{
- // replace div to br
- if (block && this.opts.rBlockTest.test(block.tagName))
- {
- // hit enter
- this.bufferSet();
+ e = e.originalEvent || e;
- setTimeout($.proxy(function()
- {
- var blockElem = this.getBlock();
- if ((blockElem.tagName === 'DIV' || blockElem.tagName === 'P') && !$(blockElem).hasClass('redactor_editor'))
- {
- this.replaceLineBreak(blockElem);
- }
+ if (window.FormData === undefined || !e.dataTransfer) return true;
- }, this), 1);
- }
+ var length = e.dataTransfer.files.length;
+ if (length === 0) return true;
else
{
- return this.buildEventKeydownInsertLineBreak(e);
- }
- }
+ e.preventDefault();
- // blockquote, figcaption
- if (block.tagName == 'BLOCKQUOTE' || block.tagName == 'FIGCAPTION')
- {
- return this.buildEventKeydownInsertLineBreak(e);
- }
-
- }
-
- this.callback('enter', e);
- }
- else if (key === this.keyCode.ENTER && (e.ctrlKey || e.shiftKey)) // Shift+Enter or Ctrl+Enter
- {
- this.bufferSet();
-
- e.preventDefault();
- this.insertLineBreak();
- }
-
- // tab (cmd + [)
- if ((key === this.keyCode.TAB || e.metaKey && key === 219) && this.opts.shortcuts)
- {
- return this.buildEventKeydownTab(e, pre, key);
- }
-
- // delete zero-width space before the removing
- if (key === this.keyCode.BACKSPACE) this.buildEventKeydownBackspace(e, current, parent);
-
- },
- buildEventKeydownPre: function(e, current)
- {
- e.preventDefault();
- this.bufferSet();
- var html = $(current).parent().text();
- this.insertNode(document.createTextNode('\n'));
- if (html.search(/\s$/) == -1)
- {
- this.insertNode(document.createTextNode('\n'));
- }
-
- this.sync();
- this.callback('enter', e);
- return false;
- },
- buildEventKeydownTab: function(e, pre, key)
- {
- if (!this.opts.tabFocus) return true;
- if (this.isEmpty(this.get()) && this.opts.tabSpaces === false) return true;
-
- e.preventDefault();
-
- if (pre === true && !e.shiftKey)
- {
- this.bufferSet();
- this.insertNode(document.createTextNode('\t'));
- this.sync();
- return false;
-
- }
- else if (this.opts.tabSpaces !== false)
- {
- this.bufferSet();
- this.insertNode(document.createTextNode(Array(this.opts.tabSpaces + 1).join('\u00a0')));
- this.sync();
- return false;
- }
- else
- {
- if (!e.shiftKey) this.indentingIndent();
- else this.indentingOutdent();
- }
-
- return false;
- },
- buildEventKeydownBackspace: function(e, current, parent)
- {
- // remove empty list in table
- if (parent && current && parent.parentNode.tagName == 'TD'
- && parent.tagName == 'UL' && current.tagName == 'LI' && $(parent).children('li').size() == 1)
- {
- var text = $(current).text().replace(/[\u200B-\u200D\uFEFF]/g, '');
- if (text == '')
- {
- var node = parent.parentNode;
- $(parent).remove();
- this.selectionStart(node);
- this.sync();
- return false;
- }
- }
-
- if (typeof current.tagName !== 'undefined' && /^(H[1-6])$/i.test(current.tagName))
- {
- var node;
- if (this.opts.linebreaks === false) node = $('' + this.opts.invisibleSpace + '
');
- else node = $('
' + this.opts.invisibleSpace);
-
- $(current).replaceWith(node);
- this.selectionStart(node);
- this.sync();
- }
-
- if (typeof current.nodeValue !== 'undefined' && current.nodeValue !== null)
- {
- if (current.remove && current.nodeType === 3 && current.nodeValue.match(/[^\u200B]/g) == null)
- {
- $(current).prev().remove();
- this.sync();
- }
- }
- },
- buildEventKeydownInsertLineBreak: function(e)
- {
- this.bufferSet();
- e.preventDefault();
- this.insertLineBreak();
- this.callback('enter', e);
- return;
- },
- buildEventKeyup: function(e)
- {
- if (this.rtePaste) return false;
-
- var key = e.which;
- var parent = this.getParent();
- var current = this.getCurrent();
-
- // replace to p before / after the table or body
- if (!this.opts.linebreaks && current.nodeType == 3 && (parent == false || parent.tagName == 'BODY'))
- {
- var node = $('').append($(current).clone());
- $(current).replaceWith(node);
- var next = $(node).next();
- if (typeof(next[0]) !== 'undefined' && next[0].tagName == 'BR')
- {
- next.remove();
- }
-
- this.selectionEnd(node);
- }
-
- // convert links
- if ((this.opts.convertLinks || this.opts.convertImageLinks || this.opts.convertVideoLinks) && key === this.keyCode.ENTER)
- {
- this.buildEventKeyupConverters();
- }
-
- // if empty
- if (key === this.keyCode.DELETE || key === this.keyCode.BACKSPACE)
- {
- return this.formatEmpty(e);
- }
-
- this.callback('keyup', e);
- this.sync(e);
- },
- buildEventKeyupConverters: function()
- {
- this.formatLinkify(this.opts.linkProtocol, this.opts.convertLinks, this.opts.convertImageLinks, this.opts.convertVideoLinks, this.opts.linkSize);
-
- setTimeout($.proxy(function()
- {
- if (this.opts.convertImageLinks) this.observeImages();
- if (this.opts.observeLinks) this.observeLinks();
- }, this), 5);
- },
- buildPlugins: function()
- {
- if (!this.opts.plugins ) return;
-
- $.each(this.opts.plugins, $.proxy(function(i, s)
- {
- if (RedactorPlugins[s])
- {
- $.extend(this, RedactorPlugins[s]);
- if ($.isFunction( RedactorPlugins[ s ].init)) this.init();
- }
-
- }, this ));
- },
-
- // IFRAME
- iframeStart: function()
- {
- this.iframeCreate();
-
- if (this.opts.textareamode) this.iframeAppend(this.$source);
- else
- {
- this.$sourceOld = this.$source.hide();
- this.$source = this.buildCodearea(this.$sourceOld);
- this.iframeAppend(this.$sourceOld);
- }
- },
- iframeAppend: function(el)
- {
- this.$source.attr('dir', this.opts.direction).hide();
- this.$box.insertAfter(el).append(this.$frame).append(this.$source);
- },
- iframeCreate: function()
- {
- this.$frame = $('').one('load', $.proxy(function()
- {
- if (this.opts.fullpage)
- {
- this.iframePage();
-
- if (this.content === '') this.content = this.opts.invisibleSpace;
-
- this.$frame.contents()[0].write(this.content);
- this.$frame.contents()[0].close();
-
- var timer = setInterval($.proxy(function()
- {
- if (this.$frame.contents().find('body').html())
- {
- clearInterval(timer);
- this.iframeLoad();
+ if (this.opts.dragImageUpload || this.opts.dragFileUpload)
+ {
+ var files = e.dataTransfer.files;
+ this.upload.directUpload(files[0], e);
+ }
}
- }, this), 0);
- }
- else this.iframeLoad();
+ setTimeout($.proxy(this.clean.clearUnverified, this), 1);
- }, this));
- },
- iframeDoc: function()
- {
- return this.$frame[0].contentWindow.document;
- },
- iframePage: function()
- {
- var doc = this.iframeDoc();
- if (doc.documentElement) doc.removeChild(doc.documentElement);
+ this.core.setCallback('drop', e);
- return doc;
- },
- iframeAddCss: function(css)
- {
- css = css || this.opts.css;
+ }, this));
- if (this.isString(css))
- {
- this.$frame.contents().find('head').append('');
- }
- if ($.isArray(css))
- {
- $.each(css, $.proxy(function(i, url)
- {
- this.iframeAddCss(url);
-
- }, this));
- }
- },
- iframeLoad: function()
- {
- this.$editor = this.$frame.contents().find('body').attr({ 'contenteditable': true, 'dir': this.opts.direction });
-
- // set document & window
- if (this.$editor[0])
- {
- this.document = this.$editor[0].ownerDocument;
- this.window = this.document.defaultView || window;
- }
-
- // iframe css
- this.iframeAddCss();
-
- if (this.opts.fullpage)
- {
- this.setFullpageOnInit(this.$source.val());
- }
- else this.set(this.content, true, false);
-
- this.buildOptions();
- this.buildAfter();
- },
-
- // PLACEHOLDER
- placeholderInit: function()
- {
- if (this.opts.placeholder !== false)
- {
- this.placeholderText = this.opts.placeholder;
- this.opts.placeholder = true;
- }
- else
- {
- if (typeof this.$element.attr('placeholder') == 'undefined' || this.$element.attr('placeholder') == '')
- {
- this.opts.placeholder = false;
- }
- else
- {
- this.placeholderText = this.$element.attr('placeholder');
- this.opts.placeholder = true;
- }
- }
- },
- placeholderStart: function(html)
- {
- if (this.opts.placeholder === false)
- {
- return false;
- }
-
- if (this.isEmpty(html))
- {
- this.opts.focus = false;
- this.placeholderOnFocus();
- this.placeholderOnBlur();
-
- return this.placeholderGet();
- }
- else
- {
- this.placeholderOnBlur();
- }
-
- return false;
- },
- placeholderOnFocus: function()
- {
- this.$editor.on('focus.redactor_placeholder', $.proxy(this.placeholderFocus, this));
- },
- placeholderOnBlur: function()
- {
- this.$editor.on('blur.redactor_placeholder', $.proxy(this.placeholderBlur, this));
- },
- placeholderGet: function()
- {
- var ph = $('').data('redactor', 'verified')
- .attr('contenteditable', false).text(this.placeholderText);
-
- if (this.opts.linebreaks === false)
- {
- return $('').append(ph);
- }
- else return ph;
- },
- placeholderBlur: function()
- {
- var html = this.get();
- if (this.isEmpty(html))
- {
- this.placeholderOnFocus();
- this.$editor.html(this.placeholderGet());
- }
- },
- placeholderFocus: function()
- {
- this.$editor.find('span.redactor_placeholder').remove();
-
- var html = '';
- if (this.opts.linebreaks === false)
- {
- html = this.opts.emptyHtml;
- }
-
- this.$editor.off('focus.redactor_placeholder');
- this.$editor.html(html);
-
- if (this.opts.linebreaks === false)
- {
- // place the cursor inside emptyHtml
- this.selectionStart(this.$editor.children()[0]);
- }
- else
- {
- this.focus();
- }
-
- this.sync();
- },
- placeholderRemoveFromEditor: function()
- {
- this.$editor.find('span.redactor_placeholder').remove();
- this.$editor.off('focus.redactor_placeholder');
- },
- placeholderRemoveFromCode: function(html)
- {
- return html.replace(/(.*?)<\/span>/i, '');
- },
-
- // SHORTCUTS
- shortcuts: function(e, key)
- {
-
- // disable browser's hot keys for bold and italic
- if (!this.opts.shortcuts)
- {
- if ((e.ctrlKey || e.metaKey) && (key === 66 || key === 73))
- {
- e.preventDefault();
- }
-
- return false;
- }
-
- $.each(this.opts.shortcuts, $.proxy(function(str, command)
- {
- var keys = str.split(',');
- for (var i in keys)
- {
- if (typeof keys[i] === 'string')
+ // click
+ this.$editor.on('click.redactor', $.proxy(function(e)
{
- this.shortcutsHandler(e, $.trim(keys[i]), $.proxy(function()
+ var type = 'click';
+ if ((this.core.getEvent() == 'click' || this.core.getEvent() == 'arrow'))
{
- eval(command);
- }, this));
+ type = false;
+ }
+
+ this.core.addEvent(type);
+ this.utils.disableSelectAll();
+ this.core.setCallback('click', e);
+
+ }, this));
+
+ // paste
+ this.$editor.on('paste.redactor', $.proxy(this.paste.init, this));
+
+ // keydown
+ this.$editor.on('keydown.redactor', $.proxy(this.keydown.init, this));
+
+ // keyup
+ this.$editor.on('keyup.redactor', $.proxy(this.keyup.init, this));
+
+ // textarea keydown
+ if ($.isFunction(this.opts.codeKeydownCallback))
+ {
+ this.$textarea.on('keydown.redactor-textarea', $.proxy(this.opts.codeKeydownCallback, this));
}
- }
-
- }, this));
-
-
- },
- shortcutsHandler: function(e, keys, origHandler)
- {
- // based on https://github.com/jeresig/jquery.hotkeys
- var hotkeysSpecialKeys =
- {
- 8: "backspace", 9: "tab", 10: "return", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause",
- 20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home",
- 37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", 59: ";", 61: "=",
- 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7",
- 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111 : "/",
- 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8",
- 120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 173: "-", 186: ";", 187: "=",
- 188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\", 221: "]", 222: "'"
- };
-
-
- var hotkeysShiftNums =
- {
- "`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&",
- "8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": "\"", ",": "<",
- ".": ">", "/": "?", "\\": "|"
- };
-
- keys = keys.toLowerCase().split(" ");
- var special = hotkeysSpecialKeys[e.keyCode],
- character = String.fromCharCode( e.which ).toLowerCase(),
- modif = "", possible = {};
-
- $.each([ "alt", "ctrl", "meta", "shift"], function(index, specialKey)
- {
- if (e[specialKey + 'Key'] && special !== specialKey)
- {
- modif += specialKey + '+';
- }
- });
-
-
- if (special)
- {
- possible[modif + special] = true;
- }
-
- if (character)
- {
- possible[modif + character] = true;
- possible[modif + hotkeysShiftNums[character]] = true;
-
- // "$" can be triggered as "Shift+4" or "Shift+$" or just "$"
- if (modif === "shift+")
- {
- possible[hotkeysShiftNums[character]] = true;
- }
- }
-
- for (var i = 0, l = keys.length; i < l; i++)
- {
- if (possible[keys[i]])
- {
- e.preventDefault();
- return origHandler.apply(this, arguments);
- }
- }
- },
-
- // FOCUS
- focus: function()
- {
- if (!this.browser('opera'))
- {
- this.window.setTimeout($.proxy(this.focusSet, this, true), 1);
- }
- else
- {
- this.$editor.focus();
- }
- },
- focusWithSaveScroll: function()
- {
- if (this.browser('msie'))
- {
- var top = this.document.documentElement.scrollTop;
- }
-
- this.$editor.focus();
-
- if (this.browser('msie'))
- {
- this.document.documentElement.scrollTop = top;
- }
- },
- focusEnd: function()
- {
- if (!this.browser('mozilla'))
- {
- this.focusSet();
- }
- else
- {
- if (this.opts.linebreaks === false)
- {
- var last = this.$editor.children().last();
-
- this.$editor.focus();
- this.selectionEnd(last);
- }
- else
- {
- this.focusSet();
- }
- }
- },
- focusSet: function(collapse, element)
- {
- this.$editor.focus();
-
- if (typeof element == 'undefined')
- {
- element = this.$editor[0];
- }
-
- var range = this.getRange();
- range.selectNodeContents(element);
-
- // collapse - controls the position of focus: the beginning (true), at the end (false).
- range.collapse(collapse || false);
-
- var sel = this.getSelection();
- sel.removeAllRanges();
- sel.addRange(range);
- },
-
- // TOGGLE
- toggle: function(direct)
- {
- if (this.opts.visual) this.toggleCode(direct);
- else this.toggleVisual();
- },
- toggleVisual: function()
- {
- var html = this.$source.hide().val();;
- if (typeof this.modified !== 'undefined')
- {
- var modified = this.modified.replace(/\n/g, '');
-
- var thtml = html.replace(/\n/g, '');
- thtml = this.cleanRemoveSpaces(thtml, false);
-
- this.modified = this.cleanRemoveSpaces(modified, false) !== thtml;
- }
-
- if (this.modified)
- {
- // don't remove the iframe even if cleared all.
- if (this.opts.fullpage && html === '')
- {
- this.setFullpageOnInit(html);
- }
- else
- {
- this.set(html);
- if (this.opts.fullpage)
+ // textarea keyup
+ if ($.isFunction(this.opts.codeKeyupCallback))
{
- this.buildBindKeyboard();
+ this.$textarea.on('keyup.redactor-textarea', $.proxy(this.opts.codeKeyupCallback, this));
}
- }
- this.callback('change', false, html);
- }
+ // focus
+ if ($.isFunction(this.opts.focusCallback))
+ {
+ this.$editor.on('focus.redactor', $.proxy(this.opts.focusCallback, this));
+ }
- if (this.opts.iframe) this.$frame.show();
- else this.$editor.show();
-
- if (this.opts.fullpage) this.$editor.attr('contenteditable', true );
-
- this.$source.off('keydown.redactor-textarea-indenting');
-
- this.$editor.focus();
- this.selectionRestore();
-
- this.observeStart();
- this.buttonActiveVisual();
- this.buttonInactive('html');
- this.opts.visual = true;
-
-
- },
- toggleCode: function(direct)
- {
- if (direct !== false) this.selectionSave();
-
- var height = null;
- if (this.opts.iframe)
- {
- height = this.$frame.height();
- if (this.opts.fullpage) this.$editor.removeAttr('contenteditable');
- this.$frame.hide();
- }
- else
- {
- height = this.$editor.innerHeight();
- this.$editor.hide();
- }
-
- var html = this.$source.val();
-
- // tidy html
- if (html !== '' && this.opts.tidyHtml)
- {
- this.$source.val(this.cleanHtml(html));
- }
-
- this.modified = html;
-
- this.$source.height(height).show().focus();
-
- // textarea indenting
- this.$source.on('keydown.redactor-textarea-indenting', this.textareaIndenting);
-
- this.buttonInactiveVisual();
- this.buttonActive('html');
- this.opts.visual = false;
- },
- textareaIndenting: function(e)
- {
- if (e.keyCode === 9)
- {
- var $el = $(this);
- var start = $el.get(0).selectionStart;
- $el.val($el.val().substring(0, start) + "\t" + $el.val().substring($el.get(0).selectionEnd));
- $el.get(0).selectionStart = $el.get(0).selectionEnd = start + 1;
- return false;
- }
- },
-
- // AUTOSAVE
- autosave: function()
- {
- var savedHtml = false;
- this.autosaveInterval = setInterval($.proxy(function()
- {
- var html = this.get();
- if (savedHtml !== html)
- {
- var name = this.$source.attr('name');
- $.ajax({
- url: this.opts.autosave,
- type: 'post',
- data: 'name=' + name + '&' + name + '=' + escape(encodeURIComponent(html)),
- success: $.proxy(function(data)
- {
- var json = $.parseJSON(data);
- if (typeof json.error == 'undefined')
- {
- // success
- this.callback('autosave', false, json);
- }
- else
- {
- // error
- this.callback('autosaveError', false, json);
- }
-
- savedHtml = html;
-
- }, this)
+ var clickedElement;
+ $(document).on('mousedown', function(e) {
+ clickedElement = $(e.target);
});
+
+ // blur
+ this.$editor.on('blur.redactor', $.proxy(function(e)
+ {
+ if (this.rtePaste) return;
+
+ var $el = $(clickedElement);
+ if (!$el.hasClass('redactor-toolbar, redactor-dropdown') && !$el.is('#redactor-modal') && $el.parents('.redactor-toolbar, .redactor-dropdown, #redactor-modal').size() === 0)
+ {
+ this.utils.disableSelectAll();
+ if ($.isFunction(this.opts.blurCallback)) this.core.setCallback('blur', e);
+ }
+ }, this));
+ },
+ setHelpers: function()
+ {
+ // autosave
+ this.autosave.enable();
+
+ // placeholder
+ this.placeholder.enable();
+
+ // focus
+ if (this.opts.focus) setTimeout($.proxy(this.focus.setStart, this), 100);
+ if (this.opts.focusEnd) setTimeout($.proxy(this.focus.setEnd, this), 100);
+
+ },
+ plugins: function()
+ {
+ if (!this.opts.plugins) return;
+ if (!RedactorPlugins) return;
+
+ $.each(this.opts.plugins, $.proxy(function(i, s)
+ {
+ if (RedactorPlugins[s])
+ {
+ if (!$.isFunction(RedactorPlugins[s])) return;
+
+ this[s] = RedactorPlugins[s]();
+
+ 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);
+ }
+
+ if ($.isFunction(this[s].init)) this[s].init();
+ }
+
+ }, this));
+
+
+ },
+ disableMozillaEditing: function()
+ {
+ if (!this.utils.browser('mozilla')) return;
+
+ // FF fix
+ try {
+ document.execCommand('enableObjectResizing', false, false);
+ document.execCommand('enableInlineTableEditing', false, false);
+ } catch (e) {}
}
- }, this), this.opts.autosaveInterval*1000);
+ };
},
-
- // TOOLBAR
- toolbarBuild: function()
+ lang: function()
{
- // hide on mobile
- if (this.isMobile() && this.opts.buttonsHideOnMobile.length > 0)
- {
- $.each(this.opts.buttonsHideOnMobile, $.proxy(function(i, s)
+ return {
+ load: function()
{
- var index = this.opts.buttons.indexOf(s);
- this.opts.buttons.splice(index, 1);
-
- }, this));
- }
-
- // extend buttons
- if (this.opts.air)
- {
- this.opts.buttons = this.opts.airButtons;
- }
- else
- {
- if (!this.opts.buttonSource)
+ this.opts.curLang = this.opts.langs[this.opts.lang];
+ },
+ get: function(name)
{
+ return (typeof this.opts.curLang[name] != 'undefined') ? this.opts.curLang[name] : '';
+ }
+ };
+ },
+ toolbar: function()
+ {
+ return {
+ init: function()
+ {
+ return {
+ html:
+ {
+ title: this.lang.get('html'),
+ func: 'code.toggle'
+ },
+ formatting:
+ {
+ title: this.lang.get('formatting'),
+ 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('header1'),
+ func: 'block.format'
+ },
+ h2:
+ {
+ title: this.lang.get('header2'),
+ func: 'block.format'
+ },
+ h3:
+ {
+ title: this.lang.get('header3'),
+ func: 'block.format'
+ },
+ h4:
+ {
+ title: this.lang.get('header4'),
+ func: 'block.format'
+ },
+ h5:
+ {
+ title: this.lang.get('header5'),
+ func: 'block.format'
+ }
+ }
+ },
+ bold:
+ {
+ title: this.lang.get('bold'),
+ func: 'inline.format'
+ },
+ italic:
+ {
+ title: this.lang.get('italic'),
+ func: 'inline.format'
+ },
+ deleted:
+ {
+ title: this.lang.get('deleted'),
+ func: 'inline.format'
+ },
+ underline:
+ {
+ title: this.lang.get('underline'),
+ func: 'inline.format'
+ },
+ 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'
+ },
+ 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'
+ },
+ unlink:
+ {
+ title: this.lang.get('unlink'),
+ func: 'link.unlink'
+ }
+ }
+ },
+ alignment:
+ {
+ title: this.lang.get('alignment'),
+ dropdown:
+ {
+ left:
+ {
+ title: this.lang.get('align_left'),
+ func: 'alignment.left'
+ },
+ center:
+ {
+ title: this.lang.get('align_center'),
+ func: 'alignment.center'
+ },
+ right:
+ {
+ title: this.lang.get('align_right'),
+ func: 'alignment.right'
+ },
+ justify:
+ {
+ title: this.lang.get('align_justify'),
+ func: 'alignment.justify'
+ }
+ }
+ },
+ horizontalrule:
+ {
+ title: this.lang.get('horizontalrule'),
+ func: 'line.insert'
+ }
+ };
+ },
+ build: function()
+ {
+ this.toolbar.hideButtons();
+ this.toolbar.hideButtonsOnMobile();
+ this.toolbar.isButtonSourceNeeded();
+
+ if (this.opts.buttons.length === 0) return;
+
+ this.$toolbar = this.toolbar.createContainer();
+
+ this.toolbar.setOverflow();
+ this.toolbar.append();
+ this.toolbar.setFormattingTags();
+ this.toolbar.loadButtons();
+ this.toolbar.setTabindex();
+ this.toolbar.setFixed();
+
+ // buttons response
+ if (this.opts.activeButtons)
+ {
+ this.$editor.on('mouseup.redactor keyup.redactor focus.redactor', $.proxy(this.observe.buttons, this));
+ }
+
+ },
+ createContainer: function()
+ {
+ return $('').addClass('redactor-toolbar').attr('id', 'redactor-toolbar-' + this.uuid);
+ },
+ setFormattingTags: function()
+ {
+ $.each(this.opts.toolbar.formatting.dropdown, $.proxy(function (i, s)
+ {
+ if ($.inArray(i, this.opts.formatting) == -1) delete this.opts.toolbar.formatting.dropdown[i];
+ }, this));
+
+ },
+ loadButtons: function()
+ {
+ $.each(this.opts.buttons, $.proxy(function(i, btnName)
+ {
+ if (!this.opts.toolbar[btnName]) return;
+
+ if (this.opts.fileUpload === false && btnName === 'file') return true;
+ if ((this.opts.imageUpload === false && this.opts.s3 === false) && btnName === 'image') return true;
+
+ var btnObject = this.opts.toolbar[btnName];
+ this.$toolbar.append($('- ').append(this.button.build(btnName, btnObject)));
+
+ }, this));
+ },
+ append: function()
+ {
+ if (this.opts.toolbarExternal)
+ {
+ this.$toolbar.addClass('redactor-toolbar-external');
+ $(this.opts.toolbarExternal).html(this.$toolbar);
+ }
+ else
+ {
+ this.$box.prepend(this.$toolbar);
+ }
+ },
+ setFixed: function()
+ {
+ if (this.utils.isMobile()) return;
+ if (this.opts.toolbarExternal) return;
+ if (!this.opts.toolbarFixed) return;
+
+ this.toolbar.observeScroll();
+ $(this.opts.toolbarFixedTarget).on('scroll.redactor', $.proxy(this.toolbar.observeScroll, this));
+
+ },
+ setTabindex: function()
+ {
+ this.$toolbar.find('a').attr('tabindex', '-1');
+ },
+ setOverflow: function()
+ {
+ if (this.utils.isMobile() && this.opts.toolbarOverflow)
+ {
+ this.$toolbar.addClass('redactor-toolbar-overflow');
+ }
+ },
+ isButtonSourceNeeded: function()
+ {
+ if (this.opts.buttonSource) return;
+
var index = this.opts.buttons.indexOf('html');
- this.opts.buttons.splice(index, 1);
- }
- }
-
- // formatting tags
- if (this.opts.toolbar)
- {
- $.each(this.opts.toolbar.formatting.dropdown, $.proxy(function (i, s)
+ if (index !== -1)
+ {
+ this.opts.buttons.splice(index, 1);
+ }
+ },
+ hideButtons: function()
{
- if ($.inArray(i, this.opts.formattingTags ) == '-1') delete this.opts.toolbar.formatting.dropdown[i];
+ if (this.opts.buttonsHide.length === 0) return;
- }, this));
- }
+ $.each(this.opts.buttonsHide, $.proxy(function(i, s)
+ {
+ var index = this.opts.buttons.indexOf(s);
+ this.opts.buttons.splice(index, 1);
- // if no buttons don't create a toolbar
- if (this.opts.buttons.length === 0) return false;
-
- // air enable
- this.airEnable();
-
- // toolbar build
- this.$toolbar = $('
').addClass('redactor_toolbar').attr('id', 'redactor_toolbar_' + this.uuid);
-
- if (this.opts.typewriter)
- {
- this.$toolbar.addClass('redactor-toolbar-typewriter');
- }
-
- if (this.opts.toolbarOverflow && this.isMobile())
- {
- this.$toolbar.addClass('redactor-toolbar-overflow');
- }
-
- if (this.opts.air)
- {
- // air box
- this.$air = $('').attr('id', 'redactor_air_' + this.uuid).hide();
- this.$air.append(this.$toolbar);
- $('body').append(this.$air);
- }
- else
- {
- if (this.opts.toolbarExternal)
+ }, this));
+ },
+ hideButtonsOnMobile: function()
{
- this.$toolbar.addClass('redactor-toolbar-external');
- $(this.opts.toolbarExternal).html(this.$toolbar);
- }
- else this.$box.prepend(this.$toolbar);
- }
+ if (!this.utils.isMobile() && this.opts.buttonsHideOnMobile.length === 0) return;
- $.each(this.opts.buttons, $.proxy(function(i, btnName)
- {
- if (this.opts.toolbar[btnName])
+ $.each(this.opts.buttonsHideOnMobile, $.proxy(function(i, s)
+ {
+ var index = this.opts.buttons.indexOf(s);
+ this.opts.buttons.splice(index, 1);
+
+ }, this));
+ },
+ observeScroll: function()
{
- var btnObject = this.opts.toolbar[btnName];
- if (this.opts.fileUpload === false && btnName === 'file') return true;
- this.$toolbar.append( $('
- ').append(this.buttonBuild(btnName, btnObject)));
- }
+ var scrollTop = $(this.opts.toolbarFixedTarget).scrollTop();
+ var boxTop = 1;
- }, this));
+ if (this.opts.toolbarFixedTarget === document)
+ {
+ boxTop = this.$box.offset().top;
+ }
- this.$toolbar.find('a').attr('tabindex', '-1');
-
- // fixed
- if (this.opts.toolbarFixed)
- {
- this.toolbarObserveScroll();
- $(this.opts.toolbarFixedTarget).on('scroll.redactor', $.proxy(this.toolbarObserveScroll, this));
- }
-
- // buttons response
- if (this.opts.activeButtons)
- {
- this.$editor.on('mouseup.redactor keyup.redactor', $.proxy(this.buttonActiveObserver, this));
- }
- },
- toolbarObserveScroll: function()
- {
- var scrollTop = $(this.opts.toolbarFixedTarget).scrollTop();
-
- var boxTop = 0;
- var left = 0;
- var end = 0;
-
- if (this.opts.toolbarFixedTarget === document)
- {
- boxTop = this.$box.offset().top;
- }
- else
- {
- boxTop = 1;
- }
-
- end = boxTop + this.$box.height() + 40;
-
- if (scrollTop > boxTop)
- {
- var width = '100%';
- if (this.opts.toolbarFixedBox)
+ if (scrollTop > boxTop)
+ {
+ this.toolbar.observeScrollEnable(scrollTop, boxTop);
+ }
+ else
+ {
+ this.toolbar.observeScrollDisable();
+ }
+ },
+ observeScrollEnable: function(scrollTop, boxTop)
{
- left = this.$box.offset().left;
- width = this.$box.innerWidth();
- this.$toolbar.addClass('toolbar_fixed_box');
- }
+ var top = this.opts.toolbarFixedTopOffset + scrollTop - boxTop;
+ var left = 0;
+ var end = boxTop + this.$box.height() + 30;
+ var width = this.$box.innerWidth();
- this.toolbarFixed = true;
-
- if (this.opts.toolbarFixedTarget === document)
- {
- this.$toolbar.css({
- position: 'fixed',
- width: width,
- zIndex: 10005,
- top: this.opts.toolbarFixedTopOffset + 'px',
- left: left
- });
- }
- else
- {
+ this.$toolbar.addClass('toolbar-fixed-box');
this.$toolbar.css({
position: 'absolute',
width: width,
- zIndex: 10005,
- top: (this.opts.toolbarFixedTopOffset + scrollTop) + 'px',
- left: 0
+ top: top + 'px',
+ left: left
+ });
+
+ this.toolbar.setDropdownsFixed();
+ this.$toolbar.css('visibility', (scrollTop < end) ? 'visible' : 'hidden');
+ },
+ observeScrollDisable: function()
+ {
+ this.$toolbar.css({
+ position: 'relative',
+ width: 'auto',
+ top: 0,
+ left: 0,
+ visibility: 'visible'
+ });
+
+ this.toolbar.unsetDropdownsFixed();
+ this.$toolbar.removeClass('toolbar-fixed-box');
+
+ },
+ setDropdownsFixed: function()
+ {
+ var self = this;
+ $('.redactor-dropdown').each(function()
+ {
+ $(this).css({ position: 'fixed', top: self.$toolbar.innerHeight() + self.opts.toolbarFixedTopOffset });
+ });
+ },
+ unsetDropdownsFixed: function()
+ {
+ var self = this;
+ $('.redactor-dropdown').each(function()
+ {
+ var top = (self.$toolbar.innerHeight() + self.$toolbar.offset().top) + 'px';
+ $(this).css({ position: 'absolute', top: top });
});
}
-
- if (scrollTop < end) this.$toolbar.css('visibility', 'visible');
- else this.$toolbar.css('visibility', 'hidden');
- }
- else
- {
- this.toolbarFixed = false;
- this.$toolbar.css({
- position: 'relative',
- width: 'auto',
- top: 0,
- left: left
- });
-
- if (this.opts.toolbarFixedBox) this.$toolbar.removeClass('toolbar_fixed_box');
- }
+ };
},
-
- // AIR
- airEnable: function()
+ button: function()
{
- if (!this.opts.air) return;
-
- this.$editor.on('mouseup.redactor keyup.redactor', this, $.proxy(function(e)
- {
- var text = this.getSelectionText();
-
- if (e.type === 'mouseup' && text != '') this.airShow(e);
- if (e.type === 'keyup' && e.shiftKey && text != '')
+ return {
+ build: function(btnName, btnObject)
{
- var $focusElem = $(this.getElement(this.getSelection().focusNode)), offset = $focusElem.offset();
- offset.height = $focusElem.height();
- this.airShow(offset, true);
- }
+ var $button = $('');
- }, this));
- },
- airShow: function (e, keyboard)
- {
- if (!this.opts.air) return;
-
- var left, top;
- $('.redactor_air').hide();
-
- if (keyboard)
- {
- left = e.left;
- top = e.top + e.height + 14;
-
- if (this.opts.iframe)
- {
- top += this.$box.position().top - $(this.document).scrollTop();
- left += this.$box.position().left;
- }
- }
- else
- {
- var width = this.$air.innerWidth();
-
- left = e.clientX;
- if ($(this.document).width() < (left + width)) left -= width;
-
- top = e.clientY + 14;
- if (this.opts.iframe)
- {
- top += this.$box.position().top;
- left += this.$box.position().left;
- }
- else top += $( this.document ).scrollTop();
- }
-
- this.$air.css({
- left: left + 'px',
- top: top + 'px'
- }).show();
-
- this.airBindHide();
- },
- airBindHide: function()
- {
- if (!this.opts.air) return;
-
- var hideHandler = $.proxy(function(doc)
- {
- $(doc).on('mousedown.redactor', $.proxy(function(e)
- {
- if ($( e.target ).closest(this.$toolbar).length === 0)
+ if (btnObject.func || btnObject.command || btnObject.dropdown)
{
- this.$air.fadeOut(100);
- this.selectionRemove();
- $(doc).off(e);
- }
-
- }, this)).on('keydown.redactor', $.proxy(function(e)
- {
- if (e.which === this.keyCode.ESC)
- {
- this.getSelection().collapseToStart();
- }
-
- this.$air.fadeOut(100);
- $(doc).off(e);
-
- }, this));
- }, this);
-
- // Hide the toolbar at events in all documents (iframe)
- hideHandler(document);
- if (this.opts.iframe) hideHandler(this.document);
- },
- airBindMousemoveHide: function()
- {
- if (!this.opts.air) return;
-
- var hideHandler = $.proxy(function(doc)
- {
- $(doc).on('mousemove.redactor', $.proxy(function(e)
- {
- if ($( e.target ).closest(this.$toolbar).length === 0)
- {
- this.$air.fadeOut(100);
- $(doc).off(e);
- }
-
- }, this));
- }, this);
-
- // Hide the toolbar at events in all documents (iframe)
- hideHandler(document);
- if (this.opts.iframe) hideHandler(this.document);
- },
-
- // DROPDOWNS
- dropdownBuild: function($dropdown, dropdownObject)
- {
- $.each(dropdownObject, $.proxy(function(btnName, btnObject)
- {
- if (!btnObject.className) btnObject.className = '';
-
- var $item;
- if (btnObject.name === 'separator') $item = $('');
- else
- {
- $item = $('' + btnObject.title + '');
- $item.on('click', $.proxy(function(e)
- {
- if (e.preventDefault) e.preventDefault();
- if (this.browser('msie')) e.returnValue = false;
-
- if (btnObject.callback) btnObject.callback.call(this, btnName, $item, btnObject, e);
- if (btnObject.exec) this.execCommand(btnObject.exec, btnName);
- if (btnObject.func) this[btnObject.func](btnName);
-
- this.buttonActiveObserver();
- if (this.opts.air) this.$air.fadeOut(100);
-
- }, this));
- }
-
- $dropdown.append($item);
-
- }, this));
- },
- dropdownShow: function(e, key)
- {
- if (!this.opts.visual)
- {
- e.preventDefault();
- return false;
- }
-
- var $button = this.buttonGet(key);
-
- // Always re-append it to the end of so it always has the highest sub-z-index.
- var $dropdown = $button.data('dropdown').appendTo(document.body);
-
- if ($button.hasClass('dropact')) this.dropdownHideAll();
- else
- {
- this.dropdownHideAll();
- this.callback('dropdownShow', { dropdown: $dropdown, key: key, button: $button });
-
- this.buttonActive(key);
- $button.addClass('dropact');
-
- var keyPosition = $button.offset();
-
- // fix right placement
- var dropdownWidth = $dropdown.width();
- if ((keyPosition.left + dropdownWidth) > $(document).width())
- {
- keyPosition.left -= dropdownWidth;
- }
-
- var left = keyPosition.left + 'px';
- var btnHeight = $button.innerHeight();
-
- var position = 'absolute';
- var top = (btnHeight + this.opts.toolbarFixedTopOffset) + 'px';
-
- if (this.opts.toolbarFixed && this.toolbarFixed) position = 'fixed';
- else top = keyPosition.top + btnHeight + 'px';
-
- $dropdown.css({ position: position, left: left, top: top }).show();
- this.callback('dropdownShown', { dropdown: $dropdown, key: key, button: $button });
- }
-
-
- var hdlHideDropDown = $.proxy(function(e)
- {
-
- this.dropdownHide(e, $dropdown);
-
- }, this);
-
- $(document).one('click', hdlHideDropDown);
- this.$editor.one('click', hdlHideDropDown);
- this.$editor.one('touchstart', hdlHideDropDown);
-
-
- e.stopPropagation();
- this.focusWithSaveScroll();
- },
- dropdownHideAll: function()
- {
- this.$toolbar.find('a.dropact').removeClass('redactor_act').removeClass('dropact');
- $('.redactor_dropdown').hide();
- this.callback('dropdownHide');
- },
- dropdownHide: function (e, $dropdown)
- {
- if (!$(e.target).hasClass('dropact'))
- {
- $dropdown.removeClass('dropact');
- this.dropdownHideAll();
- }
- },
-
- // BUTTONS
- buttonBuild: function(btnName, btnObject, buttonImage)
- {
- var $button = $('');
-
- if (typeof buttonImage != 'undefined')
- {
- $button.addClass('redactor-btn-image');
- }
-
- $button.on('click', $.proxy(function(e)
- {
- if (e.preventDefault) e.preventDefault();
- if (this.browser('msie')) e.returnValue = false;
-
- if ($button.hasClass('redactor_button_disabled')) return false;
-
- if (this.isFocused() === false && !btnObject.exec)
- {
- this.focusWithSaveScroll();
- }
-
- if (btnObject.exec)
- {
- this.focusWithSaveScroll();
-
- this.execCommand(btnObject.exec, btnName);
- this.airBindMousemoveHide();
-
- }
- else if (btnObject.func && btnObject.func !== 'show')
- {
- this[btnObject.func](btnName);
- this.airBindMousemoveHide();
-
- }
- else if (btnObject.callback)
- {
- btnObject.callback.call(this, btnName, $button, btnObject, e);
- this.airBindMousemoveHide();
-
- }
- else if (btnObject.dropdown)
- {
- this.dropdownShow(e, btnName);
- }
-
- this.buttonActiveObserver(false, btnName);
-
- }, this));
-
- // dropdown
- if (btnObject.dropdown)
- {
- var $dropdown = $('
');
- $button.data('dropdown', $dropdown);
- this.dropdownBuild($dropdown, btnObject.dropdown);
- }
-
- return $button;
- },
- buttonGet: function(key)
- {
- if (!this.opts.toolbar) return false;
- return $(this.$toolbar.find('a.re-' + key));
- },
- buttonTagToActiveState: function(buttonName, tagName)
- {
- this.opts.activeButtons.push(buttonName);
- this.opts.activeButtonsStates[tagName] = buttonName;
- },
- buttonActiveToggle: function(key)
- {
- var btn = this.buttonGet(key);
-
- if (btn.hasClass('redactor_act'))
- {
- this.buttonInactive(key);
- }
- else
- {
- this.buttonActive(key);
- }
- },
- buttonActive: function(key)
- {
- var btn = this.buttonGet(key);
- btn.addClass('redactor_act');
- },
- buttonInactive: function(key)
- {
- var btn = this.buttonGet(key);
- btn.removeClass('redactor_act');
- },
- buttonInactiveAll: function(btnName)
- {
- this.$toolbar.find('a.re-icon').not('.re-' + btnName).removeClass('redactor_act');
- },
- buttonActiveVisual: function()
- {
- this.$toolbar.find('a.re-icon').not('a.re-html').removeClass('redactor_button_disabled');
- },
- buttonInactiveVisual: function()
- {
- this.$toolbar.find('a.re-icon').not('a.re-html').addClass('redactor_button_disabled');
- },
- buttonChangeIcon: function (key, classname)
- {
- this.buttonGet(key).addClass('re-' + classname);
- },
- buttonRemoveIcon: function(key, classname)
- {
- this.buttonGet(key).removeClass('re-' + classname);
- },
- buttonAwesome: function(key, name)
- {
- var button = this.buttonGet(key);
- button.removeClass('redactor-btn-image');
- button.addClass('fa-redactor-btn');
- button.html('
');
- },
- buttonAdd: function(key, title, callback, dropdown)
- {
- if (!this.opts.toolbar) return;
- var btn = this.buttonBuild(key, { title: title, callback: callback, dropdown: dropdown }, true);
-
- this.$toolbar.append($('
- ').append(btn));
-
- return btn;
- },
- buttonAddFirst: function(key, title, callback, dropdown)
- {
- if (!this.opts.toolbar) return;
- var btn = this.buttonBuild(key, { title: title, callback: callback, dropdown: dropdown }, true);
- this.$toolbar.prepend($('
- ').append(btn));
- },
- buttonAddAfter: function(afterkey, key, title, callback, dropdown)
- {
- if (!this.opts.toolbar) return;
- var btn = this.buttonBuild(key, { title: title, callback: callback, dropdown: dropdown }, true);
- var $btn = this.buttonGet(afterkey);
-
- if ($btn.size() !== 0) $btn.parent().after($('
- ').append(btn));
- else this.$toolbar.append($('
- ').append(btn));
-
- return btn;
- },
- buttonAddBefore: function(beforekey, key, title, callback, dropdown)
- {
- if (!this.opts.toolbar) return;
- var btn = this.buttonBuild(key, { title: title, callback: callback, dropdown: dropdown }, true);
- var $btn = this.buttonGet(beforekey);
-
- if ($btn.size() !== 0) $btn.parent().before($('
- ').append(btn));
- else this.$toolbar.append($('
- ').append(btn));
-
- return btn;
- },
- buttonRemove: function (key)
- {
- var $btn = this.buttonGet(key);
- $btn.remove();
- },
- buttonActiveObserver: function(e, btnName)
- {
- var parent = this.getParent();
- this.buttonInactiveAll(btnName);
-
- if (e === false && btnName !== 'html')
- {
- if ($.inArray(btnName, this.opts.activeButtons) != -1)
- {
- this.buttonActiveToggle(btnName);
- }
- return;
- }
-
- if (parent && parent.tagName === 'A') this.$toolbar.find('a.redactor_dropdown_link').text(this.opts.curLang.link_edit);
- else this.$toolbar.find('a.redactor_dropdown_link').text(this.opts.curLang.link_insert);
-
- $.each(this.opts.activeButtonsStates, $.proxy(function(key, value)
- {
- if ($(parent).closest(key, this.$editor.get()[0]).length != 0)
- {
- this.buttonActive(value);
- }
-
- }, this));
-
- var $parent = $(parent).closest(this.opts.alignmentTags.toString().toLowerCase(), this.$editor[0]);
- if ($parent.length)
- {
- var align = $parent.css('text-align');
- if (align == '')
- {
- align = 'left';
- }
-
- this.buttonActive('align' + align);
- }
- },
-
- // EXEC
- execPasteFrag: function(html)
- {
- var sel = this.getSelection();
- if (sel.getRangeAt && sel.rangeCount)
- {
- var range = this.getRange();
- range.deleteContents();
-
- var el = this.document.createElement("div");
- el.innerHTML = html;
-
- var frag = this.document.createDocumentFragment(), node, lastNode;
- while ((node = el.firstChild))
- {
- lastNode = frag.appendChild(node);
- }
-
- var firstNode = frag.firstChild;
- range.insertNode(frag);
-
- if (lastNode)
- {
- range = range.cloneRange();
- range.setStartAfter(lastNode);
- range.collapse(true);
- }
- sel.removeAllRanges();
- sel.addRange(range);
- }
- },
- exec: function(cmd, param, sync)
- {
- if (cmd === 'formatblock' && this.browser('msie'))
- {
- param = '<' + param + '>';
- }
-
- if (cmd === 'inserthtml' && this.browser('msie'))
- {
- if (!this.isIe11())
- {
- this.focusWithSaveScroll();
- this.document.selection.createRange().pasteHTML(param);
- }
- else this.execPasteFrag(param);
- }
- else
- {
- this.document.execCommand(cmd, false, param);
- }
-
- if (sync !== false) this.sync();
- this.callback('execCommand', cmd, param);
- },
- execCommand: function(cmd, param, sync)
- {
- if (!this.opts.visual)
- {
- this.$source.focus();
- return false;
- }
-
- if ( cmd === 'bold'
- || cmd === 'italic'
- || cmd === 'underline'
- || cmd === 'strikethrough')
- {
- this.bufferSet();
- }
-
-
- if (cmd === 'superscript' || cmd === 'subscript')
- {
- var parent = this.getParent();
- if (parent.tagName === 'SUP' || parent.tagName === 'SUB')
- {
- this.inlineRemoveFormatReplace(parent);
- }
- }
-
- if (cmd === 'inserthtml')
- {
- this.insertHtml(param, sync);
- this.callback('execCommand', cmd, param);
- return;
- }
-
- // Stop formatting pre
- if (this.currentOrParentIs('PRE') && !this.opts.formattingPre) return false;
-
- // Lists
- if (cmd === 'insertunorderedlist' || cmd === 'insertorderedlist') return this.execLists(cmd, param);
-
- // Unlink
- if (cmd === 'unlink') return this.execUnlink(cmd, param);
-
- // Usual exec
- this.exec(cmd, param, sync);
-
- // Line
- if (cmd === 'inserthorizontalrule') this.$editor.find('hr').removeAttr('id');
-
- },
- execUnlink: function(cmd, param)
- {
- this.bufferSet();
-
- var link = this.currentOrParentIs('A');
- if (link)
- {
- $(link).replaceWith($(link).text());
-
- this.sync();
- this.callback('execCommand', cmd, param);
- return;
- }
- },
- execLists: function(cmd, param)
- {
- this.bufferSet();
-
- var parent = this.getParent();
- var $list = $(parent).closest('ol, ul');
-
- if (!this.isParentRedactor($list) && $list.size() != 0)
- {
- $list = false;
- }
-
- var remove = false;
-
- if ($list && $list.length)
- {
- remove = true;
- var listTag = $list[0].tagName;
- if ((cmd === 'insertunorderedlist' && listTag === 'OL')
- || (cmd === 'insertorderedlist' && listTag === 'UL'))
- {
- remove = false;
- }
- }
-
- this.selectionSave();
-
- // remove lists
- if (remove)
- {
-
- var nodes = this.getNodes();
- var elems = this.getBlocks(nodes);
-
- if (typeof nodes[0] != 'undefined' && nodes.length > 1 && nodes[0].nodeType == 3)
- {
- // fix the adding the first li to the array
- elems.unshift(this.getBlock());
- }
-
- var data = '', replaced = '';
- $.each(elems, $.proxy(function(i,s)
- {
- if (s.tagName == 'LI')
- {
- var $s = $(s);
- var cloned = $s.clone();
- cloned.find('ul', 'ol').remove();
-
- if (this.opts.linebreaks === false)
+ $button.on('touchstart click', $.proxy(function(e)
{
- data += this.outerHtml($('
').append(cloned.contents()));
- }
- else
- {
- var clonedHtml = cloned.html().replace(/$/i, '');
- data += clonedHtml + '
';
- }
+ if ($button.hasClass('redactor-button-disabled')) return false;
- if (i == 0)
- {
- $s.addClass('redactor-replaced').empty();
- replaced = this.outerHtml($s);
- }
- else $s.remove();
+ var type = 'func';
+ var callback = btnObject.func;
+ if (btnObject.command)
+ {
+ type = 'command';
+ callback = btnObject.command;
+ }
+ else if (btnObject.dropdown)
+ {
+ type = 'dropdown';
+ callback = false;
+ }
+
+ this.button.onClick(e, btnName, type, callback);
+
+ }, this));
}
- }, this));
+ // dropdown
+ if (btnObject.dropdown)
+ {
+ var $dropdown = $('');
+ $button.data('dropdown', $dropdown);
+ this.dropdown.build(btnName, $dropdown, btnObject.dropdown);
+ }
+ // tooltip
+ if (this.utils.isDesktop())
+ {
+ this.button.createTooltip($button, btnName, btnObject.title);
+ }
- html = this.$editor.html().replace(replaced, '' + data + '<' + listTag + '>');
-
- this.$editor.html(html);
- this.$editor.find(listTag + ':empty').remove();
-
- }
-
- // insert lists
- else
- {
- var firstParent = $(this.getParent()).closest('td');
-
- if (this.browser('msie') && !this.isIe11() && this.opts.linebreaks)
+ return $button;
+ },
+ createTooltip: function($button, name, title)
{
- var wrapper = this.selectionWrap('div');
- var wrapperHtml = $(wrapper).html();
- var tmpList = $('
');
- if (cmd == 'insertorderedlist')
+ var $tooltip = $('').addClass('redactor-toolbar-tooltip redactor-toolbar-tooltip-' + name).hide().html(title);
+ $tooltip.appendTo('body');
+
+ $button.on('mouseover', function()
{
- tmpList = $('');
+ if ($(this).hasClass('redactor-button-disabled')) return;
+
+ var pos = $button.offset();
+ var height = $button.innerHeight();
+ var width = $button.innerWidth();
+
+ $tooltip.show();
+ $tooltip.css({
+ top: (pos.top + height) + 'px',
+ left: (pos.left + width/2 - $tooltip.innerWidth()/2) + 'px'
+ });
+ });
+
+ $button.on('mouseout', function()
+ {
+ $tooltip.hide();
+ });
+
+ },
+ onClick: function(e, btnName, type, callback)
+ {
+ e.preventDefault();
+
+ if (this.utils.browser('msie')) e.returnValue = false;
+
+ if (type == 'command')
+ {
+ this.inline.format(callback);
}
-
- var tmpLi = $('- ');
-
- if ($.trim(wrapperHtml) == '')
+ else if (type == 'dropdown')
{
- tmpLi.append(wrapperHtml + '' + this.opts.invisibleSpace + '');
- tmpList.append(tmpLi);
- this.$editor.find('#selection-marker-1').replaceWith(tmpList);
+ this.dropdown.show(e, btnName);
}
else
{
- tmpLi.append(wrapperHtml);
- tmpList.append(tmpLi);
- $(wrapper).replaceWith(tmpList);
- }
- }
- else
- {
- this.document.execCommand(cmd);
- }
-
- var parent = this.getParent();
- var $list = $(parent).closest('ol, ul');
-
- if (this.opts.linebreaks === false)
- {
- var listText = $.trim($list.text());
- if (listText == '')
- {
- $list.children('li').find('br').remove();
- $list.children('li').append('' + this.opts.invisibleSpace + '');
- }
- }
-
- if (firstParent.size() != 0)
- {
- $list.wrapAll('
');
- }
-
- if ($list.length)
- {
- // remove block-element list wrapper
- var $listParent = $list.parent();
- if (this.isParentRedactor($listParent) && $listParent[0].tagName != 'LI' && this.nodeTestBlocks($listParent[0]))
- {
- $listParent.replaceWith($listParent.contents());
- }
- }
-
- if (this.browser('mozilla'))
- {
- this.$editor.focus();
- }
- }
-
- this.selectionRestore();
- this.$editor.find('#selection-marker-1').removeAttr('id');
- this.sync();
- this.callback('execCommand', cmd, param);
- return;
- },
-
- // INDENTING
- indentingIndent: function()
- {
- this.indentingStart('indent');
- },
- indentingOutdent: function()
- {
- this.indentingStart('outdent');
- },
- indentingStart: function(cmd)
- {
- this.bufferSet();
-
- if (cmd === 'indent')
- {
- var block = this.getBlock();
-
- this.selectionSave();
-
- if (block && block.tagName == 'LI')
- {
- // li
- var parent = this.getParent();
-
- var $list = $(parent).closest('ol, ul');
- var listTag = $list[0].tagName;
-
- var elems = this.getBlocks();
-
- $.each(elems, function(i,s)
- {
- if (s.tagName == 'LI')
+ var func;
+ if ($.isFunction(callback))
{
- var $prev = $(s).prev();
- if ($prev.size() != 0 && $prev[0].tagName == 'LI')
+ callback.call(this, btnName);
+ this.observe.buttons(e, btnName);
+ }
+ else if (callback.search(/\./) != '-1')
+ {
+ func = callback.split('.');
+ if (typeof this[func[0]] != 'undefined')
{
- var $childList = $prev.children('ul, ol');
- if ($childList.size() == 0)
+ this[func[0]][func[1]](btnName);
+ this.observe.buttons(e, btnName);
+ }
+ }
+ else
+ {
+ this[callback](btnName);
+ this.observe.buttons(e, btnName);
+ }
+ }
+
+ },
+ get: function(key)
+ {
+ return this.$toolbar.find('a.re-' + key);
+ },
+ setActive: function(key)
+ {
+ this.button.get(key).addClass('redactor-act');
+ },
+ setInactive: function(key)
+ {
+ this.button.get(key).removeClass('redactor-act');
+ },
+ setInactiveAll: function(key)
+ {
+ if (typeof key == 'undefined')
+ {
+ this.$toolbar.find('a.re-icon').removeClass('redactor-act');
+ }
+ else
+ {
+ this.$toolbar.find('a.re-icon').not('.re-' + key).removeClass('redactor-act');
+ }
+ },
+ setActiveInVisual: function()
+ {
+ this.$toolbar.find('a.re-icon').not('a.re-html').removeClass('redactor-button-disabled');
+ },
+ setInactiveInCode: function()
+ {
+ this.$toolbar.find('a.re-icon').not('a.re-html').addClass('redactor-button-disabled');
+ },
+ changeIcon: function(key, classname)
+ {
+ this.button.get(key).addClass('re-' + classname);
+ },
+ removeIcon: function(key, classname)
+ {
+ this.button.get(key).removeClass('re-' + classname);
+ },
+ setAwesome: function(key, name)
+ {
+ var $button = this.button.get(key);
+ $button.removeClass('redactor-btn-image').addClass('fa-redactor-btn');
+ $button.html('');
+ },
+ addCallback: function($btn, callback)
+ {
+ var type = (callback == 'dropdown') ? 'dropdown' : 'func';
+ var key = $btn.attr('rel');
+ $btn.on('touchstart click', $.proxy(function(e)
+ {
+ if ($btn.hasClass('redactor-button-disabled')) return false;
+ this.button.onClick(e, key, type, callback);
+
+ }, this));
+ },
+ addDropdown: function($btn, dropdown)
+ {
+ var key = $btn.attr('rel');
+ this.button.addCallback($btn, 'dropdown');
+
+ var $dropdown = $('');
+ $btn.data('dropdown', $dropdown);
+
+ if (dropdown)
+ {
+ this.dropdown.build(key, $dropdown, dropdown);
+ }
+
+ return $dropdown;
+ },
+ add: function(key, title)
+ {
+ if (!this.opts.toolbar) return;
+
+ var btn = this.button.build(key, { title: title });
+ btn.addClass('redactor-btn-image');
+
+ this.$toolbar.append($(' - ').append(btn));
+
+ return btn;
+ },
+ addFirst: function(key, title)
+ {
+ if (!this.opts.toolbar) return;
+
+ var btn = this.button.build(key, { title: title });
+ this.$toolbar.prepend($('
- ').append(btn));
+
+ return btn;
+ },
+ addAfter: function(afterkey, key, title)
+ {
+ if (!this.opts.toolbar) return;
+
+ var btn = this.button.build(key, { title: title });
+ var $btn = this.button.get(afterkey);
+
+ if ($btn.size() !== 0) $btn.parent().after($('
- ').append(btn));
+ else this.$toolbar.append($('
- ').append(btn));
+
+ return btn;
+ },
+ addBefore: function(beforekey, key, title)
+ {
+ if (!this.opts.toolbar) return;
+
+ var btn = this.button.build(key, { title: title });
+ var $btn = this.button.get(beforekey);
+
+ if ($btn.size() !== 0) $btn.parent().before($('
- ').append(btn));
+ else this.$toolbar.append($('
- ').append(btn));
+
+ return btn;
+ },
+ remove: function(key)
+ {
+ this.button.get(key).remove();
+ }
+ };
+ },
+ dropdown: function()
+ {
+ return {
+ build: function(name, $dropdown, dropdownObject)
+ {
+ if (name == 'formatting' && this.opts.formattingAdd)
+ {
+ $.each(this.opts.formattingAdd, $.proxy(function(i,s)
+ {
+ var name = s.tag;
+ if (typeof s.class != 'undefined')
+ {
+ name = name + '-' + s.class;
+ }
+
+ s.type = (this.utils.isBlockTag(s.tag)) ? 'block' : 'inline';
+ var func = (s.type == 'inline') ? 'inline.formatting' : 'block.formatting';
+
+ if (this.opts.linebreaks && s.type == 'block' && s.tag == 'p') return;
+
+ this.formatting[name] = {
+ tag: s.tag,
+ style: s.style,
+ 'class': s.class,
+ attr: s.attr,
+ data: s.data
+ };
+
+ dropdownObject[name] = {
+ func: func,
+ title: s.title
+ };
+
+ }, this));
+
+ }
+
+ $.each(dropdownObject, $.proxy(function(btnName, btnObject)
+ {
+ var $item = $('' + btnObject.title + '');
+ if (name == 'formatting') $item.addClass('redactor-formatting-' + btnName);
+
+ $item.on('click', $.proxy(function(e)
+ {
+ var type = 'func';
+ var callback = btnObject.func;
+ if (btnObject.command)
+ {
+ type = 'command';
+ callback = btnObject.command;
+ }
+ else if (btnObject.dropdown)
+ {
+ type = 'dropdown';
+ callback = btnObject.dropdown;
+ }
+
+ this.button.onClick(e, btnName, type, callback);
+
+ }, this));
+
+ $dropdown.append($item);
+
+ }, this));
+ },
+ show: function(e, key)
+ {
+ if (!this.opts.visual)
+ {
+ e.preventDefault();
+ return false;
+ }
+
+ var $button = this.button.get(key);
+
+ // Always re-append it to the end of so it always has the highest sub-z-index.
+ var $dropdown = $button.data('dropdown').appendTo(document.body);
+
+ if ($button.hasClass('dropact'))
+ {
+ this.dropdown.hideAll();
+ }
+ else
+ {
+ this.dropdown.hideAll();
+ this.core.setCallback('dropdownShow', { dropdown: $dropdown, key: key, button: $button });
+
+ this.button.setActive(key);
+
+ $button.addClass('dropact');
+
+ var keyPosition = $button.offset();
+
+ // fix right placement
+ var dropdownWidth = $dropdown.width();
+ if ((keyPosition.left + dropdownWidth) > $(document).width())
+ {
+ keyPosition.left -= dropdownWidth;
+ }
+
+ var left = keyPosition.left + 'px';
+ if (this.$toolbar.hasClass('toolbar-fixed-box'))
+ {
+ $dropdown.css({ position: 'fixed', left: left, top: this.$toolbar.innerHeight() + this.opts.toolbarFixedTopOffset }).show();
+ }
+ else
+ {
+ var top = ($button.innerHeight() + keyPosition.top) + 'px';
+
+ $dropdown.css({ position: 'absolute', left: left, top: top }).show();
+ }
+
+
+ this.core.setCallback('dropdownShown', { dropdown: $dropdown, key: key, button: $button });
+ }
+
+ $(document).one('click', $.proxy(this.dropdown.hide, this));
+ this.$editor.one('click', $.proxy(this.dropdown.hide, this));
+
+ $dropdown.on('mouseover', function() { $('html').css('overflow', 'hidden'); });
+ $dropdown.on('mouseout', function() { $('html').css('overflow', ''); });
+
+ e.stopPropagation();
+ },
+ hideAll: function()
+ {
+ this.$toolbar.find('a.dropact').removeClass('redactor-act').removeClass('dropact');
+
+ $('.redactor-dropdown').hide();
+ this.core.setCallback('dropdownHide');
+ },
+ hide: function (e)
+ {
+ var $dropdown = $(e.target);
+ if (!$dropdown.hasClass('dropact'))
+ {
+ $dropdown.removeClass('dropact');
+ this.dropdown.hideAll();
+ }
+ }
+ };
+ },
+ code: function()
+ {
+ return {
+ set: function(html)
+ {
+ html = $.trim(html.toString());
+
+ // clean
+ html = this.clean.onSet(html);
+
+ this.$editor.html(html);
+ this.code.sync();
+
+ setTimeout($.proxy(this.buffer.add, this), 15);
+ if (this.start === false) this.observe.load();
+
+ },
+ get: function()
+ {
+ var code = this.$textarea.val();
+
+ // indent code
+ code = this.tabifier.get(code);
+
+ return code;
+ },
+ sync: function()
+ {
+ setTimeout($.proxy(this.code.startSync, this), 10);
+ },
+ startSync: function()
+ {
+ var html = this.$editor.html();
+
+ // is there a need to synchronize
+ if (this.code.syncCode && this.code.syncCode == html)
+ {
+ // do not sync
+ return;
+ }
+
+ // save code
+ this.code.syncCode = html;
+
+ // before clean callback
+ html = this.core.setCallback('syncBefore', html);
+
+ // clean
+ html = this.clean.onSync(html);
+
+ // set code
+ this.$textarea.val(html);
+
+ // after sync callback
+ this.core.setCallback('sync', html);
+
+ if (this.start === false)
+ {
+ this.core.setCallback('change', html);
+ }
+
+ this.start = false;
+
+ // autosave on change
+ this.autosave.onChange();
+ },
+ toggle: function()
+ {
+ if (this.opts.visual)
+ {
+ this.code.showCode();
+ }
+ else
+ {
+ this.code.showVisual();
+ }
+ },
+ showCode: function()
+ {
+ this.code.offset = this.caret.getOffset();
+ var scroll = $(window).scrollTop();
+
+ var height = this.$editor.innerHeight();
+
+ this.$editor.hide();
+
+ var html = this.$textarea.val();
+ this.modified = this.clean.removeSpaces(html);
+
+ // indent code
+ html = this.tabifier.get(html);
+
+ this.$textarea.val(html).height(height).show().focus();
+ this.$textarea.on('keydown.redactor-textarea-indenting', this.code.textareaIndenting);
+
+ $(window).scrollTop(scroll);
+
+ this.opts.visual = false;
+
+ this.button.setInactiveInCode();
+ this.button.setActive('html');
+ this.core.setCallback('source', html);
+ },
+ showVisual: function()
+ {
+ if (this.opts.visual) return;
+
+ var html = this.$textarea.hide().val();
+
+ if (this.modified !== this.clean.removeSpaces(html))
+ {
+ this.code.set(html);
+ }
+
+ this.$editor.show();
+
+ if (!this.utils.isEmpty(html))
+ {
+ this.placeholder.remove();
+ }
+
+ this.caret.setOffset(this.code.offset);
+
+ this.$textarea.off('keydown.redactor-textarea-indenting');
+
+ this.button.setActiveInVisual();
+ this.button.setInactive('html');
+
+ this.observe.load();
+ this.opts.visual = true;
+ },
+ textareaIndenting: function(e)
+ {
+ if (e.keyCode !== 9) return true;
+
+ var $el = this.$textarea;
+ var start = $el.get(0).selectionStart;
+ $el.val($el.val().substring(0, start) + "\t" + $el.val().substring($el.get(0).selectionEnd));
+ $el.get(0).selectionStart = $el.get(0).selectionEnd = start + 1;
+
+ return false;
+ }
+ };
+ },
+ clean: function()
+ {
+ return {
+ onSet: function(html)
+ {
+ html = this.clean.savePreCode(html);
+
+ // replace dollar sign to entity
+ html = html.replace(/\$/g, '$');
+ html = html.replace(/”/g, '"');
+ html = html.replace(/‘/g, '\'');
+ html = html.replace(/’/g, '\'');
+
+ if (this.opts.replaceDivs) html = this.clean.replaceDivs(html);
+ if (this.opts.linebreaks) html = this.clean.replaceParagraphsToBr(html);
+
+ // save form tag
+ html = this.clean.saveFormTags(html);
+
+ // convert font tag to span
+ html = html.replace(/([\w\W]*?)<\/font>/gi, '$4');
+
+ // remove font tag
+ html = html.replace(//gi, '');
+ html = html.replace(/<\/font>/gi, '');
+
+ // tidy html
+ html = this.tidy.load(html);
+
+ // paragraphize
+ if (this.opts.paragraphize) html = this.paragraphize.load(html);
+
+ // verified
+ html = this.clean.setVerified(html);
+
+ // convert inline tags
+ html = this.clean.convertInline(html);
+
+ return html;
+ },
+ onSync: function(html)
+ {
+ // remove spaces
+ html = html.replace(/[\u200B-\u200D\uFEFF]/g, '');
+ html = html.replace(//gi, '');
+ html = html.replace(/ /gi, ' ');
+
+ if (html.search(/^
(||\s|| )<\/p>$/i) != -1)
+ {
+ return '';
+ }
+
+ // restore form tag
+ html = this.clean.restoreFormTags(html);
+
+ var chars = {
+ '\u2122': '™',
+ '\u00a9': '©',
+ '\u2026': '…',
+ '\u2014': '—',
+ '\u2010': '‐'
+ };
+ // replace special characters
+ $.each(chars, function(i,s)
+ {
+ html = html.replace(new RegExp(i, 'g'), s);
+ });
+
+ // remove br in the of li
+ html = html.replace(new RegExp(' ', 'gi'), '');
+ html = html.replace(new RegExp(' ', 'gi'), '');
+
+ // remove verified
+ html = html.replace(new RegExp('])>', 'gi'), '');
+ html = html.replace(new RegExp('<(.*?) data-verified="redactor"(.*?[^>])>', 'gi'), '<$1$2>');
+ html = html.replace(new RegExp('])>', 'gi'), '');
+ html = html.replace(new RegExp('])>', 'gi'), '');
+ html = html.replace(new RegExp('(.*?)', 'gi'), '$1');
+ html = html.replace(/ data-save-url="(.*?[^>])"/gi, '');
+
+ // remove image resize
+ html = html.replace(/])>([\w\W]*?)<\/span>/gi, '$3');
+ html = html.replace(/])>(.*?)<\/span>/gi, '');
+ html = html.replace(/])>(.*?)<\/span>/gi, '');
+
+ // tidy html
+ html = this.tidy.load(html);
+
+ // link nofollow
+ if (this.opts.linkNofollow)
+ {
+ html = html.replace(/])>/gi, '');
+ html = html.replace(/])>/gi, '');
+ }
+
+ // reconvert inline
+ html = html.replace(/<(.*?) data-redactor-tag="(.*?)"(.*?[^>])>/gi, '<$1$3>');
+ html = html.replace(/<(.*?) data-redactor-class="(.*?)"(.*?[^>])>/gi, '<$1$3>');
+ html = html.replace(/<(.*?) data-redactor-style="(.*?)"(.*?[^>])>/gi, '<$1$3>');
+ html = html.replace(new RegExp('<(.*?) data-verified="redactor"(.*?[^>])>', 'gi'), '<$1$2>');
+ html = html.replace(new RegExp('<(.*?) data-verified="redactor">', 'gi'), '<$1>');
+
+ return html;
+ },
+ onPaste: function(html, setMode)
+ {
+ html = $.trim(html);
+
+ html = html.replace(/\$/g, '$');
+ html = html.replace(/”/g, '"');
+ html = html.replace(/“/g, '"');
+ html = html.replace(/‘/g, '\'');
+ html = html.replace(/’/g, '\'');
+
+ // convert dirty spaces
+ html = html.replace(/ <\/span>/gi, ' ');
+ html = html.replace(/]*>\t<\/span>/gi, '\t');
+ html = html.replace(/]*>(\s| )<\/span>/gi, ' ');
+
+ if (this.opts.pastePlainText)
+ {
+ return this.clean.getPlainText(html);
+ }
+
+ if (!this.utils.isSelectAll() && typeof setMode == 'undefined')
+ {
+ if (this.utils.isCurrentOrParent(['FIGCAPTION', 'A']))
+ {
+ return this.clean.getPlainText(html, false);
+ }
+
+ if (this.utils.isCurrentOrParent('PRE'))
+ {
+ return this.clean.getPreCode(html);
+ }
+
+ if (this.utils.isCurrentOrParent(['BLOCKQUOTE', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6']))
+ {
+ html = this.clean.getOnlyImages(html);
+
+ if (!this.utils.browser('msie'))
+ {
+ var block = this.selection.getBlock();
+ if (block && block.tagName == 'P')
{
- $prev.append($('<' + listTag + '>').append(s));
+ html = html.replace(//gi, '
');
}
- else $childList.append(s);
+ }
+
+ return html;
+ }
+
+ if (this.utils.isCurrentOrParent(['TD']))
+ {
+ html = this.clean.onPasteTidy(html, 'td');
+
+ if (this.opts.linebreaks) html = this.clean.replaceParagraphsToBr(html);
+
+ html = this.clean.replaceDivsToBr(html);
+
+ return html;
+ }
+
+
+ if (this.utils.isCurrentOrParent(['LI']))
+ {
+ return this.clean.onPasteTidy(html, 'li');
+ }
+ }
+
+
+ html = this.clean.isSingleLine(html, setMode);
+
+ if (!this.clean.singleLine)
+ {
+ if (this.opts.linebreaks) html = this.clean.replaceParagraphsToBr(html);
+ if (this.opts.replaceDivs) html = this.clean.replaceDivs(html);
+
+ html = this.clean.saveFormTags(html);
+ }
+
+ html = this.clean.onPasteIeFixLinks(html);
+ html = this.clean.onPasteWord(html);
+ html = this.clean.onPasteExtra(html);
+
+ html = this.clean.onPasteTidy(html, 'all');
+
+ // paragraphize
+ if (!this.clean.singleLine && this.opts.paragraphize)
+ {
+ html = this.paragraphize.load(html);
+ }
+
+ html = this.clean.removeDirtyStyles(html);
+ html = this.clean.onPasteRemoveSpans(html);
+ html = this.clean.onPasteRemoveEmpty(html);
+
+ html = this.clean.convertInline(html);
+
+ return html;
+ },
+ onPasteWord: function(html)
+ {
+ // comments
+ html = html.replace(//gi, '');
+
+ // style
+ html = html.replace(/]*>[\s\S]*?<\/style>/gi, '');
+
+ // shapes
+ html = html.replace(//gi, '');
+ html = html.replace(/src="file\:\/\/(.*?)"/, 'src=""');
+
+ // list
+ html = html.replace(//gi, '');
+ html = html.replace(//gi, '');
+ html = html.replace(//gi, ' ');
+ // one line
+ html = html.replace(//gi, '');
+ // remove ms word's bullet
+ html = html.replace(/·/g, '');
+ html = html.replace(/([\w\W]*?)<\/o:p>/gi, '$2');
+
+ // remove nbsp
+ if (this.opts.cleanSpaces)
+ {
+ html = html.replace(/(\s| )+/g, ' ');
+ }
+
+ // ms word break lines
+ html = html.replace(/\n/g, ' ');
+
+ // ms word lists break lines
+ html = html.replace(/ \n? - /gi, '
- ');
+
+ return html;
+ },
+ onPasteExtra: function(html)
+ {
+ // remove google docs markers
+ html = html.replace(/([\w\W]*?)<\/b>/gi, "$2");
+ html = html.replace(/([\w\W]*?)<\/b>/gi, "$3");
+
+ // google docs styles
+ html = html.replace(/]*(font-style: italic; font-weight: bold|font-weight: bold; font-style: italic)[^>]*>/gi, '');
+ html = html.replace(/]*font-style: italic[^>]*>/gi, '');
+ html = html.replace(/]*font-weight: bold[^>]*>/gi, '');
+ html = html.replace(/]*text-decoration: underline[^>]*>/gi, '');
+
+ html = html.replace(/
![]() /gi, '');
+ html = html.replace(/\n{3,}/gi, '\n');
+ html = html.replace(/([\w\W]*?)<\/font>/gi, '$2');
+
+ // remove dirty p
+ html = html.replace(//gi, ' ');
+ html = html.replace(/<\/p><\/p>/gi, ' ');
+ html = html.replace(/- (\s*|\t*|\n*)
/gi, ' - ');
+ html = html.replace(/<\/p>(\s*|\t*|\n*)<\/li>/gi, '
');
+
+ // remove space between paragraphs
+ html = html.replace(/<\/p>\s/gi, '');
+
+ // bullets
+ html = html.replace(/•([\w\W]*?)<\/p>/gi, ' - $1
');
+
+ // FF fix
+ if (this.utils.browser('mozilla'))
+ {
+ html = html.replace(/$/gi, '');
+ }
+
+ return html;
+ },
+ onPasteTidy: function(html, type)
+ {
+ // remove all tags except these
+ var tags = ['span', 'a', 'pre', 'blockquote', 'small', 'em', 'strong', 'code', 'kbd', 'mark', 'address', 'cite', 'var', 'samp', 'dfn', 'sup', 'sub', 'b', 'i', 'u', 'del',
+ 'ol', 'ul', 'li', 'dl', 'dt', 'dd', 'p', 'br', 'video', 'audio', 'embed', 'param', 'object', 'img', 'table',
+ 'td', 'th', 'tr', 'tbody', 'tfoot', 'thead', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+ var tagsEmpty = false;
+ var attrAllowed = [
+ ['a', '*'],
+ ['img', ['src', 'alt']],
+ ['span', ['class', 'rel', 'data-verified']],
+ ['video', '*'],
+ ['audio', '*'],
+ ['embed', '*'],
+ ['object', '*'],
+ ['param', '*'],
+ ['source', '*']
+ ];
+
+ if (type == 'all')
+ {
+ tagsEmpty = ['p', 'span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+ attrAllowed = [
+ ['table', 'class'],
+ ['td', ['colspan', 'rowspan']],
+ ['a', '*'],
+ ['img', ['src', 'alt', 'data-redactor-inserted-image']],
+ ['span', ['class', 'rel', 'data-verified']],
+ ['video', '*'],
+ ['audio', '*'],
+ ['embed', '*'],
+ ['object', '*'],
+ ['param', '*'],
+ ['source', '*']
+ ];
+ }
+ else if (type == 'td')
+ {
+ // remove all tags except these and remove all table tags: tr, td etc
+ tags = ['ul', 'ol', 'li', 'span', 'a', 'small', 'em', 'strong', 'code', 'kbd', 'mark', 'cite', 'var', 'samp', 'dfn', 'sup', 'sub', 'b', 'i', 'u', 'del',
+ 'ol', 'ul', 'li', 'dl', 'dt', 'dd', 'br', 'video', 'audio', 'embed', 'param', 'object', 'img', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+
+ }
+ else if (type == 'li')
+ {
+ // only inline tags and ul, ol, li
+ tags = ['ul', 'ol', 'li', 'span', 'a', 'small', 'em', 'strong', 'code', 'kbd', 'mark', 'cite', 'var', 'samp', 'dfn', 'sup', 'sub', 'b', 'i', 'u', 'del', 'br',
+ 'video', 'audio', 'embed', 'param', 'object', 'img'];
+ }
+
+ var options = {
+ deniedTags: false,
+ allowedTags: tags,
+ removeComments: true,
+ removePhp: true,
+ removeAttr: false,
+ allowedAttr: attrAllowed,
+ removeEmpty: tagsEmpty
+ };
+
+
+ return this.tidy.load(html, options);
+
+ },
+ onPasteRemoveEmpty: function(html)
+ {
+ html = html.replace(/<(p|h[1-6])>(|\s|\n|\t|)<\/(p|h[1-6])>/gi, '');
+
+ // remove br in the end
+ if (!this.opts.linebreaks) html = html.replace(/
$/i, '');
+
+ return html;
+ },
+ onPasteRemoveSpans: function(html)
+ {
+ html = html.replace(/(.*?)<\/span>/gi, '$1');
+ html = html.replace(/]*>\s| <\/span>/gi, ' ');
+
+ return html;
+ },
+ onPasteIeFixLinks: function(html)
+ {
+ if (!this.utils.browser('msie')) return html;
+
+ var tmp = $.trim(html);
+ if (tmp.search(/^(.*?)<\/a>$/i) === 0)
+ {
+ html = html.replace(/^(.*?)<\/a>$/i, "$2");
+ }
+
+ return html;
+ },
+ isSingleLine: function(html, setMode)
+ {
+ this.clean.singleLine = false;
+
+ if (!this.utils.isSelectAll() && typeof setMode == 'undefined')
+ {
+ var blocks = this.opts.blockLevelElements.join('|').replace('P|', '').replace('DIV|', '');
+
+ var matchBlocks = html.match(new RegExp('', 'gi'));
+ var matchContainers = html.match(/<\/(p|div)>/gi);
+
+ if (!matchBlocks && (matchContainers === null || (matchContainers && matchContainers.length <= 1)))
+ {
+ var matchBR = html.match(//gi);
+ var matchIMG = html.match(/])>/gi);
+ if (!matchBR && !matchIMG)
+ {
+ this.clean.singleLine = true;
+ html = html.replace(/<\/?(p|div)(.*?)>/gi, '');
+ }
+ }
+ }
+
+ return html;
+ },
+ stripTags: function(input, allowed)
+ {
+ allowed = (((allowed || '') + '').toLowerCase().match(/<[a-z][a-z0-9]*>/g) || []).join('');
+ var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi;
+
+ return input.replace(tags, function ($0, $1) {
+ return allowed.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 : '';
+ });
+ },
+ savePreCode: function(html)
+ {
+ var pre = html.match(/<(pre|code)(.*?)>([\w\W]*?)<\/(pre|code)>/gi);
+ if (pre !== null)
+ {
+ $.each(pre, $.proxy(function(i,s)
+ {
+ var arr = s.match(/<(pre|code)(.*?)>([\w\W]*?)<\/(pre|code)>/i);
+
+ arr[3] = arr[3].replace(//g, '\n');
+ arr[3] = arr[3].replace(/ /g, ' ');
+
+ if (this.opts.preSpaces)
+ {
+ arr[3] = arr[3].replace(/\t/g, Array(this.opts.preSpaces + 1).join(' '));
+ }
+
+ arr[3] = this.clean.encodeEntities(arr[3]);
+
+ // $ fix
+ arr[3] = arr[3].replace(/\$/g, '$');
+
+ html = html.replace(s, '<' + arr[1] + arr[2] + '>' + arr[3] + '');
+
+ }, this));
+ }
+
+ return html;
+ },
+ getTextFromHtml: function(html)
+ {
+ html = html.replace(/|<\/H[1-6]>|<\/p>|<\/div>|<\/li>|<\/td>/gi, '\n');
+
+ var tmp = document.createElement('div');
+ tmp.innerHTML = html;
+ html = tmp.textContent || tmp.innerText;
+
+ return $.trim(html);
+ },
+ getPlainText: function(html, paragraphize)
+ {
+ html = this.clean.getTextFromHtml(html);
+ html = html.replace(/\n/g, '
');
+
+ if (this.opts.paragraphize && typeof paragraphize == 'undefined')
+ {
+ html = this.paragraphize.load(html);
+ }
+
+ return html;
+ },
+ getPreCode: function(html)
+ {
+ html = html.replace(/])>/gi, '');
+ html = html.replace(//gi, '<img$1>');
+ html = this.clean.getTextFromHtml(html);
+
+ if (this.opts.preSpaces)
+ {
+ html = html.replace(/\t/g, Array(this.opts.preSpaces + 1).join(' '));
+ }
+
+ html = this.clean.encodeEntities(html);
+
+ return html;
+ },
+ getOnlyImages: function(html)
+ {
+ html = html.replace(//gi, '[img$1]');
+
+ // remove all tags
+ html = html.replace(/<(.*?)>/gi, '');
+
+ html = html.replace(/\[img(.*?)\]/gi, '');
+
+ return html;
+ },
+ getOnlyLinksAndImages: function(html)
+ {
+ html = html.replace(/([\w\W]*?)<\/a>/gi, '[a href="$2"]$4[/a]');
+ html = html.replace(//gi, '[img$1]');
+
+ // remove all tags
+ html = html.replace(/<(.*?)>/gi, '');
+
+ html = html.replace(/\[a href="(.*?)"\]([\w\W]*?)\[\/a\]/gi, '$2');
+ html = html.replace(/\[img(.*?)\]/gi, '');
+
+ return html;
+ },
+ encodeEntities: function(str)
+ {
+ str = String(str).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
+ return str.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"');
+ },
+ removeDirtyStyles: function(html)
+ {
+ if (this.utils.browser('msie')) return html;
+
+ var div = document.createElement('div');
+ div.innerHTML = html;
+
+ this.clean.clearUnverifiedRemove($(div));
+
+ html = div.innerHTML;
+ $(div).remove();
+
+ return html;
+ },
+ clearUnverified: function()
+ {
+ if (this.utils.browser('msie')) return;
+
+ this.clean.clearUnverifiedRemove(this.$editor);
+
+ var headers = this.$editor.find('h1, h2, h3, h4, h5, h6');
+ headers.find('span').removeAttr('style');
+ headers.find(this.opts.verifiedTags.join(', ')).removeAttr('style');
+
+ this.code.sync();
+ },
+ clearUnverifiedRemove: function($editor)
+ {
+ $editor.find(this.opts.verifiedTags.join(', ')).removeAttr('style');
+ $editor.find('span').not('[data-verified="redactor"]').removeAttr('style');
+
+ $editor.find('span[data-verified="redactor"], img[data-verified="redactor"]').each(function(i, s)
+ {
+ var $s = $(s);
+ $s.attr('style', $s.attr('rel'));
+ });
+
+ },
+ setVerified: function(html)
+ {
+ if (this.utils.browser('msie')) return html;
+
+ html = html.replace(new RegExp('])>', 'gi'), '');
+ html = html.replace(new RegExp('', 'gi'), '');
+
+ var matches = html.match(new RegExp('<(span|img)(.*?)style="(.*?)"(.*?[^>])>', 'gi'));
+ if (matches)
+ {
+ var len = matches.length;
+ for (var i = 0; i < len; i++)
+ {
+ var newTag = matches[i].replace(/style="(.*?)"/i, 'style="$1" rel="$1"');
+ html = html.replace(new RegExp(matches[i], 'gi'), newTag);
+ }
+ }
+
+ return html;
+ },
+ convertInline: function(html)
+ {
+ var $div = $('').html(html);
+
+ var tags = this.opts.inlineTags;
+ tags.push('span');
+
+ $div.find(tags.join(',')).each(function()
+ {
+ var $el = $(this);
+ var tag = this.tagName.toLowerCase();
+ $el.attr('data-redactor-tag', tag);
+
+ if (tag == 'span')
+ {
+ if ($el.attr('style')) $el.attr('data-redactor-style', $el.attr('style'));
+ else if ($el.attr('class')) $el.attr('data-redactor-class', $el.attr('class'));
+ }
+
+ });
+
+ html = $div.html();
+ $div.remove();
+
+ return html;
+ },
+ normalizeLists: function()
+ {
+ this.$editor.find('li').each(function(i,s)
+ {
+ var $next = $(s).next();
+ if ($next.length !== 0 && ($next[0].tagName == 'UL' || $next[0].tagName == 'OL'))
+ {
+ $(s).append($next);
+ }
+
+ });
+ },
+ removeSpaces: function(html)
+ {
+ html = html.replace(/\n/g, '');
+ html = html.replace(/[\t]*/g, '');
+ html = html.replace(/\n\s*\n/g, "\n");
+ html = html.replace(/^[\s\n]*/g, ' ');
+ html = html.replace(/[\s\n]*$/g, ' ');
+ html = html.replace( />\s{2,} <'); // between inline tags can be only one space
+ html = html.replace(/\n\n/g, "\n");
+ html = html.replace(/[\u200B-\u200D\uFEFF]/g, '');
+
+ return html;
+ },
+ replaceDivs: function(html)
+ {
+ if (this.opts.linebreaks)
+ {
+ html = html.replace(/<\/div>/gi, '
');
+ html = html.replace(/([\w\W]*?)<\/div>/gi, '$2
');
+ }
+ else
+ {
+ html = html.replace(/([\w\W]*?)<\/div>/gi, '$2');
+ }
+
+ return html;
+ },
+ replaceDivsToBr: function(html)
+ {
+ html = html.replace(//gi, '');
+ html = html.replace(/ <\/div>/gi, '
');
+ html = html.replace(/([\w\W]*?)<\/div>/gi, '$1 ');
+
+ return html;
+ },
+ replaceParagraphsToBr: function(html)
+ {
+ html = html.replace(/ /gi, '');
+ html = html.replace(/ <\/p>/gi, '
');
+ html = html.replace(/([\w\W]*?)<\/p>/gi, '$1
');
+ html = html.replace(/(){1,}\n?<\/blockquote>/gi, '');
+
+ return html;
+ },
+ saveFormTags: function(html)
+ {
+ return html.replace(/([\w\W]*?)<\/form>/gi, '$2');
+ },
+ restoreFormTags: function(html)
+ {
+ return html.replace(/([\w\W]*?)<\/section>/gi, '$3');
+ }
+ };
+ },
+ tidy: function()
+ {
+ return {
+ setupAllowed: function()
+ {
+ if (this.opts.allowedTags) this.opts.deniedTags = false;
+ if (this.opts.allowedAttr) this.opts.removeAttr = false;
+
+ if (this.opts.linebreaks) return;
+
+ var tags = ['p', 'section'];
+ if (this.opts.allowedTags) this.tidy.addToAllowed(tags);
+ if (this.opts.deniedTags) this.tidy.removeFromDenied(tags);
+
+ },
+ addToAllowed: function(tags)
+ {
+ var len = tags.length;
+ for (var i = 0; i < len; i++)
+ {
+ if ($.inArray(tags[i], this.opts.allowedTags) == -1)
+ {
+ this.opts.allowedTags.push(tags[i]);
+ }
+ }
+ },
+ removeFromDenied: function(tags)
+ {
+ var len = tags.length;
+ for (var i = 0; i < len; i++)
+ {
+ var pos = $.inArray(tags[i], this.opts.deniedTags);
+ if (pos != -1)
+ {
+ this.opts.deniedTags.splice(pos, 1);
+ }
+ }
+ },
+ load: function(html, options)
+ {
+ this.tidy.settings = {
+ deniedTags: this.opts.deniedTags,
+ allowedTags: this.opts.allowedTags,
+ removeComments: this.opts.removeComments,
+ replaceTags: this.opts.replaceTags,
+ replaceStyles: this.opts.replaceStyles,
+ removeDataAttr: this.opts.removeDataAttr,
+ removeAttr: this.opts.removeAttr,
+ allowedAttr: this.opts.allowedAttr,
+ removeWithoutAttr: this.opts.removeWithoutAttr,
+ removeEmpty: this.opts.removeEmpty
+ };
+
+ $.extend(this.tidy.settings, options);
+
+ html = this.tidy.removeComments(html);
+ html = this.tidy.replaceTags(html);
+
+ // create container
+ this.tidy.$div = $('').append(html);
+
+ // clean
+ this.tidy.replaceStyles();
+ this.tidy.removeTags();
+
+ this.tidy.removeAttr();
+ this.tidy.removeEmpty();
+ this.tidy.removeParagraphsInLists();
+ this.tidy.removeDataAttr();
+ this.tidy.removeWithoutAttr();
+
+ html = this.tidy.$div.html();
+ this.tidy.$div.remove();
+
+ return html;
+ },
+ removeComments: function(html)
+ {
+ if (!this.tidy.settings.removeComments) return html;
+
+ return html.replace(//gi, '');
+ },
+ replaceTags: function(html)
+ {
+ if (!this.tidy.settings.replaceTags) return html;
+
+ var len = this.tidy.settings.replaceTags.length;
+ for (var i = 0; i < len; i++)
+ {
+ var re = new RegExp('<' + this.tidy.settings.replaceTags[i][0] + '(.*?[^>])>', 'gi');
+ html = html.replace(re, '<' + this.tidy.settings.replaceTags[i][1] + '$1>');
+
+ re = new RegExp('', 'gi');
+ html = html.replace(re, '');
+ }
+
+
+ return html;
+ },
+ replaceStyles: function()
+ {
+ if (!this.tidy.settings.replaceStyles) return;
+
+ var len = this.tidy.settings.replaceStyles.length;
+ this.tidy.$div.find('span').each($.proxy(function(n,s)
+ {
+ var $el = $(s);
+ var style = $el.attr('style');
+ for (var i = 0; i < len; i++)
+ {
+ if (style && style.match(new RegExp('^' + this.tidy.settings.replaceStyles[i][0], 'i')))
+ {
+ var tagName = this.tidy.settings.replaceStyles[i][1];
+ $el.replaceWith(function()
+ {
+ var tag = document.createElement(tagName);
+ return $(tag).append($(this).contents());
+ });
+ }
+ }
+
+ }, this));
+
+ },
+ removeTags: function()
+ {
+ if (!this.tidy.settings.deniedTags && this.tidy.settings.allowedTags)
+ {
+ this.tidy.$div.find('*').not(this.tidy.settings.allowedTags.join(',')).contents().unwrap();
+ }
+
+ if (this.tidy.settings.deniedTags)
+ {
+ this.tidy.$div.find(this.tidy.settings.deniedTags.join(',')).contents().unwrap();
+ }
+ },
+ removeAttr: function()
+ {
+ var len;
+ if (!this.tidy.settings.removeAttr && this.tidy.settings.allowedAttr)
+ {
+
+ var allowedAttrTags = [], allowedAttrData = [];
+ len = this.tidy.settings.allowedAttr.length;
+ for (var i = 0; i < len; i++)
+ {
+ allowedAttrTags.push(this.tidy.settings.allowedAttr[i][0]);
+ allowedAttrData.push(this.tidy.settings.allowedAttr[i][1]);
+ }
+
+
+ this.tidy.$div.find('*').each($.proxy(function(n,s)
+ {
+ var $el = $(s);
+ var pos = $.inArray($el[0].tagName.toLowerCase(), allowedAttrTags);
+ var attributesRemove = this.tidy.removeAttrGetRemoves(pos, allowedAttrData, $el);
+
+ if (attributesRemove)
+ {
+ $.each(attributesRemove, function(z,f) {
+ $el.removeAttr(f);
+ });
+ }
+ }, this));
+ }
+
+ if (this.tidy.settings.removeAttr)
+ {
+ len = this.tidy.settings.removeAttr.length;
+ for (var i = 0; i < len; i++)
+ {
+ var attrs = this.tidy.settings.removeAttr[i][1];
+ if ($.isArray(attrs)) attrs = attrs.join(' ');
+
+ this.tidy.$div.find(this.tidy.settings.removeAttr[i][0]).removeAttr(attrs);
+ }
+ }
+
+ },
+ removeAttrGetRemoves: function(pos, allowed, $el)
+ {
+ var attributesRemove = [];
+
+ // remove all attrs
+ if (pos == -1)
+ {
+ $.each($el[0].attributes, function(i, item)
+ {
+ attributesRemove.push(item.name);
+ });
+
+ }
+ // allow all attrs
+ else if (allowed[pos] == '*')
+ {
+ attributesRemove = [];
+ }
+ // allow specific attrs
+ else
+ {
+ $.each($el[0].attributes, function(i, item)
+ {
+ if ($.isArray(allowed[pos]))
+ {
+ if ($.inArray(item.name, allowed[pos]) == -1)
+ {
+ attributesRemove.push(item.name);
+ }
+ }
+ else if (allowed[pos] != item.name)
+ {
+ attributesRemove.push(item.name);
+ }
+
+ });
+ }
+
+ return attributesRemove;
+ },
+ removeAttrs: function (el, regex)
+ {
+ regex = new RegExp(regex, "g");
+ return el.each(function()
+ {
+ var self = $(this);
+ var len = this.attributes.length - 1;
+ for (var i = len; i >= 0; i--)
+ {
+ var item = this.attributes[i];
+ if (item && item.specified && item.name.search(regex)>=0)
+ {
+ self.removeAttr(item.name);
}
}
});
- }
- // linebreaks
- else if (block === false && this.opts.linebreaks === true)
+ },
+ removeEmpty: function()
{
- this.exec('formatBlock', 'blockquote');
- var newblock = this.getBlock();
- var block = $('').html($(newblock).html());
- $(newblock).replaceWith(block);
+ if (!this.tidy.settings.removeEmpty) return;
- var left = this.normalize($(block).css('margin-left')) + this.opts.indentValue;
- $(block).css('margin-left', left + 'px');
- }
- else
- {
- // all block tags
- var elements = this.getBlocks();
- $.each(elements, $.proxy(function(i, elem)
+ this.tidy.$div.find(this.tidy.settings.removeEmpty.join(',')).each(function()
{
- var $el = false;
+ var $el = $(this);
+ var text = $el.text();
+ text = text.replace(/[\u200B-\u200D\uFEFF]/g, '');
+ text = text.replace(/ /gi, '');
+ text = text.replace(/\s/g, '');
- if (elem.tagName === 'TD') return;
+ if (text === '' && $el.children().length === 0)
+ {
+ $el.remove();
+ }
+ });
+ },
+ removeParagraphsInLists: function()
+ {
+ this.tidy.$div.find('li p').contents().unwrap();
+ },
+ removeDataAttr: function()
+ {
+ if (!this.tidy.settings.removeDataAttr) return;
- if ($.inArray(elem.tagName, this.opts.alignmentTags) !== -1)
+ var tags = this.tidy.settings.removeDataAttr;
+ if ($.isArray(this.tidy.settings.removeDataAttr)) tags = this.tidy.settings.removeDataAttr.join(',');
+
+ this.tidy.removeAttrs(this.tidy.$div.find(tags), '^(data-)');
+
+ },
+ removeWithoutAttr: function()
+ {
+ if (!this.tidy.settings.removeWithoutAttr) return;
+
+ this.tidy.$div.find(this.tidy.settings.removeWithoutAttr.join(',')).each(function()
+ {
+ if (this.attributes.length === 0)
{
- $el = $(elem);
+ $(this).contents().unwrap();
+ }
+ });
+ }
+ };
+ },
+ paragraphize: function()
+ {
+ return {
+ load: function(html)
+ {
+ if (this.opts.linebreaks) return html;
+ if (html === '' || html === ' ') return this.opts.emptyHtml;
+
+ this.paragraphize.blocks = ['table', 'div', 'pre', 'form', 'ul', 'ol', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'dl', 'blockquote', 'figcaption',
+ 'address', 'section', 'header', 'footer', 'aside', 'article', 'object', 'style', 'script', 'iframe', 'select', 'input', 'textarea',
+ 'button', 'option', 'map', 'area', 'math', 'hr', 'fieldset', 'legend', 'hgroup', 'nav', 'figure', 'details', 'menu', 'summary', 'p'];
+
+ html = html + "\n";
+
+ this.paragraphize.safes = [];
+ this.paragraphize.z = 0;
+
+ html = html.replace(/( ){1,}\n?<\/blockquote>/gi, '');
+
+ html = this.paragraphize.getSafes(html);
+ html = this.paragraphize.getSafesComments(html);
+ html = this.paragraphize.replaceBreaksToNewLines(html);
+ html = this.paragraphize.replaceBreaksToParagraphs(html);
+ html = this.paragraphize.clear(html);
+ html = this.paragraphize.restoreSafes(html);
+
+ html = html.replace(new RegExp('\n?<(' + this.paragraphize.blocks.join('|') + ')(.*?[^>])>', 'gi'), '
\n<$1$2>');
+
+ return $.trim(html);
+ },
+ getSafes: function(html)
+ {
+ var $div = $('').append(html);
+
+ // remove paragraphs in blockquotes
+ $div.find('blockquote p').replaceWith(function()
+ {
+ return $(this).append('
').contents();
+ });
+
+ html = $div.html();
+
+ $div.find(this.paragraphize.blocks.join(', ')).each($.proxy(function(i,s)
+ {
+ this.paragraphize.z++;
+ this.paragraphize.safes[this.paragraphize.z] = s.outerHTML;
+ html = html.replace(s.outerHTML, '\n{replace' + this.paragraphize.z + '}');
+
+ }, this));
+
+ return html;
+ },
+ getSafesComments: function(html)
+ {
+ var commentsMatches = html.match(//gi);
+
+ if (!commentsMatches) return html;
+
+ $.each(commentsMatches, $.proxy(function(i,s)
+ {
+ this.paragraphize.z++;
+ this.paragraphize.safes[this.paragraphize.z] = s;
+ html = html.replace(s, '\n{replace' + this.paragraphize.z + '}');
+ }, this));
+
+ return html;
+ },
+ restoreSafes: function(html)
+ {
+ $.each(this.paragraphize.safes, function(i,s)
+ {
+ html = html.replace('{replace' + i + '}', s);
+ });
+
+ return html;
+ },
+ replaceBreaksToParagraphs: function(html)
+ {
+ var htmls = html.split(new RegExp('\n', 'g'), -1);
+
+ html = '';
+ if (htmls)
+ {
+ var len = htmls.length;
+ for (var i = 0; i < len; i++)
+ {
+ if (!htmls.hasOwnProperty(i)) return;
+
+ if (htmls[i].search('{replace') == -1)
+ {
+ htmls[i] = htmls[i].replace(/\n\t?<\/p>/gi, '');
+ htmls[i] = htmls[i].replace(/ <\/p>/gi, '');
+
+ if (htmls[i] !== '')
+ {
+ html += ' ' + htmls[i].replace(/^\n+|\n+$/g, "") + " ";
+ }
+ }
+ else html += htmls[i];
+ }
+ }
+
+ return html;
+ },
+ replaceBreaksToNewLines: function(html)
+ {
+ html = html.replace(/
\s*
/gi, "\n\n");
+ html = html.replace(/\n?/gi, "\n
");
+
+ html = html.replace(new RegExp("\r\n", 'g'), "\n");
+ html = html.replace(new RegExp("\r", 'g'), "\n");
+ html = html.replace(new RegExp("/\n\n+/"), 'g', "\n\n");
+
+ return html;
+ },
+ clear: function(html)
+ {
+ 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;
+ }
+ };
+ },
+ tabifier: function()
+ {
+ return {
+ get: function(code)
+ {
+ if (!this.opts.tabifier) return code;
+
+ // clean setup
+ var ownLine = ['area', 'body', 'head', 'hr', 'i?frame', 'link', 'meta', 'noscript', 'style', 'script', 'table', 'tbody', 'thead', 'tfoot'];
+ var contOwnLine = ['li', 'dt', 'dt', 'h[1-6]', 'option', 'script'];
+ var newLevel = ['blockquote', 'div', 'dl', 'fieldset', 'form', 'frameset', 'map', 'ol', 'p', 'pre', 'select', 'td', 'th', 'tr', 'ul'];
+
+ this.tabifier.lineBefore = new RegExp('^<(/?' + ownLine.join('|/?' ) + '|' + contOwnLine.join('|') + ')[ >]');
+ this.tabifier.lineAfter = new RegExp('^<(br|/?' + ownLine.join('|/?' ) + '|/' + contOwnLine.join('|/') + ')[ >]');
+ this.tabifier.newLevel = new RegExp('^]');
+
+ var i = 0,
+ codeLength = code.length,
+ point = 0,
+ start = null,
+ end = null,
+ tag = '',
+ out = '',
+ cont = '';
+
+ this.tabifier.cleanlevel = 0;
+
+ for (; i < codeLength; i++)
+ {
+ point = i;
+
+ // if no more tags, copy and exit
+ if (-1 == code.substr(i).indexOf( '<' ))
+ {
+ out += code.substr(i);
+
+ return this.tabifier.finish(out);
+ }
+
+ // copy verbatim until a tag
+ while (point < codeLength && code.charAt(point) != '<')
+ {
+ point++;
+ }
+
+ if (i != point)
+ {
+ cont = code.substr(i, point - i);
+ if (!cont.match(/^\s{2,}$/g))
+ {
+ if ('\n' == out.charAt(out.length - 1)) out += this.tabifier.getTabs();
+ else if ('\n' == cont.charAt(0))
+ {
+ out += '\n' + this.tabifier.getTabs();
+ cont = cont.replace(/^\s+/, '');
+ }
+
+ out += cont;
+ }
+
+ if (cont.match(/\n/)) out += '\n' + this.tabifier.getTabs();
+ }
+
+ start = point;
+
+ // find the end of the tag
+ while (point < codeLength && '>' != code.charAt(point))
+ {
+ point++;
+ }
+
+ tag = code.substr(start, point - start);
+ i = point;
+
+ var t;
+
+ if ('!--' == tag.substr(1, 3))
+ {
+ if (!tag.match(/--$/))
+ {
+ while ('-->' != code.substr(point, 3))
+ {
+ point++;
+ }
+ point += 2;
+ tag = code.substr(start, point - start);
+ i = point;
+ }
+
+ if ('\n' != out.charAt(out.length - 1)) out += '\n';
+
+ out += this.tabifier.getTabs();
+ out += tag + '>\n';
+ }
+ else if ('!' == tag[1])
+ {
+ out = this.tabifier.placeTag(tag + '>', out);
+ }
+ else if ('?' == tag[1])
+ {
+ out += tag + '>\n';
+ }
+ else if (t = tag.match(/^<(script|style|pre)/i))
+ {
+ t[1] = t[1].toLowerCase();
+ tag = this.tabifier.cleanTag(tag);
+ out = this.tabifier.placeTag(tag, out);
+ end = String(code.substr(i + 1)).toLowerCase().indexOf('\n<\/script>/gi, '');
+
+ this.tabifier.cleanlevel = 0;
+
+ return code;
+ },
+ cleanTag: function (tag)
+ {
+ var tagout = '';
+ tag = tag.replace(/\n/g, ' ');
+ tag = tag.replace(/\s{2,}/g, ' ');
+ tag = tag.replace(/^\s+|\s+$/g, ' ');
+
+ var suffix = '';
+ if (tag.match(/\/$/))
+ {
+ suffix = '/';
+ tag = tag.replace(/\/+$/, '');
+ }
+
+ var m;
+ while (m = /\s*([^= ]+)(?:=((['"']).*?\3|[^ ]+))?/.exec(tag))
+ {
+ if (m[2]) tagout += m[1].toLowerCase() + '=' + m[2];
+ else if (m[1]) tagout += m[1].toLowerCase();
+
+ tagout += ' ';
+ tag = tag.substr(m[0].length);
+ }
+
+ return tagout.replace(/\s*$/, '') + suffix + '>';
+ },
+ placeTag: function (tag, out)
+ {
+ var nl = tag.match(this.tabifier.newLevel);
+ if (tag.match(this.tabifier.lineBefore) || nl)
+ {
+ out = out.replace(/\s*$/, '');
+ out += '\n';
+ }
+
+ if (nl && '/' == tag.charAt(1)) this.tabifier.cleanlevel--;
+ if ('\n' == out.charAt(out.length - 1)) out += this.tabifier.getTabs();
+ if (nl && '/' != tag.charAt(1)) this.tabifier.cleanlevel++;
+
+ out += tag;
+
+ if (tag.match(this.tabifier.lineAfter) || tag.match(this.tabifier.newLevel))
+ {
+ out = out.replace(/ *$/, '');
+ out += '\n';
+ }
+
+ return out;
+ }
+ };
+ },
+ focus: function()
+ {
+ return {
+ setStart: function()
+ {
+ this.$editor.focus();
+
+ var first = this.$editor.children().first();
+
+ if (first.size() === 0) return;
+ if (first[0].length === 0 || first[0].tagName == 'BR' || first[0].nodeType == 3)
+ {
+ return;
+ }
+
+ if (first[0].tagName == 'UL' || first[0].tagName == 'OL')
+ {
+ first = first.find('li').first();
+ var child = first.children().first();
+ if (!this.utils.isBlock(child) && child.text() == '')
+ {
+ // empty inline tag in li
+ this.caret.setStart(child);
+ return;
+ }
+ }
+
+ if (this.opts.linebreaks && !this.utils.isBlockTag(first[0].tagName))
+ {
+ this.selection.get();
+ this.range.setStart(this.$editor[0], 0);
+ this.range.setEnd(this.$editor[0], 0);
+ this.selection.addRange();
+
+ return;
+ }
+
+ // if node is tag
+ this.caret.setStart(first);
+ },
+ setEnd: function()
+ {
+ if (this.utils.browser('mozilla') || this.utils.browser('msie'))
+ {
+ var last = this.$editor.children().last();
+ this.caret.setEnd(last);
+ }
+ else
+ {
+ this.selection.get();
+
+ try {
+ this.range.selectNodeContents(this.$editor[0]);
+ this.range.collapse(false);
+
+ this.selection.addRange();
+ }
+ catch (e) {}
+ }
+
+ },
+ isFocused: function()
+ {
+ var focusNode = document.getSelection().focusNode;
+ if (focusNode === null) return false;
+
+ if (this.opts.linebreaks && $(focusNode.parentNode).hasClass('redactor-linebreaks')) return true;
+ else if (!this.utils.isRedactorParent(focusNode.parentNode)) return false;
+
+ return this.$editor.is(':focus');
+ }
+ };
+ },
+ placeholder: function()
+ {
+ return {
+ enable: function()
+ {
+ if (!this.placeholder.is()) return;
+
+ this.$editor.attr('placeholder', this.$element.attr('placeholder'));
+
+ this.placeholder.toggle();
+ this.$editor.on('keyup.redactor-placeholder', $.proxy(this.placeholder.toggle, this));
+
+ },
+ toggle: function()
+ {
+ var func = 'removeClass';
+ if (this.utils.isEmpty(this.$editor.html(), false)) func = 'addClass';
+ this.$editor[func]('redactor-placeholder');
+ },
+ remove: function()
+ {
+ this.$editor.removeClass('redactor-placeholder');
+ },
+ is: function()
+ {
+ if (this.opts.placeholder)
+ {
+ return this.$element.attr('placeholder', this.opts.placeholder);
+ }
+ else
+ {
+ return !(typeof this.$element.attr('placeholder') == 'undefined' || this.$element.attr('placeholder') === '');
+ }
+ }
+ };
+ },
+ autosave: function()
+ {
+ return {
+ enable: function()
+ {
+ if (!this.opts.autosave) return;
+
+ this.autosave.html = false;
+ this.autosave.name = (this.opts.autosaveName) ? this.opts.autosaveName : this.$textarea.attr('name');
+
+ if (!this.opts.autosaveOnChange)
+ {
+ this.autosaveInterval = setInterval($.proxy(this.autosave.load, this), this.opts.autosaveInterval * 1000);
+ }
+ },
+ onChange: function()
+ {
+ if (!this.opts.autosaveOnChange) return;
+
+ this.autosave.load();
+ },
+ load: function()
+ {
+ var html = this.code.get();
+ if (this.autosave.html === html) return;
+ if (this.utils.isEmpty(html)) return;
+
+ $.ajax({
+ url: this.opts.autosave,
+ type: 'post',
+ data: 'name=' + this.autosave.name + '&' + this.autosave.name + '=' + escape(encodeURIComponent(html)),
+ success: $.proxy(function(data)
+ {
+ this.autosave.success(data, html);
+
+ }, this)
+ });
+ },
+ success: function(data, html)
+ {
+ 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 = html;
+ },
+ disable: function()
+ {
+ clearInterval(this.autosaveInterval);
+ }
+ };
+ },
+ buffer: function()
+ {
+ return {
+ set: function(type)
+ {
+ if (typeof type == 'undefined' || type == 'undo')
+ {
+ this.buffer.setUndo();
+ }
+ else
+ {
+ this.buffer.setRedo();
+ }
+ },
+ setUndo: function()
+ {
+ this.selection.save();
+ this.opts.buffer.push(this.$editor.html());
+ this.selection.restore();
+ },
+ setRedo: function()
+ {
+ this.selection.save();
+ this.opts.rebuffer.push(this.$editor.html());
+ this.selection.restore();
+ },
+ getUndo: function()
+ {
+ this.$editor.html(this.opts.buffer.pop());
+ },
+ getRedo: function()
+ {
+ this.$editor.html(this.opts.rebuffer.pop());
+ },
+ add: function()
+ {
+ this.opts.buffer.push(this.$editor.html());
+ },
+ undo: function()
+ {
+ if (this.opts.buffer.length === 0) return;
+
+ this.buffer.set('redo');
+ this.buffer.getUndo();
+
+ this.selection.restore();
+
+ setTimeout($.proxy(this.observe.load, this), 50);
+ },
+ redo: function()
+ {
+ if (this.opts.rebuffer.length === 0) return;
+
+ this.buffer.set('undo');
+ this.buffer.getRedo();
+
+ this.selection.restore();
+
+ setTimeout($.proxy(this.observe.load, this), 50);
+ }
+ };
+ },
+ indent: function()
+ {
+ return {
+ increase: function()
+ {
+ // focus
+ if (!this.utils.browser('msie')) this.$editor.focus();
+
+ this.buffer.set();
+ this.selection.save();
+
+ var block = this.selection.getBlock();
+
+ if (block && block.tagName == 'LI')
+ {
+ this.indent.increaseLists();
+ }
+ else if (block === false && this.opts.linebreaks)
+ {
+ this.indent.increaseText();
+ }
+ else
+ {
+ this.indent.increaseBlocks();
+ }
+
+ this.selection.restore();
+ this.code.sync();
+ },
+ increaseLists: function()
+ {
+ document.execCommand('indent');
+
+ this.indent.fixEmptyIndent();
+ this.clean.normalizeLists();
+ this.clean.clearUnverified();
+ },
+ increaseBlocks: function()
+ {
+ $.each(this.selection.getBlocks(), $.proxy(function(i, elem)
+ {
+ if (elem.tagName === 'TD' || elem.tagName === 'TH') return;
+
+ var $el = this.utils.getAlignmentElement(elem);
+
+ var left = this.utils.normalize($el.css('margin-left')) + this.opts.indentValue;
$el.css('margin-left', left + 'px');
}, this));
- }
-
- this.selectionRestore();
-
- }
- // outdent
- else
- {
- this.selectionSave();
-
- var block = this.getBlock();
- if (block && block.tagName == 'LI')
+ },
+ increaseText: function()
{
- // li
- var elems = this.getBlocks();
- var index = 0;
-
- this.insideOutdent(block, index, elems);
- }
- else
+ var wrapper = this.selection.wrap('div');
+ $(wrapper).attr('data-tagblock', 'redactor');
+ $(wrapper).css('margin-left', this.opts.indentValue + 'px');
+ },
+ decrease: function()
{
- // all block tags
- var elements = this.getBlocks();
- $.each(elements, $.proxy(function(i, elem)
+ this.buffer.set();
+ this.selection.save();
+
+ var block = this.selection.getBlock();
+ if (block && block.tagName == 'LI')
{
- var $el = false;
+ this.indent.decreaseLists();
+ }
+ else
+ {
+ this.indent.decreaseBlocks();
+ }
- if ($.inArray(elem.tagName, this.opts.alignmentTags) !== -1)
- {
- $el = $(elem);
- }
- else
- {
- $el = $(elem).closest(this.opts.alignmentTags.toString().toLowerCase(), this.$editor[0]);
- }
+ this.selection.restore();
+ this.code.sync();
+ },
+ decreaseLists: function ()
+ {
+ document.execCommand('outdent');
+
+ var current = this.selection.getCurrent();
+
+ var $item = $(current).closest('li');
+ var $parent = $item.parent();
+ if ($item.size() !== 0 && $parent.size() !== 0 && $parent[0].tagName == 'LI')
+ {
+ $parent.after($item);
+ }
+
+ this.indent.fixEmptyIndent();
+
+ if (!this.opts.linebreaks && $item.size() === 0)
+ {
+ document.execCommand('formatblock', false, 'p');
+ this.$editor.find('ul, ol, blockquote, p').each($.proxy(this.utils.removeEmpty, this));
+ }
+
+ this.clean.clearUnverified();
+ },
+ decreaseBlocks: function()
+ {
+ $.each(this.selection.getBlocks(), $.proxy(function(i, elem)
+ {
+ var $el = this.utils.getAlignmentElement(elem);
+ var left = this.utils.normalize($el.css('margin-left')) - this.opts.indentValue;
- var left = this.normalize($el.css('margin-left')) - this.opts.indentValue;
if (left <= 0)
{
- // linebreaks
- if (this.opts.linebreaks === true && typeof($el.data('tagblock')) !== 'undefined')
+ if (this.opts.linebreaks && typeof($el.data('tagblock')) !== 'undefined')
{
- $el.replaceWith($el.html() + '
');
+ $el.replaceWith($el.html() + '
');
}
- // all block tags
else
{
$el.css('margin-left', '');
- this.removeEmptyAttr($el, 'style');
+ this.utils.removeEmptyAttr($el, 'style');
}
}
else
@@ -3322,4880 +3273,4523 @@
}
}, this));
- }
-
-
- this.selectionRestore();
- }
-
- this.sync();
-
- },
- insideOutdent: function (li, index, elems)
- {
- if (li && li.tagName == 'LI')
- {
- var $parent = $(li).parent().parent();
- if ($parent.size() != 0 && $parent[0].tagName == 'LI')
+ },
+ fixEmptyIndent: function()
{
- $parent.after(li);
- }
- else
- {
- if (typeof elems[index] != 'undefined')
+ var block = this.selection.getBlock();
+
+ if (this.range.collapsed && block && block.tagName == 'LI' && this.utils.isEmpty($(block).text()))
{
- li = elems[index];
- index++;
+ var $block = $(block);
+ $block.find('span').not('.redactor-selection-marker').contents().unwrap();
+ $block.append('
');
+ }
+ }
+ };
+ },
+ 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)
+ {
+ if (!this.utils.browser('msie')) this.$editor.focus();
- this.insideOutdent(li, index, elems);
+ this.buffer.set();
+ this.selection.save();
+
+ this.alignment.blocks = this.selection.getBlocks();
+ if (this.opts.linebreaks && this.alignment.blocks[0] === false)
+ {
+ this.alignment.setText(type);
}
else
{
- this.execCommand('insertunorderedlist');
- }
- }
- }
- },
-
- // ALIGNMENT
- alignmentLeft: function()
- {
- this.alignmentSet('', 'JustifyLeft');
- },
- alignmentRight: function()
- {
- this.alignmentSet('right', 'JustifyRight');
- },
- alignmentCenter: function()
- {
- this.alignmentSet('center', 'JustifyCenter');
- },
- alignmentJustify: function()
- {
- this.alignmentSet('justify', 'JustifyFull');
- },
- alignmentSet: function(type, cmd)
- {
- this.bufferSet();
-
- if (this.oldIE())
- {
- this.document.execCommand(cmd, false, false);
- return true;
- }
-
- this.selectionSave();
-
- var block = this.getBlock();
- if (!block && this.opts.linebreaks)
- {
- // one element
- this.exec('formatblock', 'div');
-
- var newblock = this.getBlock();
- var block = $('').html($(newblock).html());
- $(newblock).replaceWith(block);
-
- $(block).css('text-align', type);
- this.removeEmptyAttr(block, 'style');
-
- if (type == '' && typeof($(block).data('tagblock')) !== 'undefined')
- {
- $(block).replaceWith($(block).html());
- }
- }
- else
- {
- var elements = this.getBlocks();
- $.each(elements, $.proxy(function(i, elem)
- {
- var $el = false;
-
- if ($.inArray(elem.tagName, this.opts.alignmentTags) !== -1)
- {
- $el = $(elem);
- }
- else
- {
- $el = $(elem).closest(this.opts.alignmentTags.toString().toLowerCase(), this.$editor[0]);
+ this.alignment.setBlocks(type);
}
- if ($el)
- {
- $el.css('text-align', type);
- this.removeEmptyAttr($el, 'style');
- }
-
- }, this));
- }
-
- this.selectionRestore();
- this.sync();
- },
-
- // CLEAN
- cleanEmpty: function(html)
- {
- var ph = this.placeholderStart(html);
- if (ph !== false) return ph;
-
- if (this.opts.linebreaks === false)
- {
- if (html === '') html = this.opts.emptyHtml;
- else if (html.search(/^ $/gi) !== -1) html = '
' + this.opts.emptyHtml;
- }
-
- return html;
- },
- cleanConverters: function(html)
- {
- // convert div to p
- if (this.opts.convertDivs && !this.opts.gallery)
- {
- html = html.replace(/([\w\W]*?)<\/div>/gi, '$2');
- }
-
- if (this.opts.paragraphy) html = this.cleanParagraphy(html);
-
- return html;
- },
- cleanConvertProtected: function(html)
- {
- if (this.opts.templateVars)
- {
- html = html.replace(/\{\{(.*?)\}\}/gi, '');
- html = html.replace(/\{(.*?)\}/gi, '');
- }
-
- html = html.replace(/([\w\W]*?)<\/script>/gi, '$2');
- html = html.replace(/([\w\W]*?)<\/style>/gi, '$2');
- html = html.replace(/([\w\W]*?)<\/form>/gi, '$2');
-
- // php tags convertation
- if (this.opts.phpTags) html = html.replace(/<\?php([\w\W]*?)\?>/gi, '');
- else html = html.replace(/<\?php([\w\W]*?)\?>/gi, '');
-
- return html;
- },
- cleanReConvertProtected: function(html)
- {
- if (this.opts.templateVars)
- {
- html = html.replace(//gi, '{{$1}}');
- html = html.replace(//gi, '{$1}');
- }
-
- html = html.replace(/([\w\W]*?)<\/title>/gi, '<script$1 type="text/javascript">$2</script>');
- html = html.replace(/<section(.*?) style="display: none;" rel="redactor-style-tag">([\w\W]*?)<\/section>/gi, '<style$1>$2</style>');
- html = html.replace(/<section(.*?)rel="redactor-form-tag"(.*?)>([\w\W]*?)<\/section>/gi, '<form$1$2>$3</form>');
-
- // php tags convertation
- if (this.opts.phpTags) html = html.replace(/<section style="display: none;" rel="redactor-php-tag">([\w\W]*?)<\/section>/gi, '<?php\r\n$1\r\n?>');
-
- return html;
- },
- cleanRemoveSpaces: function(html, buffer)
- {
- if (buffer !== false)
- {
- var buffer = []
- var matches = html.match(/<(pre|style|script|title)(.*?)>([\w\W]*?)<\/(pre|style|script|title)>/gi);
- if (matches === null) matches = [];
-
- if (this.opts.phpTags)
+ this.selection.restore();
+ this.code.sync();
+ },
+ setText: function(type)
{
- var phpMatches = html.match(/<\?php([\w\W]*?)\?>/gi);
- if (phpMatches) matches = $.merge(matches, phpMatches);
- }
-
- if (matches)
+ var wrapper = this.selection.wrap('div');
+ $(wrapper).attr('data-tagblock', 'redactor');
+ $(wrapper).css('text-align', type);
+ },
+ setBlocks: function(type)
{
- $.each(matches, function(i, s)
+ $.each(this.alignment.blocks, $.proxy(function(i, el)
{
- html = html.replace(s, 'buffer_' + i);
- buffer.push(s);
- });
- }
- }
+ var $el = this.utils.getAlignmentElement(el);
- 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,}</g, '> <'); // between inline tags can be only one space
+ if (!$el) return;
- html = this.cleanReplacer(html, buffer);
-
- html = html.replace(/\n\n/g, "\n");
-
- return html;
- },
- cleanReplacer: function(html, buffer)
- {
- if (buffer === false) return html;
-
- $.each(buffer, function(i,s)
- {
- html = html.replace('buffer_' + i, s);
- });
-
- return html;
- },
- cleanRemoveEmptyTags: function(html)
- {
- // remove zero width-space
- html = html.replace(/[\u200B-\u200D\uFEFF]/g, '');
-
- var etagsInline = ["<b>\\s*</b>", "<b> </b>", "<em>\\s*</em>"]
- var etags = ["<pre></pre>", "<blockquote>\\s*</blockquote>", "<dd></dd>", "<dt></dt>", "<ul></ul>", "<ol></ol>", "<li></li>", "<table></table>", "<tr></tr>", "<span>\\s*<span>", "<span> <span>", "<p>\\s*</p>", "<p></p>", "<p> </p>", "<p>\\s*<br>\\s*</p>", "<div>\\s*</div>", "<div>\\s*<br>\\s*</div>"];
-
- if (this.opts.removeEmptyTags)
- {
- etags = etags.concat(etagsInline);
- }
- else etags = etagsInline;
-
- var len = etags.length;
- for (var i = 0; i < len; ++i)
- {
- html = html.replace(new RegExp(etags[i], 'gi'), "");
- }
-
- return html;
- },
- cleanParagraphy: function(html)
- {
- html = $.trim(html);
-
- if (this.opts.linebreaks === true) return html;
- if (html === '' || html === '<p></p>') return this.opts.emptyHtml;
-
- html = html + "\n";
-
- if (this.opts.removeEmptyTags === false)
- {
- return html;
- }
-
- var safes = [];
- var matches = html.match(/<(table|div|pre|object)(.*?)>([\w\W]*?)<\/(table|div|pre|object)>/gi);
- if (!matches) matches = [];
-
- var commentsMatches = html.match(/<!--([\w\W]*?)-->/gi);
- if (commentsMatches) matches = $.merge(matches, commentsMatches);
-
- if (this.opts.phpTags)
- {
- var phpMatches = html.match(/<section(.*?)rel="redactor-php-tag">([\w\W]*?)<\/section>/gi);
- if (phpMatches) matches = $.merge(matches, phpMatches);
- }
-
- if (matches)
- {
- $.each(matches, function(i,s)
- {
- safes[i] = s;
- html = html.replace(s, '{replace' + i + '}\n');
- });
- }
-
- html = html.replace(/<br \/>\s*<br \/>/gi, "\n\n");
- html = html.replace(/<br><br>/gi, "\n\n");
-
- function R(str, mod, r)
- {
- return html.replace(new RegExp(str, mod), r);
- }
-
- var blocks = '(comment|html|body|head|title|meta|style|script|link|iframe|table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select|option|form|map|area|blockquote|address|math|style|p|h[1-6]|hr|fieldset|legend|section|article|aside|hgroup|header|footer|nav|figure|figcaption|details|menu|summary)';
-
- html = R('(<' + blocks + '[^>]*>)', 'gi', "\n$1");
- html = R('(</' + blocks + '>)', 'gi', "$1\n\n");
- html = R("\r\n", 'g', "\n");
- html = R("\r", 'g', "\n");
- html = R("/\n\n+/", 'g', "\n\n");
-
- var htmls = html.split(new RegExp('\n\s*\n', 'g'), -1);
-
- html = '';
- for (var i in htmls)
- {
- if (htmls.hasOwnProperty(i))
- {
- if (htmls[i].search('{replace') == -1)
- {
- htmls[i] = htmls[i].replace(/<p>\n\t?<\/p>/gi, '');
- htmls[i] = htmls[i].replace(/<p><\/p>/gi, '');
-
- if (htmls[i] != '')
+ if (type === '' && typeof($el.data('tagblock')) !== 'undefined')
{
- html += '<p>' + htmls[i].replace(/^\n+|\n+$/g, "") + "</p>";
- }
- }
- else html += htmls[i];
- }
- }
-
- html = R('<p><p>', 'gi', '<p>');
- html = R('</p></p>', 'gi', '</p>');
-
- html = R('<p>\s?</p>', 'gi', '');
-
- html = R('<p>([^<]+)</(div|address|form)>', 'gi', "<p>$1</p></$2>");
-
- html = R('<p>(</?' + blocks + '[^>]*>)</p>', 'gi', "$1");
- html = R("<p>(<li.+?)</p>", 'gi', "$1");
- html = R('<p>\s?(</?' + blocks + '[^>]*>)', 'gi', "$1");
-
- html = R('(</?' + blocks + '[^>]*>)\s?</p>', 'gi', "$1");
- html = R('(</?' + blocks + '[^>]*>)\s?<br />', 'gi', "$1");
- html = R('<br />(\s*</?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)[^>]*>)', 'gi', '$1');
- html = R("\n</p>", 'gi', '</p>');
-
- html = R('<li><p>', 'gi', '<li>');
- html = R('</p></li>', 'gi', '</li>');
- html = R('</li><p>', 'gi', '</li>');
- //html = R('</ul><p>(.*?)</li>', 'gi', '</ul></li>');
- // html = R('</ol><p>', 'gi', '</ol>');
- html = R('<p>\t?\n?<p>', 'gi', '<p>');
- html = R('</dt><p>', 'gi', '</dt>');
- html = R('</dd><p>', 'gi', '</dd>');
- html = R('<br></p></blockquote>', 'gi', '</blockquote>');
- html = R('<p>\t*</p>', 'gi', '');
-
- // restore safes
- $.each(safes, function(i,s)
- {
- html = html.replace('{replace' + i + '}', s);
- });
-
- return $.trim(html);
- },
- cleanConvertInlineTags: function(html, set)
- {
- var boldTag = 'strong';
- if (this.opts.boldTag === 'b') boldTag = 'b';
-
- var italicTag = 'em';
- if (this.opts.italicTag === 'i') italicTag = 'i';
-
- html = html.replace(/<span style="font-style: italic;">([\w\W]*?)<\/span>/gi, '<' + italicTag + '>$1</' + italicTag + '>');
- html = html.replace(/<span style="font-weight: bold;">([\w\W]*?)<\/span>/gi, '<' + boldTag + '>$1</' + boldTag + '>');
-
- // bold, italic, del
- if (this.opts.boldTag === 'strong') html = html.replace(/<b>([\w\W]*?)<\/b>/gi, '<strong>$1</strong>');
- else html = html.replace(/<strong>([\w\W]*?)<\/strong>/gi, '<b>$1</b>');
-
- if (this.opts.italicTag === 'em') html = html.replace(/<i>([\w\W]*?)<\/i>/gi, '<em>$1</em>');
- else html = html.replace(/<em>([\w\W]*?)<\/em>/gi, '<i>$1</i>');
-
- html = html.replace(/<span style="text-decoration: underline;">([\w\W]*?)<\/span>/gi, '<u>$1</u>');
-
- if (set !== true) html = html.replace(/<strike>([\w\W]*?)<\/strike>/gi, '<del>$1</del>');
- else html = html.replace(/<del>([\w\W]*?)<\/del>/gi, '<strike>$1</strike>');
-
- return html;
- },
- cleanStripTags: function(html)
- {
- if (html == '' || typeof html == 'undefined') return html;
-
- var allowed = false;
- if (this.opts.allowedTags !== false) allowed = true;
-
- var arr = allowed === true ? this.opts.allowedTags : this.opts.deniedTags;
-
- var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi;
- html = html.replace(tags, function ($0, $1)
- {
- if (allowed === true) return $.inArray($1.toLowerCase(), arr) > '-1' ? $0 : '';
- else return $.inArray($1.toLowerCase(), arr) > '-1' ? '' : $0;
- });
-
- html = this.cleanConvertInlineTags(html);
-
- return html;
-
- },
- cleanSavePreCode: function(html, encode)
- {
- var pre = html.match(/<(pre|code)(.*?)>([\w\W]*?)<\/(pre|code)>/gi);
- if (pre !== null)
- {
- $.each(pre, $.proxy(function(i,s)
- {
- var arr = s.match(/<(pre|code)(.*?)>([\w\W]*?)<\/(pre|code)>/i);
-
- arr[3] = arr[3].replace(/ /g, ' ');
-
- if (encode !== false) arr[3] = this.cleanEncodeEntities(arr[3]);
-
- // $ fix
- arr[3] = arr[3].replace(/\$/g, '$');
-
- html = html.replace(s, '<' + arr[1] + arr[2] + '>' + arr[3] + '</' + arr[1] + '>');
-
- }, this));
- }
-
- return html;
- },
- cleanEncodeEntities: function(str)
- {
- str = String(str).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
- return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
- },
- cleanUnverified: function()
- {
- // label, abbr, mark, meter, code, q, dfn, ins, time, kbd, var
- var $elem = this.$editor.find('li, img, a, b, strong, sub, sup, i, em, u, small, strike, del, span, cite');
-
- $elem.filter('[style*="background-color: transparent;"][style*="line-height"]')
- .css('background-color', '')
- .css('line-height', '');
-
- $elem.filter('[style*="background-color: transparent;"]')
- .css('background-color', '');
-
- $elem.css('line-height', '');
-
- $.each($elem, $.proxy(function(i,s)
- {
- this.removeEmptyAttr(s, 'style');
- }, this));
-
- var $elem2 = this.$editor.find('b, strong, i, em, u, strike, del');
- $elem2.css('font-size', '');
-
- $.each($elem2, $.proxy(function(i,s)
- {
- this.removeEmptyAttr(s, 'style');
- }, this));
-
- // When we paste text in Safari is wrapping inserted div (remove it)
- this.$editor.find('div[style="text-align: -webkit-auto;"]').contents().unwrap();
-
- // Remove all styles in ul, ol, li
- this.$editor.find('ul, ol, li').removeAttr('style');
- },
-
-
- // TEXTAREA CODE FORMATTING
- cleanHtml: function(code)
- {
- var i = 0,
- codeLength = code.length,
- point = 0,
- start = null,
- end = null,
- tag = '',
- out = '',
- cont = '';
-
- this.cleanlevel = 0;
-
- for (; i < codeLength; i++)
- {
- point = i;
-
- // if no more tags, copy and exit
- if (-1 == code.substr(i).indexOf( '<' ))
- {
- out += code.substr(i);
-
- return this.cleanFinish(out);
- }
-
- // copy verbatim until a tag
- while (point < codeLength && code.charAt(point) != '<')
- {
- point++;
- }
-
- if (i != point)
- {
- cont = code.substr(i, point - i);
- if (!cont.match(/^\s{2,}$/g))
- {
- if ('\n' == out.charAt(out.length - 1)) out += this.cleanGetTabs();
- else if ('\n' == cont.charAt(0))
- {
- out += '\n' + this.cleanGetTabs();
- cont = cont.replace(/^\s+/, '');
- }
-
- out += cont;
- }
-
- if (cont.match(/\n/)) out += '\n' + this.cleanGetTabs();
- }
-
- start = point;
-
- // find the end of the tag
- while (point < codeLength && '>' != code.charAt(point))
- {
- point++;
- }
-
- tag = code.substr(start, point - start);
- i = point;
-
- var t;
-
- if ('!--' == tag.substr(1, 3))
- {
- if (!tag.match(/--$/))
- {
- while ('-->' != code.substr(point, 3))
- {
- point++;
- }
- point += 2;
- tag = code.substr(start, point - start);
- i = point;
- }
-
- if ('\n' != out.charAt(out.length - 1)) out += '\n';
-
- out += this.cleanGetTabs();
- out += tag + '>\n';
- }
- else if ('!' == tag[1])
- {
- out = this.placeTag(tag + '>', out);
- }
- else if ('?' == tag[1])
- {
- out += tag + '>\n';
- }
- else if (t = tag.match(/^<(script|style|pre)/i))
- {
- t[1] = t[1].toLowerCase();
- tag = this.cleanTag(tag);
- out = this.placeTag(tag, out);
- end = String(code.substr(i + 1)).toLowerCase().indexOf('</' + t[1]);
-
- if (end)
- {
- cont = code.substr(i + 1, end);
- i += end;
- out += cont;
- }
- }
- else
- {
- tag = this.cleanTag(tag);
- out = this.placeTag(tag, out);
- }
- }
-
- return this.cleanFinish(out);
- },
- cleanGetTabs: function()
- {
- var s = '';
- for ( var j = 0; j < this.cleanlevel; j++ )
- {
- s += '\t';
- }
-
- return s;
- },
- cleanFinish: function(code)
- {
- code = code.replace(/\n\s*\n/g, '\n');
- code = code.replace(/^[\s\n]*/, '');
- code = code.replace(/[\s\n]*$/, '');
- code = code.replace(/<script(.*?)>\n<\/script>/gi, '<script$1></script>');
-
- this.cleanlevel = 0;
-
- return code;
- },
- cleanTag: function (tag)
- {
- var tagout = '';
- tag = tag.replace(/\n/g, ' ');
- tag = tag.replace(/\s{2,}/g, ' ');
- tag = tag.replace(/^\s+|\s+$/g, ' ');
-
- var suffix = '';
- if (tag.match(/\/$/))
- {
- suffix = '/';
- tag = tag.replace(/\/+$/, '');
- }
-
- var m;
- while (m = /\s*([^= ]+)(?:=((['"']).*?\3|[^ ]+))?/.exec(tag))
- {
- if (m[2]) tagout += m[1].toLowerCase() + '=' + m[2];
- else if (m[1]) tagout += m[1].toLowerCase();
-
- tagout += ' ';
- tag = tag.substr(m[0].length);
- }
-
- return tagout.replace(/\s*$/, '') + suffix + '>';
- },
- placeTag: function (tag, out)
- {
- var nl = tag.match(this.cleannewLevel);
- if (tag.match(this.cleanlineBefore) || nl)
- {
- out = out.replace(/\s*$/, '');
- out += '\n';
- }
-
- if (nl && '/' == tag.charAt(1)) this.cleanlevel--;
- if ('\n' == out.charAt(out.length - 1)) out += this.cleanGetTabs();
- if (nl && '/' != tag.charAt(1)) this.cleanlevel++;
-
- out += tag;
-
- if (tag.match(this.cleanlineAfter) || tag.match(this.cleannewLevel))
- {
- out = out.replace(/ *$/, '');
- out += '\n';
- }
-
- return out;
- },
-
- // FORMAT
- formatEmpty: function(e)
- {
- var html = $.trim(this.$editor.html());
-
- if (this.opts.linebreaks)
- {
- if (html == '')
- {
- e.preventDefault();
- this.$editor.html('');
- this.focus();
- }
- }
- else
- {
- html = html.replace(/<br\s?\/?>/i, '');
- var thtml = html.replace(/<p>\s?<\/p>/gi, '');
-
- if (html === '' || thtml === '')
- {
- e.preventDefault();
-
- var node = $(this.opts.emptyHtml).get(0);
- this.$editor.html(node);
- this.focus();
- }
- }
-
- this.sync();
- },
- formatBlocks: function(tag)
- {
- if (this.browser('mozilla') && this.isFocused())
- {
- this.$editor.focus();
- }
-
- this.bufferSet();
-
- var nodes = this.getBlocks();
- this.selectionSave();
-
- $.each(nodes, $.proxy(function(i, node)
- {
- if (node.tagName !== 'LI')
- {
- var parent = $(node).parent();
-
- if (tag === 'p')
- {
- if ((node.tagName === 'P'
- && parent.size() != 0
- && parent[0].tagName === 'BLOCKQUOTE')
- ||
- node.tagName === 'BLOCKQUOTE')
- {
- this.formatQuote();
- return;
- }
- else if (this.opts.linebreaks)
- {
- if (node && node.tagName.search(/H[1-6]/) == 0)
- {
- $(node).replaceWith(node.innerHTML + '<br>');
- }
- else return;
+ $el.replaceWith($el.html());
}
else
{
- this.formatBlock(tag, node);
+ $el.css('text-align', type);
+ this.utils.removeEmptyAttr($el, 'style');
}
- }
- else
- {
- this.formatBlock(tag, node);
- }
- }
- }, this));
-
- this.selectionRestore();
- this.sync();
- },
- formatBlock: function(tag, block)
- {
- if (block === false) block = this.getBlock();
- if (block === false && this.opts.linebreaks === true)
- {
- this.execCommand('formatblock', tag);
- return true;
- }
-
- var contents = '';
- if (tag !== 'pre')
- {
- contents = $(block).contents();
- }
- else
- {
- //contents = this.cleanEncodeEntities($(block).text());
- contents = $(block).html();
- if ($.trim(contents) === '')
- {
- contents = '<span id="selection-marker-1"></span>';
- }
- }
-
- if (block.tagName === 'PRE') tag = 'p';
-
- if (this.opts.linebreaks === true && tag === 'p')
- {
- $(block).replaceWith($('<div>').append(contents).html() + '<br>');
- }
- else
- {
- var parent = this.getParent();
-
- var node = $('<' + tag + '>').append(contents);
- $(block).replaceWith(node);
-
- if (parent && parent.tagName == 'TD')
- {
- $(node).wrapAll('<td>');
- }
- }
- },
- formatChangeTag: function(fromElement, toTagName, save)
- {
- if (save !== false) this.selectionSave();
-
- var newElement = $('<' + toTagName + '/>');
- $(fromElement).replaceWith(function() { return newElement.append($(this).contents()); });
-
- if (save !== false) this.selectionRestore();
-
- return newElement;
- },
-
- // QUOTE
- formatQuote: function()
- {
- if (this.browser('mozilla') && this.isFocused())
- {
- this.$editor.focus();
- }
-
- this.bufferSet();
-
- // paragraphy
- if (this.opts.linebreaks === false)
- {
- this.selectionSave();
-
- var blocks = this.getBlocks();
-
- var blockquote = false;
- var blocksLen = blocks.length;
- if (blocks)
- {
- var data = '';
- var replaced = '';
- var replace = false;
- var paragraphsOnly = true;
-
- $.each(blocks, function(i,s)
- {
- if (s.tagName !== 'P') paragraphsOnly = false;
- });
-
- $.each(blocks, $.proxy(function(i,s)
- {
- if (s.tagName === 'BLOCKQUOTE')
- {
- this.formatBlock('p', s, false);
- }
- else if (s.tagName === 'P')
- {
- blockquote = $(s).parent();
- // from blockquote
- if (blockquote[0].tagName == 'BLOCKQUOTE')
- {
- var count = $(blockquote).children('p').size();
-
- // one
- if (count == 1)
- {
- $(blockquote).replaceWith(s);
- }
- // all
- else if (count == blocksLen)
- {
- replace = 'blockquote';
- data += this.outerHtml(s);
- }
- // some
- else
- {
- replace = 'html';
- data += this.outerHtml(s);
-
- if (i == 0)
- {
- $(s).addClass('redactor-replaced').empty();
- replaced = this.outerHtml(s);
- }
- else $(s).remove();
- }
- }
- // to blockquote
- else
- {
- if (paragraphsOnly === false || blocks.length == 1)
- {
- this.formatBlock('blockquote', s, false);
- }
- else
- {
- replace = 'paragraphs';
- data += this.outerHtml(s);
- }
- }
-
- }
- else if (s.tagName !== 'LI')
- {
- this.formatBlock('blockquote', s, false);
- }
}, this));
-
- if (replace)
- {
- if (replace == 'paragraphs')
- {
- $(blocks[0]).replaceWith('<blockquote>' + data + '</blockquote>');
- $(blocks).remove();
- }
- else if (replace == 'blockquote')
- {
- $(blockquote).replaceWith(data);
- }
- else if (replace == 'html')
- {
- var html = this.$editor.html().replace(replaced, '</blockquote>' + data + '<blockquote>');
-
- this.$editor.html(html);
- this.$editor.find('blockquote').each(function()
- {
- if ($.trim($(this).html()) == '') $(this).remove();
- })
- }
- }
}
-
- this.selectionRestore();
- }
- // linebreaks
- else
- {
- var block = this.getBlock();
- if (block.tagName === 'BLOCKQUOTE')
- {
- this.selectionSave();
-
- var html = $.trim($(block).html());
- var selection = $.trim(this.getSelectionHtml());
-
- html = html.replace(/<span(.*?)id="selection-marker(.*?)<\/span>/gi, '');
-
- if (html == selection)
- {
- $(block).replaceWith($(block).html() + '<br>');
- }
- else
- {
- // replace
- this.inlineFormat('tmp');
- var tmp = this.$editor.find('tmp');
- tmp.empty();
-
- var newhtml = this.$editor.html().replace('<tmp></tmp>', '</blockquote><span id="selection-marker-1">' + this.opts.invisibleSpace + '</span>' + selection + '<blockquote>');
-
- this.$editor.html(newhtml);
- tmp.remove();
- this.$editor.find('blockquote').each(function()
- {
- if ($.trim($(this).html()) == '') $(this).remove();
- })
- }
-
- this.selectionRestore();
- this.$editor.find('span#selection-marker-1').attr('id', false);
- }
- else
- {
- var wrapper = this.selectionWrap('blockquote');
- var html = $(wrapper).html();
-
- var blocksElemsRemove = ['ul', 'ol', 'table', 'tr', 'tbody', 'thead', 'tfoot', 'dl'];
- $.each(blocksElemsRemove, function(i,s)
- {
- html = html.replace(new RegExp('<' + s + '(.*?)>', 'gi'), '');
- html = html.replace(new RegExp('</' + s + '>', 'gi'), '');
- });
-
- var blocksElems = this.opts.blockLevelElements;
- $.each(blocksElems, function(i,s)
- {
- html = html.replace(new RegExp('<' + s + '(.*?)>', 'gi'), '');
- html = html.replace(new RegExp('</' + s + '>', 'gi'), '<br>');
- });
-
- $(wrapper).html(html);
- this.selectionElement(wrapper);
- var next = $(wrapper).next();
- if (next.size() != 0 && next[0].tagName === 'BR')
- {
- next.remove();
- }
- }
- }
-
- this.sync();
- },
-
- // BLOCK
- blockRemoveAttr: function(attr, value)
- {
- var nodes = this.getBlocks();
- $(nodes).removeAttr(attr);
-
- this.sync();
- },
- blockSetAttr: function(attr, value)
- {
- var nodes = this.getBlocks();
- $(nodes).attr(attr, value);
-
- this.sync();
- },
- blockRemoveStyle: function(rule)
- {
- var nodes = this.getBlocks();
- $(nodes).css(rule, '');
- this.removeEmptyAttr(nodes, 'style');
-
- this.sync();
- },
- blockSetStyle: function (rule, value)
- {
- var nodes = this.getBlocks();
- $(nodes).css(rule, value);
-
- this.sync();
- },
- blockRemoveClass: function(className)
- {
- var nodes = this.getBlocks();
- $(nodes).removeClass(className);
- this.removeEmptyAttr(nodes, 'class');
-
- this.sync();
- },
- blockSetClass: function(className)
- {
- var nodes = this.getBlocks();
- $(nodes).addClass(className);
-
- this.sync();
- },
-
- // INLINE
- inlineRemoveClass: function(className)
- {
- this.selectionSave();
-
- this.inlineEachNodes(function(node)
- {
- $(node).removeClass(className);
- this.removeEmptyAttr(node, 'class');
- });
-
- this.selectionRestore();
- this.sync();
- },
- inlineSetClass: function(className)
- {
- var current = this.getCurrent();
- if (!$(current).hasClass(className)) this.inlineMethods('addClass', className);
- },
- inlineRemoveStyle: function (rule)
- {
- this.selectionSave();
-
- this.inlineEachNodes(function(node)
- {
- $(node).css(rule, '');
- this.removeEmptyAttr(node, 'style');
- });
-
- this.selectionRestore();
- this.sync();
- },
- inlineSetStyle: function(rule, value)
- {
- this.inlineMethods('css', rule, value);
- },
- inlineRemoveAttr: function (attr)
- {
- this.selectionSave();
-
- var range = this.getRange(), node = this.getElement(), nodes = this.getNodes();
-
- if (range.collapsed || range.startContainer === range.endContainer && node)
- {
- nodes = $( node );
- }
-
- $(nodes).removeAttr(attr);
-
- this.inlineUnwrapSpan();
-
- this.selectionRestore();
- this.sync();
- },
- inlineSetAttr: function(attr, value)
- {
- this.inlineMethods('attr', attr, value );
- },
- inlineMethods: function(type, attr, value)
- {
- this.bufferSet();
- this.selectionSave();
-
- var range = this.getRange()
- var el = this.getElement();
-
- if ((range.collapsed || range.startContainer === range.endContainer) && el && !this.nodeTestBlocks(el))
- {
- $(el)[type](attr, value);
- }
- else
- {
- this.document.execCommand('fontSize', false, 4 );
-
- var fonts = this.$editor.find('font');
- $.each(fonts, $.proxy(function(i, s)
- {
- this.inlineSetMethods(type, s, attr, value);
-
- }, this));
-
- }
-
- this.selectionRestore();
- this.sync();
- },
- inlineSetMethods: function(type, s, attr, value)
- {
- var parent = $(s).parent(), el;
-
- var selectionHtml = this.getSelectionText();
- var parentHtml = $(parent).text();
- var selected = selectionHtml == parentHtml;
-
- if (selected && parent && parent[0].tagName === 'INLINE' && parent[0].attributes.length != 0)
- {
- el = parent;
- $(s).replaceWith($(s).html());
- }
- else
- {
- el = $('<inline>').append($(s).contents());
- $(s).replaceWith(el);
- }
-
-
- $(el)[type](attr, value);
-
- return el;
- },
- // Sort elements and execute callback
- inlineEachNodes: function(callback)
- {
- var range = this.getRange(),
- node = this.getElement(),
- nodes = this.getNodes(),
- collapsed;
-
- if (range.collapsed || range.startContainer === range.endContainer && node)
- {
- nodes = $(node);
- collapsed = true;
- }
-
- $.each(nodes, $.proxy(function(i, node)
- {
- if (!collapsed && node.tagName !== 'INLINE')
- {
- var selectionHtml = this.getSelectionText();
- var parentHtml = $(node).parent().text();
- var selected = selectionHtml == parentHtml;
-
- if (selected && node.parentNode.tagName === 'INLINE' && !$(node.parentNode).hasClass('redactor_editor'))
- {
- node = node.parentNode;
- }
- else return;
- }
- callback.call(this, node);
-
- }, this ) );
- },
- inlineUnwrapSpan: function()
- {
- var $spans = this.$editor.find('inline');
-
- $.each($spans, $.proxy(function(i, span)
- {
- var $span = $(span);
-
- if ($span.attr('class') === undefined && $span.attr('style') === undefined)
- {
- $span.contents().unwrap();
- }
-
- }, this));
- },
- inlineFormat: function(tag)
- {
- this.selectionSave();
-
- this.document.execCommand('fontSize', false, 4 );
-
- var fonts = this.$editor.find('font');
- var last;
- $.each(fonts, function(i, s)
- {
- var el = $('<' + tag + '/>').append($(s).contents());
- $(s).replaceWith(el);
- last = el;
- });
-
- this.selectionRestore();
-
- this.sync();
- },
- inlineRemoveFormat: function(tag)
- {
- this.selectionSave();
-
- var utag = tag.toUpperCase();
- var nodes = this.getNodes();
- var parent = $(this.getParent()).parent();
-
- $.each(nodes, function(i, s)
- {
- if (s.tagName === utag) this.inlineRemoveFormatReplace(s);
- });
-
- if (parent && parent[0].tagName === utag) this.inlineRemoveFormatReplace(parent);
-
- this.selectionRestore();
- this.sync();
- },
- inlineRemoveFormatReplace: function(el)
- {
- $(el).replaceWith($(el).contents());
- },
-
-
- // INSERT
- insertHtml: function (html, sync)
- {
- var current = this.getCurrent();
- var parent = current.parentNode;
-
- this.focusWithSaveScroll();
-
- this.bufferSet();
-
- var $html = $('<div>').append($.parseHTML(html));
- html = $html.html();
-
- html = this.cleanRemoveEmptyTags(html);
-
- // Update value
- $html = $('<div>').append($.parseHTML(html));
- var currBlock = this.getBlock();
-
- if ($html.contents().length == 1)
- {
- var htmlTagName = $html.contents()[0].tagName;
-
- // If the inserted and received text tags match
- if (htmlTagName != 'P' && htmlTagName == currBlock.tagName || htmlTagName == 'PRE')
- {
- //html = $html.html();
- $html = $('<div>').append(html);
- }
- }
-
- if (this.opts.linebreaks)
- {
- html = html.replace(/<p(.*?)>([\w\W]*?)<\/p>/gi, '$2<br>');
- }
-
- // add text in a paragraph
- if (!this.opts.linebreaks && $html.contents().length == 1 && $html.contents()[0].nodeType == 3
- && (this.getRangeSelectedNodes().length > 2 || (!current || current.tagName == 'BODY' && !parent || parent.tagName == 'HTML')))
- {
- html = '<p>' + html + '</p>';
- }
-
- html = this.setSpansVerifiedHtml(html);
-
- if ($html.contents().length > 1 && currBlock
- || $html.contents().is('p, :header, ul, ol, li, div, table, td, blockquote, pre, address, section, header, footer, aside, article'))
- {
- if (this.browser('msie'))
- {
- if (!this.isIe11())
- {
- this.document.selection.createRange().pasteHTML(html);
- }
- else
- {
- this.execPasteFrag(html);
- }
- }
- else
- {
- this.document.execCommand('inserthtml', false, html);
- }
- }
- else this.insertHtmlAdvanced(html, false);
-
- if (this.selectall)
- {
- this.window.setTimeout($.proxy(function()
- {
- if (!this.opts.linebreaks) this.selectionEnd(this.$editor.contents().last());
- else this.focusEnd();
-
- }, this), 1);
- }
-
- this.observeStart();
-
- // set no editable
- this.setNonEditable();
-
- if (sync !== false) this.sync();
- },
- insertHtmlAdvanced: function(html, sync)
- {
- html = this.setSpansVerifiedHtml(html);
-
- var sel = this.getSelection();
-
- if (sel.getRangeAt && sel.rangeCount)
- {
- var range = sel.getRangeAt(0);
- range.deleteContents();
-
- var el = this.document.createElement('div');
- el.innerHTML = html;
- var frag = this.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);
- }
- }
-
- if (sync !== false)
- {
- this.sync();
- }
-
- },
- insertBeforeCursor: function(html)
- {
- html = this.setSpansVerifiedHtml(html);
-
- var node = $(html);
-
- var space = document.createElement("span");
- space.innerHTML = "\u200B";
-
- var range = this.getRange();
- range.insertNode(space);
- range.insertNode(node[0]);
- range.collapse(false);
-
- var sel = this.getSelection();
- sel.removeAllRanges();
- sel.addRange(range);
-
- this.sync();
- },
- insertText: function(html)
- {
- var $html = $($.parseHTML(html));
-
- if ($html.length) html = $html.text();
-
- this.focusWithSaveScroll();
-
- if (this.browser('msie'))
- {
- if (!this.isIe11())
- {
- this.document.selection.createRange().pasteHTML(html);
- }
- else
- {
- this.execPasteFrag(html);
- }
- }
- else
- {
- this.document.execCommand('inserthtml', false, html);
- }
-
- this.sync();
- },
- insertNode: function(node)
- {
- node = node[0] || node;
-
- if (node.tagName == 'SPAN')
- {
- var replacementTag = 'inline';
-
- var outer = node.outerHTML;
-
- // Replace opening tag
- var regex = new RegExp('<' + node.tagName, 'i');
- var newTag = outer.replace(regex, '<' + replacementTag);
-
- // Replace closing tag
- regex = new RegExp('</' + node.tagName, 'i');
- newTag = newTag.replace(regex, '</' + replacementTag);
- node = $(newTag)[0];
- }
-
- var sel = this.getSelection();
- if (sel.getRangeAt && sel.rangeCount)
- {
- // with delete contents
- range = sel.getRangeAt(0);
- range.deleteContents();
- range.insertNode(node);
- range.setEndAfter(node);
- range.setStartAfter(node);
- sel.removeAllRanges();
- sel.addRange(range);
- }
-
- return node;
- },
- insertNodeToCaretPositionFromPoint: function(e, node)
- {
- var range;
- var x = e.clientX, y = e.clientY;
- if (this.document.caretPositionFromPoint)
- {
- var pos = this.document.caretPositionFromPoint(x, y);
- range = this.getRange();
- range.setStart(pos.offsetNode, pos.offset);
- range.collapse(true);
- range.insertNode(node);
- }
- else if (this.document.caretRangeFromPoint)
- {
- range = this.document.caretRangeFromPoint(x, y);
- range.insertNode(node);
- }
- else if (typeof document.body.createTextRange != "undefined")
- {
- range = this.document.body.createTextRange();
- range.moveToPoint(x, y);
- var endRange = range.duplicate();
- endRange.moveToPoint(x, y);
- range.setEndPoint("EndToEnd", endRange);
- range.select();
- }
-
- },
- insertAfterLastElement: function(element, parent)
- {
- if (typeof(parent) != 'undefined') element = parent;
-
- if (this.isEndOfElement())
- {
- if (this.opts.linebreaks)
- {
- var contents = $('<div>').append($.trim(this.$editor.html())).contents();
- var last = contents.last()[0];
- if (last.tagName == 'SPAN' && last.innerHTML == '')
- {
- last = contents.prev()[0];
- }
-
- if (this.outerHtml(last) != this.outerHtml(element))
- {
- return false;
- }
- }
- else
- {
- if (this.$editor.contents().last()[0] !== element)
- {
- return false;
- }
- }
-
- this.insertingAfterLastElement(element);
- }
- },
- insertingAfterLastElement: function(element)
- {
- this.bufferSet();
-
- if (this.opts.linebreaks === false)
- {
- var node = $(this.opts.emptyHtml);
- $(element).after(node);
- this.selectionStart(node);
- }
- else
- {
- var node = $('<span id="selection-marker-1">' + this.opts.invisibleSpace + '</span>', this.document)[0];
- $(element).after(node);
- $(node).after(this.opts.invisibleSpace);
- this.selectionRestore();
- this.$editor.find('span#selection-marker-1').removeAttr('id');
- }
- },
- insertLineBreak: function(twice)
- {
- this.selectionSave();
-
- var br = '<br>';
- if (twice == true)
- {
- br = '<br><br>';
- }
-
- if (this.browser('mozilla'))
- {
- var span = $('<span>').html(this.opts.invisibleSpace);
- this.$editor.find('#selection-marker-1').before(br).before(span).before(this.opts.invisibleSpace);
-
- this.setCaretAfter(span[0]);
- span.remove();
-
- this.selectionRemoveMarkers();
- }
- else
- {
- var parent = this.getParent();
- if (parent && parent.tagName === 'A')
- {
- var offset = this.getCaretOffset(parent);
-
- var text = $.trim($(parent).text()).replace(/\n\r\n/g, '');
- var len = text.length;
-
- if (offset == len)
- {
- this.selectionRemoveMarkers();
-
- var node = $('<span id="selection-marker-1">' + this.opts.invisibleSpace + '</span>', this.document)[0];
- $(parent).after(node);
- $(node).before(br + (this.browser('webkit') ? this.opts.invisibleSpace : ''));
- this.selectionRestore();
-
- return true;
- }
-
- }
-
- this.$editor.find('#selection-marker-1').before(br + (this.browser('webkit') ? this.opts.invisibleSpace : ''));
- this.selectionRestore();
- }
- },
- insertDoubleLineBreak: function()
- {
- this.insertLineBreak(true);
- },
- replaceLineBreak: function(element)
- {
- var node = $('<br>' + this.opts.invisibleSpace);
- $(element).replaceWith(node);
- this.selectionStart(node);
- },
-
- // PASTE
- pasteClean: function(html)
- {
- html = this.callback('pasteBefore', false, html);
-
- // ie10 fix paste links
- if (this.browser('msie'))
- {
- var tmp = $.trim(html);
- if (tmp.search(/^<a(.*?)>(.*?)<\/a>$/i) == 0)
- {
- html = html.replace(/^<a(.*?)>(.*?)<\/a>$/i, "$2");
- }
- }
-
- if (this.opts.pastePlainText)
- {
- var tmp = this.document.createElement('div');
-
- html = html.replace(/<br>|<\/H[1-6]>|<\/p>|<\/div>/gi, '\n');
-
- tmp.innerHTML = html;
- html = tmp.textContent || tmp.innerText;
-
- html = $.trim(html);
- html = html.replace('\n', '<br>');
- html = this.cleanParagraphy(html);
-
- this.pasteInsert(html);
- return false;
- }
-
- // clean up table
- var tablePaste = false;
- if (this.currentOrParentIs('TD'))
- {
- tablePaste = true;
- var blocksElems = this.opts.blockLevelElements;
- blocksElems.push('tr');
- blocksElems.push('table');
- $.each(blocksElems, function(i,s)
- {
- html = html.replace(new RegExp('<' + s + '(.*?)>', 'gi'), '');
- html = html.replace(new RegExp('</' + s + '>', 'gi'), '<br>');
- });
- }
-
- // clean up pre
- if (this.currentOrParentIs('PRE'))
- {
- html = this.pastePre(html);
- this.pasteInsert(html);
- return true;
- }
-
- // ms words shapes
- html = html.replace(/<img(.*?)v:shapes=(.*?)>/gi, '');
-
- // ms word list
- html = html.replace(/<p(.*?)class="MsoListParagraphCxSpFirst"([\w\W]*?)<\/p>/gi, '<ul><li$2</li>');
- html = html.replace(/<p(.*?)class="MsoListParagraphCxSpMiddle"([\w\W]*?)<\/p>/gi, '<li$2</li>');
- html = html.replace(/<p(.*?)class="MsoListParagraphCxSpLast"([\w\W]*?)<\/p>/gi, '<li$2</li></ul>');
- // one line
- html = html.replace(/<p(.*?)class="MsoListParagraph"([\w\W]*?)<\/p>/gi, '<ul><li$2</li></ul>');
- // remove ms word's bullet
- html = html.replace(/·/g, '');
-
- // remove comments and php tags
- html = html.replace(/<!--[\s\S]*?-->|<\?(?:php)?[\s\S]*?\?>/gi, '');
-
- // remove nbsp
- if (this.opts.cleanSpaces === true)
- {
- html = html.replace(/( ){2,}/gi, ' ');
- html = html.replace(/ /gi, ' ');
- }
-
- // remove google docs marker
- html = html.replace(/<b\sid="internal-source-marker(.*?)">([\w\W]*?)<\/b>/gi, "$2");
- html = html.replace(/<b(.*?)id="docs-internal-guid(.*?)">([\w\W]*?)<\/b>/gi, "$3");
-
-
- html = html.replace(/<span[^>]*(font-style: italic; font-weight: bold|font-weight: bold; font-style: italic)[^>]*>/gi, '<span style="font-weight: bold;"><span style="font-style: italic;">');
- html = html.replace(/<span[^>]*font-style: italic[^>]*>/gi, '<span style="font-style: italic;">');
- html = html.replace(/<span[^>]*font-weight: bold[^>]*>/gi, '<span style="font-weight: bold;">');
- html = html.replace(/<span[^>]*text-decoration: underline[^>]*>/gi, '<span style="text-decoration: underline;">');
-
- // strip tags
- //html = this.cleanStripTags(html);
-
-
-
- // prevert
- html = html.replace(/<td>\u200b*<\/td>/gi, '[td]');
- html = html.replace(/<td> <\/td>/gi, '[td]');
- html = html.replace(/<td><br><\/td>/gi, '[td]');
- html = html.replace(/<td(.*?)colspan="(.*?)"(.*?)>([\w\W]*?)<\/td>/gi, '[td colspan="$2"]$4[/td]');
- html = html.replace(/<td(.*?)rowspan="(.*?)"(.*?)>([\w\W]*?)<\/td>/gi, '[td rowspan="$2"]$4[/td]');
- html = html.replace(/<a(.*?)href="(.*?)"(.*?)>([\w\W]*?)<\/a>/gi, '[a href="$2"]$4[/a]');
- html = html.replace(/<iframe(.*?)>([\w\W]*?)<\/iframe>/gi, '[iframe$1]$2[/iframe]');
- html = html.replace(/<video(.*?)>([\w\W]*?)<\/video>/gi, '[video$1]$2[/video]');
- html = html.replace(/<audio(.*?)>([\w\W]*?)<\/audio>/gi, '[audio$1]$2[/audio]');
- html = html.replace(/<embed(.*?)>([\w\W]*?)<\/embed>/gi, '[embed$1]$2[/embed]');
- html = html.replace(/<object(.*?)>([\w\W]*?)<\/object>/gi, '[object$1]$2[/object]');
- html = html.replace(/<param(.*?)>/gi, '[param$1]');
-
- html = html.replace(/<img(.*?)>/gi, '[img$1]');
-
- // remove classes
- html = html.replace(/ class="(.*?)"/gi, '');
-
- // remove all attributes
- html = html.replace(/<(\w+)([\w\W]*?)>/gi, '<$1>');
-
- // remove empty
- if (this.opts.linebreaks)
- {
- // prevent double linebreaks when an empty line in RTF has bold or underlined formatting associated with it
- html = html.replace(/<strong><\/strong>/gi, '');
- html = html.replace(/<u><\/u>/gi, '');
-
- if (this.opts.cleanFontTag)
- {
- html = html.replace(/<font(.*?)>([\w\W]*?)<\/font>/gi, '$2');
- }
-
- html = html.replace(/<[^\/>][^>]*>(\s*|\t*|\n*| |<br>)<\/[^>]+>/gi, '<br>');
- }
- else
- {
- html = html.replace(/<[^\/>][^>]*>(\s*|\t*|\n*| |<br>)<\/[^>]+>/gi, '');
- }
-
- html = html.replace(/<div>\s*?\t*?\n*?(<ul>|<ol>|<p>)/gi, '$1');
-
- // revert
- html = html.replace(/\[td colspan="(.*?)"\]([\w\W]*?)\[\/td\]/gi, '<td colspan="$1">$2</td>');
- html = html.replace(/\[td rowspan="(.*?)"\]([\w\W]*?)\[\/td\]/gi, '<td rowspan="$1">$2</td>');
- html = html.replace(/\[td\]/gi, '<td> </td>');
- html = html.replace(/\[a href="(.*?)"\]([\w\W]*?)\[\/a\]/gi, '<a href="$1">$2</a>');
- html = html.replace(/\[iframe(.*?)\]([\w\W]*?)\[\/iframe\]/gi, '<iframe$1>$2</iframe>');
- html = html.replace(/\[video(.*?)\]([\w\W]*?)\[\/video\]/gi, '<video$1>$2</video>');
- html = html.replace(/\[audio(.*?)\]([\w\W]*?)\[\/audio\]/gi, '<audio$1>$2</audio>');
- html = html.replace(/\[embed(.*?)\]([\w\W]*?)\[\/embed\]/gi, '<embed$1>$2</embed>');
- html = html.replace(/\[object(.*?)\]([\w\W]*?)\[\/object\]/gi, '<object$1>$2</object>');
- html = html.replace(/\[param(.*?)\]/gi, '<param$1>');
- html = html.replace(/\[img(.*?)\]/gi, '<img$1>');
-
- // convert div to p
- if (this.opts.convertDivs)
- {
- html = html.replace(/<div(.*?)>([\w\W]*?)<\/div>/gi, '<p>$2</p>');
- html = html.replace(/<\/div><p>/gi, '<p>');
- html = html.replace(/<\/p><\/div>/gi, '</p>');
- html = html.replace(/<p><\/p>/gi, '<br />');
- }
- else
- {
- html = html.replace(/<div><\/div>/gi, '<br />');
- }
-
- // strip tags
- html = this.cleanStripTags(html);
-
- if (this.currentOrParentIs('LI'))
- {
- html = html.replace(/<p>([\w\W]*?)<\/p>/gi, '$1<br>');
- }
- else if (tablePaste === false)
- {
- html = this.cleanParagraphy(html);
- }
-
- // remove span
- html = html.replace(/<span(.*?)>([\w\W]*?)<\/span>/gi, '$2');
-
- // remove empty
- html = html.replace(/<img>/gi, '');
- html = html.replace(/<[^\/>][^>][^img|param|source|td][^<]*>(\s*|\t*|\n*| |<br>)<\/[^>]+>/gi, '');
-
- html = html.replace(/\n{3,}/gi, '\n');
-
- // remove dirty p
- html = html.replace(/<p><p>/gi, '<p>');
- html = html.replace(/<\/p><\/p>/gi, '</p>');
-
- html = html.replace(/<li>(\s*|\t*|\n*)<p>/gi, '<li>');
- html = html.replace(/<\/p>(\s*|\t*|\n*)<\/li>/gi, '</li>');
-
- if (this.opts.linebreaks === true)
- {
- html = html.replace(/<p(.*?)>([\w\W]*?)<\/p>/gi, '$2<br>');
- }
-
- // remove empty finally
- html = html.replace(/<[^\/>][^>][^img|param|source|td][^<]*>(\s*|\t*|\n*| |<br>)<\/[^>]+>/gi, '');
-
- // remove safari local images
- html = html.replace(/<img src="webkit-fake-url\:\/\/(.*?)"(.*?)>/gi, '');
-
- // remove p in td
- html = html.replace(/<td(.*?)>(\s*|\t*|\n*)<p>([\w\W]*?)<\/p>(\s*|\t*|\n*)<\/td>/gi, '<td$1>$3</td>');
-
- // remove divs
- if (this.opts.convertDivs)
- {
- html = html.replace(/<div(.*?)>([\w\W]*?)<\/div>/gi, '$2');
- html = html.replace(/<div(.*?)>([\w\W]*?)<\/div>/gi, '$2');
- }
-
- // FF specific
- this.pasteClipboardMozilla = false;
- if (this.browser('mozilla'))
- {
- if (this.opts.clipboardUpload)
- {
- var matches = html.match(/<img src="data:image(.*?)"(.*?)>/gi);
- if (matches !== null)
- {
- this.pasteClipboardMozilla = matches;
- for (k in matches)
- {
- var img = matches[k].replace('<img', '<img data-mozilla-paste-image="' + k + '" ');
- html = html.replace(matches[k], img);
- }
- }
- }
-
- // FF fix
- while (/<br>$/gi.test(html))
- {
- html = html.replace(/<br>$/gi, '');
- }
- }
-
- // bullets again
- html = html.replace(/<p>•([\w\W]*?)<\/p>/gi, '<li>$1</li>');
-
- // ie inserts a blank font tags when pasting
- if (this.browser('msie'))
- {
- while (/<font>([\w\W]*?)<\/font>/gi.test(html))
- {
- html = html.replace(/<font>([\w\W]*?)<\/font>/gi, '$1');
- }
- }
-
- // remove table paragraphs
- if (tablePaste === false)
- {
- html = html.replace(/<td(.*?)>([\w\W]*?)<p(.*?)>([\w\W]*?)<\/td>/gi, '<td$1>$2$4</td>');
- html = html.replace(/<td(.*?)>([\w\W]*?)<\/p>([\w\W]*?)<\/td>/gi, '<td$1>$2$3</td>');
- html = html.replace(/<td(.*?)>([\w\W]*?)<p(.*?)>([\w\W]*?)<\/td>/gi, '<td$1>$2$4</td>');
- html = html.replace(/<td(.*?)>([\w\W]*?)<\/p>([\w\W]*?)<\/td>/gi, '<td$1>$2$3</td>');
- }
-
- // ms word break lines
- html = html.replace(/\n/g, ' ');
-
- // ms word lists break lines
- html = html.replace(/<p>\n?<li>/gi, '<li>');
-
- this.pasteInsert(html);
-
- },
- pastePre: function(s)
- {
- s = s.replace(/<br>|<\/H[1-6]>|<\/p>|<\/div>/gi, '\n');
-
- var tmp = this.document.createElement('div');
- tmp.innerHTML = s;
- return this.cleanEncodeEntities(tmp.textContent || tmp.innerText);
- },
- pasteInsert: function(html)
- {
- html = this.callback('pasteAfter', false, html);
-
- if (this.selectall)
- {
- this.$editor.html(html);
- this.selectionRemove();
- this.focusEnd();
- this.sync();
- }
- else
- {
- this.insertHtml(html);
- }
-
- this.selectall = false;
-
- setTimeout($.proxy(function()
- {
- this.rtePaste = false;
-
- // FF specific
- if (this.browser('mozilla'))
- {
- this.$editor.find('p:empty').remove()
- }
- if (this.pasteClipboardMozilla !== false)
- {
- this.pasteClipboardUploadMozilla();
- }
-
- }, this), 100);
-
- if (this.opts.autoresize && this.fullscreen !== true)
- {
- $(this.document.body).scrollTop(this.saveScroll);
- }
- else
- {
- this.$editor.scrollTop(this.saveScroll);
- }
- },
- pasteClipboardAppendFields: function(postData)
- {
- // append hidden fields
- if (this.opts.uploadFields !== false && typeof this.opts.uploadFields === 'object')
- {
- $.each(this.opts.uploadFields, $.proxy(function(k, v)
- {
- if (v != null && v.toString().indexOf('#') === 0) v = $(v).val();
- postData[k] = v;
-
- }, this));
- }
-
- return postData;
- },
- pasteClipboardUploadMozilla: function()
- {
- var imgs = this.$editor.find('img[data-mozilla-paste-image]');
- $.each(imgs, $.proxy(function(i,s)
- {
- var $s = $(s);
- var arr = s.src.split(",");
- var postData = {
- 'contentType': arr[0].split(";")[0].split(":")[1],
- 'data': arr[1] // raw base64
- };
-
- // append hidden fields
- postData = this.pasteClipboardAppendFields(postData);
-
- $.post(this.opts.clipboardUploadUrl, postData,
- $.proxy(function(data)
- {
- var json = (typeof data === 'string' ? $.parseJSON(data) : data);
- $s.attr('src', json.filelink);
- $s.removeAttr('data-mozilla-paste-image');
-
- this.sync();
-
- // upload callback
- this.callback('imageUpload', $s, json);
-
- }, this));
-
- }, this));
- },
- pasteClipboardUpload: function(e)
- {
- var result = e.target.result;
- var arr = result.split(",");
- var postData = {
- 'contentType': arr[0].split(";")[0].split(":")[1],
- 'data': arr[1] // raw base64
};
-
-
- if (this.opts.clipboardUpload)
- {
- // append hidden fields
- postData = this.pasteClipboardAppendFields(postData);
-
- $.post(this.opts.clipboardUploadUrl, postData,
- $.proxy(function(data)
+ },
+ paste: function()
+ {
+ return {
+ init: function(e)
{
- var json = (typeof data === 'string' ? $.parseJSON(data) : data);
+ if (!this.opts.cleanOnPaste) return;
- var html = '<img src="' + json.filelink + '" id="clipboard-image-marker" />';
- this.execCommand('inserthtml', html, false);
+ this.rtePaste = true;
- var image = $(this.$editor.find('img#clipboard-image-marker'));
+ this.buffer.set();
+ this.selection.save();
+ this.utils.saveScroll();
- if (image.length) image.removeAttr('id');
- else image = false;
+ this.paste.createPasteBox();
- this.sync();
-
- // upload callback
- if (image)
+ $(window).on('scroll.redactor-freeze', $.proxy(function()
{
- this.callback('imageUpload', image, json);
- }
+ $(window).scrollTop(this.saveBodyScroll);
-
- }, this));
- }
- else
- {
- this.insertHtml('<img src="' + result + '" />');
- }
- },
-
- // BUFFER
- bufferSet: function(selectionSave)
- {
- if (selectionSave !== false)
- {
- this.selectionSave();
- }
-
- this.opts.buffer.push(this.$editor.html());
-
- if (selectionSave !== false)
- {
- this.selectionRemoveMarkers('buffer');
- }
-
- },
- bufferUndo: function()
- {
- if (this.opts.buffer.length === 0)
- {
- this.focusWithSaveScroll();
- return;
- }
-
- // rebuffer
- this.selectionSave();
- this.opts.rebuffer.push(this.$editor.html());
- this.selectionRestore(false, true);
-
- this.$editor.html(this.opts.buffer.pop());
-
- this.selectionRestore();
- setTimeout($.proxy(this.observeStart, this), 100);
- },
- bufferRedo: function()
- {
- if (this.opts.rebuffer.length === 0)
- {
- this.focusWithSaveScroll();
- return false;
- }
-
- // buffer
- this.selectionSave();
- this.opts.buffer.push(this.$editor.html());
- this.selectionRestore(false, true);
-
- this.$editor.html(this.opts.rebuffer.pop());
- this.selectionRestore(true);
- setTimeout($.proxy(this.observeStart, this), 4);
- },
-
- // OBSERVE
- observeStart: function()
- {
- this.observeImages();
-
- if (this.opts.observeLinks) this.observeLinks();
- },
- observeLinks: function()
- {
- this.$editor.find('a').on('click', $.proxy(this.linkObserver, this));
-
- this.$editor.on('click.redactor', $.proxy(function(e)
- {
- this.linkObserverTooltipClose(e);
-
- }, this));
-
- $(document).on('click.redactor', $.proxy(function(e)
- {
- this.linkObserverTooltipClose(e);
-
- }, this));
- },
- observeImages: function()
- {
- if (this.opts.observeImages === false) return false;
-
- this.$editor.find('img').each($.proxy(function(i, elem)
- {
- if (this.browser('msie')) $(elem).attr('unselectable', 'on');
-
- var parent = $(elem).parent();
- if (!parent.hasClass('royalSlider') && !parent.hasClass('fotorama'))
- {
- this.imageResize(elem);
- }
-
- }, this));
-
- // royalSlider and fotorama
- this.$editor.find('.fotorama, .royalSlider').on('click', $.proxy(this.editGallery, this));
-
- },
- linkObserver: function(e)
- {
- var $link = $(e.target);
-
- var parent = $(e.target).parent();
- if (parent.hasClass('royalSlider') || parent.hasClass('fotorama'))
- {
- return;
- }
-
- if ($link.size() == 0 || $link[0].tagName !== 'A') return;
-
- var pos = $link.offset();
- if (this.opts.iframe)
- {
- var posFrame = this.$frame.offset();
- pos.top = posFrame.top + (pos.top - $(this.document).scrollTop());
- pos.left += posFrame.left;
- }
-
- var tooltip = $('<span class="redactor-link-tooltip"></span>');
-
- var href = $link.attr('href');
- if (href === undefined)
- {
- href = '';
- }
-
- if (href.length > 24) href = href.substring(0, 24) + '...';
-
- var aLink = $('<a href="' + $link.attr('href') + '" target="_blank">' + href + '</a>').on('click', $.proxy(function(e)
- {
- this.linkObserverTooltipClose(false);
- }, this));
-
- var aEdit = $('<a href="#">' + this.opts.curLang.edit + '</a>').on('click', $.proxy(function(e)
- {
- e.preventDefault();
- this.linkShow();
- this.linkObserverTooltipClose(false);
-
- }, this));
-
- var aUnlink = $('<a href="#">' + this.opts.curLang.unlink + '</a>').on('click', $.proxy(function(e)
- {
- e.preventDefault();
- this.execCommand('unlink');
- this.linkObserverTooltipClose(false);
-
- }, this));
-
-
- tooltip.append(aLink);
- tooltip.append(' | ');
- tooltip.append(aEdit);
- tooltip.append(' | ');
- tooltip.append(aUnlink);
- tooltip.css({
- top: (pos.top + 20) + 'px',
- left: pos.left + 'px'
- });
-
- $('.redactor-link-tooltip').remove();
- $('body').append(tooltip);
- },
- linkObserverTooltipClose: function(e)
- {
- if (e !== false && e.target.tagName == 'A') return false;
- $('.redactor-link-tooltip').remove();
- },
-
- // SELECTION
- getSelection: function()
- {
- if (!this.opts.rangy) return this.document.getSelection();
- else // rangy
- {
- if (!this.opts.iframe) return rangy.getSelection();
- else return rangy.getSelection(this.$frame[0]);
- }
- },
- getRange: function()
- {
- if (!this.opts.rangy)
- {
- if (this.document.getSelection)
- {
- var sel = this.getSelection();
- if (sel.getRangeAt && sel.rangeCount) return sel.getRangeAt(0);
- }
-
- return this.document.createRange();
- }
- else // rangy
- {
- if (!this.opts.iframe) return rangy.createRange();
- else return rangy.createRange(this.iframeDoc());
- }
- },
- selectionElement: function(node)
- {
- this.setCaret(node);
- },
- selectionStart: function(node)
- {
- this.selectionSet(node[0] || node, 0, null, 0);
- },
- selectionEnd: function(node)
- {
- this.selectionSet(node[0] || node, 1, null, 1);
- },
- selectionSet: function(orgn, orgo, focn, foco)
- {
- if (focn == null) focn = orgn;
- if (foco == null) foco = orgo;
-
- var sel = this.getSelection();
- if (!sel) return;
-
- if (orgn.tagName == 'P' && orgn.innerHTML == '')
- {
- orgn.innerHTML = this.opts.invisibleSpace;
- }
-
- if (orgn.tagName == 'BR' && this.opts.linebreaks === false)
- {
- var par = $(this.opts.emptyHtml)[0];
- $(orgn).replaceWith(par);
- orgn = par;
- focn = orgn;
- }
-
- var range = this.getRange();
- range.setStart(orgn, orgo);
- range.setEnd(focn, foco );
-
- try {
- sel.removeAllRanges();
- } catch (e) {}
-
- sel.addRange(range);
- },
- selectionWrap: function(tag)
- {
- tag = tag.toLowerCase();
-
- var block = this.getBlock();
- if (block)
- {
- var wrapper = this.formatChangeTag(block, tag);
- this.sync();
- return wrapper;
- }
-
- var sel = this.getSelection();
- var range = sel.getRangeAt(0);
- var wrapper = document.createElement(tag);
- wrapper.appendChild(range.extractContents());
- range.insertNode(wrapper);
-
- this.selectionElement(wrapper);
-
- return wrapper;
- },
- selectionAll: function()
- {
- var range = this.getRange();
- range.selectNodeContents(this.$editor[0]);
-
- var sel = this.getSelection();
- sel.removeAllRanges();
- sel.addRange(range);
- },
- selectionRemove: function()
- {
- this.getSelection().removeAllRanges();
- },
- getCaretOffset: function (element)
- {
- var caretOffset = 0;
-
- var range = this.getRange();
- var preCaretRange = range.cloneRange();
- preCaretRange.selectNodeContents(element);
- preCaretRange.setEnd(range.endContainer, range.endOffset);
- caretOffset = $.trim(preCaretRange.toString()).length;
-
- return caretOffset;
- },
- getCaretOffsetRange: function()
- {
- return new Range(this.getSelection().getRangeAt(0));
- },
- setCaret: function (el, start, end)
- {
- if (typeof end === 'undefined') end = start;
- el = el[0] || el;
-
- var range = this.getRange();
- range.selectNodeContents(el);
-
- var textNodes = this.getTextNodesIn(el);
- var foundStart = false;
- var charCount = 0, endCharCount;
-
- if (textNodes.length == 1 && start)
- {
- range.setStart(textNodes[0], start);
- range.setEnd(textNodes[0], end);
- }
- else
- {
- for (var i = 0, textNode; textNode = textNodes[i++];)
- {
- endCharCount = charCount + textNode.length;
- if (!foundStart && start >= charCount && (start < endCharCount || (start == endCharCount && i < textNodes.length)))
- {
- range.setStart(textNode, start - charCount);
- foundStart = true;
- }
-
- if (foundStart && end <= endCharCount)
- {
- range.setEnd( textNode, end - charCount );
- break;
- }
-
- charCount = endCharCount;
- }
- }
-
- var sel = this.getSelection();
- sel.removeAllRanges();
- sel.addRange( range );
- },
- setCaretAfter: function(node)
- {
- this.$editor.focus();
-
- node = node[0] || node;
-
- var range = this.document.createRange()
-
- var start = 1;
- var end = -1;
-
- range.setStart(node, start)
- range.setEnd(node, end + 2)
-
-
- var selection = this.window.getSelection()
- var cursorRange = this.document.createRange()
-
- var emptyElement = this.document.createTextNode('\u200B')
- $(node).after(emptyElement)
-
- cursorRange.setStartAfter(emptyElement)
-
- selection.removeAllRanges()
- selection.addRange(cursorRange)
- $(emptyElement).remove();
- },
- getTextNodesIn: function (node)
- {
- var textNodes = [];
-
- if (node.nodeType == 3) textNodes.push(node);
- else
- {
- var children = node.childNodes;
- for (var i = 0, len = children.length; i < len; ++i)
- {
- textNodes.push.apply(textNodes, this.getTextNodesIn(children[i]));
- }
- }
-
- return textNodes;
- },
-
- // GET ELEMENTS
- getCurrent: function()
- {
- var el = false;
- var sel = this.getSelection();
-
- if (sel && sel.rangeCount > 0)
- {
- el = sel.getRangeAt(0).startContainer;
- //el = sel.getRangeAt(0).commonAncestorContainer;
- }
-
- return this.isParentRedactor(el);
- },
- getParent: function(elem)
- {
- elem = elem || this.getCurrent();
- if (elem) return this.isParentRedactor( $( elem ).parent()[0] );
- else return false;
- },
- getBlock: function(node)
- {
- if (typeof node === 'undefined') node = this.getCurrent();
-
- while (node)
- {
- if (this.nodeTestBlocks(node))
- {
- if ($(node).hasClass('redactor_editor')) return false;
- return node;
- }
-
- node = node.parentNode;
- }
-
- return false;
- },
- getBlocks: function(nodes)
- {
- var newnodes = [];
- if (typeof nodes == 'undefined')
- {
- var range = this.getRange();
- if (range && range.collapsed === true) return [this.getBlock()];
- var nodes = this.getNodes(range);
- }
-
- $.each(nodes, $.proxy(function(i,node)
- {
- if (this.opts.iframe === false && $(node).parents('div.redactor_editor').size() == 0) return false;
- if (this.nodeTestBlocks(node)) newnodes.push(node);
-
- }, this));
-
- if (newnodes.length === 0) newnodes = [this.getBlock()];
-
- return newnodes;
- },
- isInlineNode: function(node)
- {
- if (node.nodeType != 1) return false;
-
- return !this.rTestBlock.test(node.nodeName);
- },
- nodeTestBlocks: function(node)
- {
- return node.nodeType == 1 && this.rTestBlock.test(node.nodeName);
- },
- tagTestBlock: function(tag)
- {
- return this.rTestBlock.test(tag);
- },
- getNodes: function(range, tag)
- {
- if (typeof range == 'undefined' || range == false) var range = this.getRange();
- if (range && range.collapsed === true)
- {
- if (typeof tag === 'undefined' && this.tagTestBlock(tag))
- {
- var block = this.getBlock();
- if (block.tagName == tag) return [block];
- else return [];
- }
- else
- {
- return [this.getCurrent()];
- }
- }
-
- var nodes = [], finalnodes = [];
-
- var sel = this.document.getSelection();
- if (!sel.isCollapsed) nodes = this.getRangeSelectedNodes(sel.getRangeAt(0));
-
- $.each(nodes, $.proxy(function(i,node)
- {
- if (this.opts.iframe === false && $(node).parents('div.redactor_editor').size() == 0) return false;
-
- if (typeof tag === 'undefined')
- {
- if ($.trim(node.textContent) != '')
- {
- finalnodes.push(node);
- }
- }
- else if (node.tagName == tag)
- {
- finalnodes.push(node);
- }
-
- }, this));
-
- if (finalnodes.length == 0)
- {
- if (typeof tag === 'undefined' && this.tagTestBlock(tag))
- {
- var block = this.getBlock();
- if (block.tagName == tag) return finalnodes.push(block);
- else return [];
- }
- else
- {
- finalnodes.push(this.getCurrent());
- }
- }
-
- // last element filtering
- var last = finalnodes[finalnodes.length-1];
- if (this.nodeTestBlocks(last))
- {
- finalnodes = finalnodes.slice(0, -1);
- }
-
- return finalnodes;
- },
- getElement: function(node)
- {
- if (!node) node = this.getCurrent();
- while (node)
- {
- if (node.nodeType == 1)
- {
- if ($(node).hasClass('redactor_editor')) return false;
- return node;
- }
-
- node = node.parentNode;
- }
-
- return false;
- },
- getRangeSelectedNodes: function(range)
- {
- range = range || this.getRange();
- var node = range.startContainer;
- var endNode = range.endContainer;
-
- if (node == endNode) return [node];
-
- var rangeNodes = [];
- while (node && node != endNode)
- {
- rangeNodes.push(node = this.nextNode(node));
- }
-
- node = range.startContainer;
- while (node && node != range.commonAncestorContainer)
- {
- rangeNodes.unshift(node);
- node = node.parentNode;
- }
-
- return rangeNodes;
- },
- nextNode: function(node)
- {
- if (node.hasChildNodes()) return node.firstChild;
- else
- {
- while (node && !node.nextSibling)
- {
- node = node.parentNode;
- }
-
- if (!node) return null;
- return node.nextSibling;
- }
- },
-
- // GET SELECTION HTML OR TEXT
- getSelectionText: function()
- {
- return this.getSelection().toString();
- },
- getSelectionHtml: function()
- {
- var html = '';
-
- var sel = this.getSelection();
- if (sel.rangeCount)
- {
- var container = this.document.createElement( "div" );
- var len = sel.rangeCount;
- for (var i = 0; i < len; ++i)
- {
- container.appendChild(sel.getRangeAt(i).cloneContents());
- }
-
- html = container.innerHTML;
- }
-
- return this.syncClean(html);
- },
-
- // SAVE & RESTORE
- selectionSave: function()
- {
- if (!this.isFocused())
- {
- this.focusWithSaveScroll();
- }
-
- if (!this.opts.rangy)
- {
- this.selectionCreateMarker(this.getRange());
- }
- // rangy
- else
- {
- this.savedSel = rangy.saveSelection();
- }
- },
- selectionCreateMarker: function(range, remove)
- {
- if (!range) return;
-
- var node1 = $('<span id="selection-marker-1" class="redactor-selection-marker">' + this.opts.invisibleSpace + '</span>', this.document)[0];
- var node2 = $('<span id="selection-marker-2" class="redactor-selection-marker">' + this.opts.invisibleSpace + '</span>', this.document)[0];
-
- if (range.collapsed === true)
- {
- this.selectionSetMarker(range, node1, true);
- }
- else
- {
- this.selectionSetMarker(range, node1, true);
- this.selectionSetMarker(range, node2, false);
- }
-
- this.savedSel = this.$editor.html();
-
- this.selectionRestore(false, false);
- },
- selectionSetMarker: function(range, node, type)
- {
- var boundaryRange = range.cloneRange();
-
- try {
- boundaryRange.collapse(type);
- boundaryRange.insertNode(node);
- boundaryRange.detach();
- }
- catch (e)
- {
- var html = this.opts.emptyHtml;
- if (this.opts.linebreaks) html = '<br>';
-
- this.$editor.prepend(html);
- this.focus();
- }
- },
- selectionRestore: function(replace, remove)
- {
- if (!this.opts.rangy)
- {
- if (replace === true && this.savedSel)
- {
- this.$editor.html(this.savedSel);
- }
-
- var node1 = this.$editor.find('span#selection-marker-1');
- var node2 = this.$editor.find('span#selection-marker-2');
-
- if (this.browser('mozilla'))
- {
- this.$editor.focus();
- }
- else if (!this.isFocused())
- {
- this.focusWithSaveScroll();
- }
-
- if (node1.length != 0 && node2.length != 0)
- {
- this.selectionSet(node1[0], 0, node2[0], 0);
- }
- else if (node1.length != 0)
- {
- this.selectionSet(node1[0], 0, null, 0);
- }
-
- if (remove !== false)
- {
- this.selectionRemoveMarkers();
- this.savedSel = false;
- }
- }
- // rangy
- else
- {
- rangy.restoreSelection(this.savedSel);
- }
- },
- selectionRemoveMarkers: function(type)
- {
- if (!this.opts.rangy)
- {
- $.each(this.$editor.find('span.redactor-selection-marker'), function()
- {
- var html = $.trim($(this).html().replace(/[^\u0000-\u1C7F]/g, ''));
- if (html == '')
- {
- $(this).remove();
- }
- else
- {
- $(this).removeAttr('class').removeAttr('id');
- }
- });
- }
- // rangy
- else
- {
- rangy.removeMarkers(this.savedSel);
- }
- },
-
- // TABLE
- tableShow: function()
- {
- this.selectionSave();
-
- this.modalInit(this.opts.curLang.table, this.opts.modal_table, 300, $.proxy(function()
- {
- $('#redactor_insert_table_btn').click($.proxy(this.tableInsert, this));
-
- setTimeout(function()
- {
- $('#redactor_table_rows').focus();
-
- }, 200);
-
- }, this));
- },
- tableInsert: function()
- {
- this.bufferSet(false);
-
- var rows = $('#redactor_table_rows').val(),
- columns = $('#redactor_table_columns').val(),
- $table_box = $('<div></div>'),
- tableId = Math.floor(Math.random() * 99999),
- $table = $('<table id="table' + tableId + '"><tbody></tbody></table>'),
- i, $row, z, $column;
-
- for (i = 0; i < rows; i++)
- {
- $row = $('<tr></tr>');
-
- for (z = 0; z < columns; z++)
- {
- $column = $('<td>' + this.opts.invisibleSpace + '</td>');
-
- // set the focus to the first td
- if (i === 0 && z === 0)
- {
- $column.append('<span id="selection-marker-1">' + this.opts.invisibleSpace + '</span>');
- }
-
- $($row).append($column);
- }
-
- $table.append($row);
- }
-
- $table_box.append($table);
- var html = $table_box.html();
-
- if (this.opts.linebreaks === false && this.browser('mozilla'))
- {
- html += '<p>' + this.opts.invisibleSpace + '</p>';
- }
-
- this.modalClose();
- this.selectionRestore();
-
- var current = this.getBlock() || this.getCurrent();
-
- if (current && current.tagName != 'BODY')
- {
- if (current.tagName == 'LI')
- {
- var current = $(current).closest('ul, ol');
- }
-
- $(current).after(html)
- }
- else
- {
- this.insertHtmlAdvanced(html, false);
- }
-
- this.selectionRestore();
-
- var table = this.$editor.find('#table' + tableId);
- this.buttonActiveObserver();
-
- table.find('span#selection-marker-1, inline#selection-marker-1').remove();
- table.removeAttr('id');
-
- this.sync();
- },
- tableDeleteTable: function()
- {
- var $table = $(this.getParent()).closest('table');
- if (!this.isParentRedactor($table)) return false;
- if ($table.size() == 0) return false;
-
- this.bufferSet();
-
- $table.remove();
- this.sync();
- },
- tableDeleteRow: function()
- {
- var parent = this.getParent();
- var $table = $(parent).closest('table');
-
-
- if (!this.isParentRedactor($table)) return false;
- if ($table.size() == 0) return false;
-
- this.bufferSet();
-
- var $current_tr = $(parent).closest('tr');
- var $focus_tr = $current_tr.prev().length ? $current_tr.prev() : $current_tr.next();
- if ($focus_tr.length)
- {
- var $focus_td = $focus_tr.children('td' ).first();
- if ($focus_td.length)
- {
- $focus_td.prepend('<span id="selection-marker-1">' + this.opts.invisibleSpace + '</span>');
- }
- }
-
- $current_tr.remove();
- this.selectionRestore();
- $table.find('span#selection-marker-1').remove();
- this.sync();
- },
- tableDeleteColumn: function()
- {
- var parent = this.getParent();
- var $table = $(parent).closest('table');
-
- if (!this.isParentRedactor($table)) return false;
- if ($table.size() == 0) return false;
-
- this.bufferSet();
-
- var $current_td = $(parent).closest('td');
- if (!($current_td.is('td')))
- {
- $current_td = $current_td.closest('td');
- }
-
- var index = $current_td.get(0).cellIndex;
-
- // Set the focus correctly
- $table.find('tr').each($.proxy(function(i, elem)
- {
- var focusIndex = index - 1 < 0 ? index + 1 : index - 1;
- if (i === 0)
- {
- $(elem).find('td').eq(focusIndex).prepend('<span id="selection-marker-1">' + this.opts.invisibleSpace + '</span>');
- }
-
- $(elem).find('td').eq(index).remove();
-
- }, this));
-
- this.selectionRestore();
- $table.find('span#selection-marker-1').remove();
- this.sync();
- },
- tableAddHead: function()
- {
- var $table = $(this.getParent()).closest('table');
- if (!this.isParentRedactor($table)) return false;
- if ($table.size() == 0) return false;
-
- this.bufferSet();
-
- if ($table.find('thead').size() !== 0) this.tableDeleteHead();
- else
- {
- var tr = $table.find('tr').first().clone();
- tr.find('td').html(this.opts.invisibleSpace);
- $thead = $('<thead></thead>');
- $thead.append(tr);
- $table.prepend($thead);
-
- this.sync();
- }
- },
- tableDeleteHead: function()
- {
- var $table = $(this.getParent()).closest('table');
- if (!this.isParentRedactor($table)) return false;
- var $thead = $table.find('thead');
-
- if ($thead.size() == 0) return false;
-
- this.bufferSet();
-
- $thead.remove();
- this.sync();
- },
- tableAddRowAbove: function()
- {
- this.tableAddRow('before');
- },
- tableAddRowBelow: function()
- {
- this.tableAddRow('after');
- },
- tableAddColumnLeft: function()
- {
- this.tableAddColumn('before');
- },
- tableAddColumnRight: function()
- {
- this.tableAddColumn('after');
- },
- tableAddRow: function(type)
- {
- var $table = $(this.getParent()).closest('table');
- if (!this.isParentRedactor($table)) return false;
- if ($table.size() == 0) return false;
-
- this.bufferSet();
-
- var $current_tr = $(this.getParent()).closest('tr');
- var new_tr = $current_tr.clone();
- new_tr.find('td').html(this.opts.invisibleSpace);
-
- if (type === 'after') $current_tr.after(new_tr);
- else $current_tr.before(new_tr);
-
- this.sync();
- },
- tableAddColumn: function (type)
- {
- var parent = this.getParent();
- var $table = $(parent).closest('table');
-
- if (!this.isParentRedactor($table)) return false;
- if ($table.size() == 0) return false;
-
- this.bufferSet();
-
- var index = 0;
-
- var current = this.getCurrent();
- var $current_tr = $(current).closest('tr');
- var $current_td = $(current).closest('td');
-
- $current_tr.find('td').each($.proxy(function(i, elem)
- {
- if ($(elem)[0] === $current_td[0]) index = i;
-
- }, this));
-
- $table.find('tr').each($.proxy(function(i, elem)
- {
- var $current = $(elem).find('td').eq(index);
-
- var td = $current.clone();
- td.html(this.opts.invisibleSpace);
-
- type === 'after' ? $current.after(td) : $current.before(td);
-
- }, this));
-
- this.sync();
- },
-
- // VIDEO
- videoShow: function()
- {
- this.selectionSave();
-
- this.modalInit(this.opts.curLang.video, this.opts.modal_video, 600, $.proxy(function()
- {
- $('#redactor_insert_video_btn').click($.proxy(this.videoInsert, this));
-
- setTimeout(function()
- {
- $('#redactor_insert_video_area').focus();
-
- }, 200);
-
- }, this));
- },
- videoInsert: function ()
- {
- var data = $('#redactor_insert_video_area').val();
- data = this.cleanStripTags(data);
-
- // parse if it is link on youtube & vimeo
- var iframeStart = '<iframe width="500" height="281" src="',
- iframeEnd = '" frameborder="0" allowfullscreen></iframe>';
-
- if (data.match(reUrlYoutube))
- {
- data = data.replace(reUrlYoutube, iframeStart + '//www.youtube.com/embed/$1' + iframeEnd);
- }
- else if (data.match(reUrlVimeo))
- {
- data = data.replace(reUrlVimeo, iframeStart + '//player.vimeo.com/video/$2' + iframeEnd);
- }
-
- this.selectionRestore();
-
- var current = this.getBlock() || this.getCurrent();
-
- if (current) $(current).after(data)
- else this.insertHtmlAdvanced(data, false);
-
- this.sync();
- this.modalClose();
- },
-
-
- // LINK
- linkShow: function()
- {
- this.selectionSave();
-
- var callback = $.proxy(function()
- {
- // Predefined links
- if (this.opts.predefinedLinks !== false)
- {
- this.predefinedLinksStorage = {};
- var that = this;
- $.getJSON(this.opts.predefinedLinks, function(data)
- {
- var $select = $('#redactor-predefined-links');
- $select .html('');
- $.each(data, function(key, val)
- {
- that.predefinedLinksStorage[key] = val;
- $select.append($('<option>').val(key).html(val.name));
- });
-
- $select.on('change', function()
- {
- var key = $(this).val();
- var name = '', url = '';
- if (key != 0)
- {
- name = that.predefinedLinksStorage[key].name;
- url = that.predefinedLinksStorage[key].url;
- }
-
- $('#redactor_link_url').val(url);
- $('#redactor_link_url_text').val(name);
-
- });
-
- $select.show();
- });
- }
-
- this.insert_link_node = false;
-
- var sel = this.getSelection();
- var url = '', text = '', target = '';
-
- var elem = this.getParent();
- var par = $(elem).parent().get(0);
- if (par && par.tagName === 'A')
- {
- elem = par;
- }
-
- if (elem && elem.tagName === 'A')
- {
- url = elem.href;
- text = $(elem).text();
- target = elem.target;
-
- this.insert_link_node = elem;
- }
- else text = sel.toString();
-
- $('#redactor_link_url_text').val(text);
-
- var thref = self.location.href.replace(/\/$/i, '');
- url = url.replace(thref, '');
- url = url.replace(/^\/#/, '#');
- url = url.replace('mailto:', '');
-
- // remove host from href
- if (this.opts.linkProtocol === false)
- {
- var re = new RegExp('^(http|ftp|https)://' + self.location.host, 'i');
- url = url.replace(re, '');
- }
-
- // set url
- $('#redactor_link_url').val(url);
-
- if (target === '_blank')
- {
- $('#redactor_link_blank').prop('checked', true);
- }
-
- this.linkInsertPressed = false;
- $('#redactor_insert_link_btn').on('click', $.proxy(this.linkProcess, this));
-
-
- setTimeout(function()
- {
- $('#redactor_link_url').focus();
-
- }, 200);
-
- }, this);
-
- this.modalInit(this.opts.curLang.link, this.opts.modal_link, 460, callback);
-
- },
- linkProcess: function()
- {
- if (this.linkInsertPressed)
- {
- return;
- }
-
- this.linkInsertPressed = true;
- var target = '', targetBlank = '';
-
- var link = $('#redactor_link_url').val();
- var text = $('#redactor_link_url_text').val();
-
- // mailto
- if (link.search('@') != -1 && /(http|ftp|https):\/\//i.test(link) === false)
- {
- link = 'mailto:' + link;
- }
- // url, not anchor
- else if (link.search('#') != 0)
- {
- if ($('#redactor_link_blank').prop('checked'))
- {
- target = ' target="_blank"';
- targetBlank = '_blank';
- }
-
- // 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;
- }
- }
-
- text = text.replace(/<|>/g, '');
- var extra = ' ';
- if (this.browser('mozilla'))
- {
- extra = ' ';
- }
-
- this.linkInsert('<a href="' + link + '"' + target + '>' + text + '</a>' + extra, $.trim(text), link, targetBlank);
-
- },
- linkInsert: function (a, text, link, target)
- {
- this.selectionRestore();
-
- if (text !== '')
- {
- if (this.insert_link_node)
- {
- this.bufferSet();
-
- $(this.insert_link_node).text(text).attr('href', link);
-
- if (target !== '')
- {
- $(this.insert_link_node).attr('target', target);
- }
- else
- {
- $(this.insert_link_node).removeAttr('target');
- }
- }
- else
- {
- var $a = $(a).addClass('redactor-added-link');
- this.exec('inserthtml', this.outerHtml($a), false);
-
- var link = this.$editor.find('a.redactor-added-link');
-
- link.removeAttr('style').removeClass('redactor-added-link').each(function()
- {
- if (this.className == '') $(this).removeAttr('class');
- });
-
- }
-
- this.sync();
- }
-
- // link tooltip
- setTimeout($.proxy(function()
- {
- if (this.opts.observeLinks) this.observeLinks();
-
- }, this), 5);
-
- this.modalClose();
- },
-
- // FILE
- fileShow: function ()
- {
-
- this.selectionSave();
-
- var callback = $.proxy(function()
- {
- var sel = this.getSelection();
-
- var text = '';
- if (this.oldIE()) text = sel.text;
- else text = sel.toString();
-
- $('#redactor_filename').val(text);
-
- // dragupload
- if (!this.isMobile() && !this.isIPad())
- {
- this.draguploadInit('#redactor_file', {
- url: this.opts.fileUpload,
- uploadFields: this.opts.uploadFields,
- success: $.proxy(this.fileCallback, this),
- error: $.proxy( function(obj, json)
- {
- this.callback('fileUploadError', json);
-
- }, this),
- uploadParam: this.opts.fileUploadParam
- });
- }
-
- this.uploadInit('redactor_file', {
- auto: true,
- url: this.opts.fileUpload,
- success: $.proxy(this.fileCallback, this),
- error: $.proxy(function(obj, json)
- {
- this.callback('fileUploadError', json);
-
- }, this)
- });
-
- }, this);
-
- this.modalInit(this.opts.curLang.file, this.opts.modal_file, 500, callback);
- },
- fileCallback: function(json)
- {
-
- this.selectionRestore();
-
- if (json !== false)
- {
-
- var text = $('#redactor_filename').val();
- if (text === '') text = json.filename;
-
- var link = '<a href="' + json.filelink + '" id="filelink-marker">' + text + '</a>';
-
- // chrome fix
- if (this.browser('webkit') && !!this.window.chrome)
- {
- link = link + ' ';
- }
-
- this.execCommand('inserthtml', link, false);
-
- var linkmarker = $(this.$editor.find('a#filelink-marker'));
- if (linkmarker.size() != 0) linkmarker.removeAttr('id');
- else linkmarker = false;
-
- this.sync();
-
- // file upload callback
- this.callback('fileUpload', linkmarker, json);
- }
-
- this.modalClose();
- },
-
- // IMAGE
- imageShow: function()
- {
-
- this.selectionSave();
-
- var callback = $.proxy(function()
- {
- // json
- if (this.opts.imageGetJson)
- {
-
- $.getJSON(this.opts.imageGetJson, $.proxy(function(data)
- {
- var folders = {}, count = 0;
-
- // folders
- $.each(data, $.proxy(function(key, val)
- {
- if (typeof val.folder !== 'undefined')
- {
- count++;
- folders[val.folder] = count;
- }
-
- }, this));
-
- var folderclass = false;
- $.each(data, $.proxy(function(key, val)
- {
- // title
- var thumbtitle = '';
- if (typeof val.title !== 'undefined') thumbtitle = val.title;
-
- var folderkey = 0;
- if (!$.isEmptyObject(folders) && typeof val.folder !== 'undefined')
- {
- folderkey = folders[val.folder];
- if (folderclass === false) folderclass = '.redactorfolder' + folderkey;
- }
-
- var img = $('<img src="' + val.thumb + '" class="redactorfolder redactorfolder' + folderkey + '" rel="' + val.image + '" title="' + thumbtitle + '" />');
- $('#redactor_image_box').append(img);
- $(img).click($.proxy(this.imageThumbClick, this));
-
- }, this));
-
- // folders
- if (!$.isEmptyObject(folders))
- {
- $('.redactorfolder').hide();
- $(folderclass).show();
-
- var onchangeFunc = function(e)
- {
- $('.redactorfolder').hide();
- $('.redactorfolder' + $(e.target).val()).show();
- };
-
- var select = $('<select id="redactor_image_box_select">');
- $.each( folders, function(k, v)
- {
- select.append( $('<option value="' + v + '">' + k + '</option>'));
- });
-
- $('#redactor_image_box').before(select);
- select.change(onchangeFunc);
- }
}, this));
- }
- else
- {
- $('#redactor-tab-control-2').remove();
- }
-
- if (this.opts.imageUpload || this.opts.s3)
- {
- // dragupload
- if (!this.isMobile() && !this.isIPad() && this.opts.s3 === false)
- {
- if ($('#redactor_file' ).length)
- {
- this.draguploadInit('#redactor_file', {
- url: this.opts.imageUpload,
- uploadFields: this.opts.uploadFields,
- success: $.proxy(this.imageCallback, this),
- error: $.proxy(function(obj, json)
- {
- this.callback('imageUploadError', json);
-
- }, this),
- uploadParam: this.opts.imageUploadParam
- });
- }
- }
-
- if (this.opts.s3 === false)
- {
- // ajax upload
- this.uploadInit('redactor_file', {
- auto: true,
- url: this.opts.imageUpload,
- success: $.proxy(this.imageCallback, this),
- error: $.proxy(function(obj, json)
- {
- this.callback('imageUploadError', json);
-
- }, this)
- });
- }
- // s3 upload
- else
- {
- $('#redactor_file').on('change.redactor', $.proxy(this.s3handleFileSelect, this));
- }
-
- }
- else
- {
- $('.redactor_tab').hide();
- if (!this.opts.imageGetJson)
- {
- $('#redactor_tabs').remove();
- $('#redactor_tab3').show();
- }
- else
- {
- $('#redactor-tab-control-1').remove();
- $('#redactor-tab-control-2').addClass('redactor_tabs_act');
- $('#redactor_tab2').show();
- }
- }
-
- if (!this.opts.imageTabLink && (this.opts.imageUpload || this.opts.imageGetJson))
- {
- $('#redactor-tab-control-3').hide();
- }
-
- $('#redactor_upload_btn').click($.proxy(this.imageCallbackLink, this));
-
- if (!this.opts.imageUpload && !this.opts.imageGetJson)
- {
- setTimeout(function()
- {
- $('#redactor_file_link').focus();
-
- }, 200);
- }
-
- }, this);
-
- this.modalInit(this.opts.curLang.image, this.opts.modal_image, 610, callback);
-
- },
- imageEdit: function(image)
- {
- var $el = image;
- var parent = $el.parent().parent();
-
- var callback = $.proxy(function()
- {
- $('#redactor_file_alt').val($el.attr('alt'));
- $('#redactor_image_edit_src').attr('href', $el.attr('src'));
-
- if ($el.css('display') == 'block' && $el.css('float') == 'none')
- {
- $('#redactor_form_image_align').val('center');
- }
- else
- {
- $('#redactor_form_image_align').val($el.css('float'));
- }
-
- if ($(parent).get(0).tagName === 'A')
- {
- $('#redactor_file_link').val($(parent).attr('href'));
-
- if ($(parent).attr('target') == '_blank')
- {
- $('#redactor_link_blank').prop('checked', true);
- }
- }
-
- $('#redactor_image_delete_btn').click($.proxy(function()
- {
- this.imageRemove($el);
-
- }, this));
-
- $('#redactorSaveBtn').click($.proxy(function()
- {
- this.imageSave($el);
-
- }, this));
-
- }, this);
-
- this.modalInit(this.opts.curLang.edit, this.opts.modal_image_edit, 380, callback);
-
- },
- imageRemove: function(el)
- {
- var parentLink = $(el).parent().parent();
- var parent = $(el).parent();
- var parentEl = false;
-
- if (parentLink.length && parentLink[0].tagName === 'A')
- {
- parentEl = true;
- $(parentLink).remove();
- }
- else if (parent.length && parent[0].tagName === 'A')
- {
- parentEl = true;
- $(parent).remove();
- }
- else
- {
- $(el).remove();
- }
-
- if (parent.length && parent[0].tagName === 'P')
- {
- this.focusWithSaveScroll();
-
- if (parentEl === false) this.selectionStart(parent);
- }
-
- // delete callback
- this.callback('imageDelete', el);
-
- this.modalClose();
- this.sync();
- },
- imageSave: function(el)
- {
- this.imageResizeHide(false);
-
- var $el = $(el);
- var parent = $el.parent();
-
- $el.attr('alt', $('#redactor_file_alt').val());
-
- var floating = $('#redactor_form_image_align').val();
- var margin = '';
-
- if (floating === 'left')
- {
- margin = '0 ' + this.opts.imageFloatMargin + ' ' + this.opts.imageFloatMargin + ' 0';
- $el.css({ 'float': 'left', 'margin': margin });
- }
- else if (floating === 'right')
- {
- margin = '0 0 ' + this.opts.imageFloatMargin + ' ' + this.opts.imageFloatMargin + '';
- $el.css({ 'float': 'right', 'margin': margin });
- }
- else if (floating === 'center')
- {
- $el.css({ 'float': '', 'display': 'block', 'margin': 'auto' });
- }
- else
- {
- $el.css({ 'float': '', 'display': '', 'margin': '' });
- }
-
- // as link
- var link = $.trim($('#redactor_file_link').val());
- if (link !== '')
- {
- var target = false;
- if ($('#redactor_link_blank').prop('checked'))
- {
- target = true;
- }
-
- if (parent.get(0).tagName !== 'A')
- {
- var a = $('<a href="' + link + '">' + this.outerHtml(el) + '</a>');
-
- if (target)
- {
- a.attr('target', '_blank');
- }
-
- $el.replaceWith(a);
- }
- else
- {
- parent.attr('href', link);
- if (target)
- {
- parent.attr('target', '_blank');
- }
- else
- {
- parent.removeAttr('target');
- }
- }
- }
- else
- {
- if (parent.get(0).tagName === 'A')
- {
- parent.replaceWith(this.outerHtml(el));
- }
- }
-
- this.modalClose();
- this.observeImages();
- this.sync();
-
- },
- imageResizeHide: function(e)
- {
- if (e !== false && $(e.target).parent().size() != 0 && $(e.target).parent()[0].id === 'redactor-image-box')
- {
- return false;
- }
-
- var imageBox = this.$editor.find('#redactor-image-box');
- if (imageBox.size() == 0)
- {
- return false;
- }
-
- this.$editor.find('#redactor-image-editter, #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('click.redactor-image-resize-hide');
- this.$editor.off('click.redactor-image-resize-hide');
- this.$editor.off('keydown.redactor-image-delete');
-
- this.sync()
-
- },
- imageResize: function(image)
- {
- var $image = $(image);
-
- $image.on('mousedown', $.proxy(function()
- {
- this.imageResizeHide(false);
- }, this));
-
- $image.on('dragstart', $.proxy(function()
- {
- this.$editor.on('drop.redactor-image-inside-drop', $.proxy(function()
- {
setTimeout($.proxy(function()
{
- this.observeImages();
- this.$editor.off('drop.redactor-image-inside-drop');
- this.sync();
+ var html = this.$pasteBox.html();
+
+ this.$pasteBox.remove();
+
+ this.selection.restore();
+ this.utils.restoreScroll();
+
+ this.paste.insert(html);
+
+ $(window).off('scroll.redactor-freeze');
}, this), 1);
- },this));
- }, this));
-
- $image.on('click', $.proxy(function(e)
- {
- if (this.$editor.find('#redactor-image-box').size() != 0)
+ },
+ createPasteBox: function()
{
- return false;
+ this.$pasteBox = $('<div>').html(' ').attr('contenteditable', 'true').css({ position: 'fixed', width: 0, top: 0, left: '-9999px' });
+
+ $(document.body).append(this.$pasteBox);
+ this.$pasteBox.focus();
+ },
+ insert: function(html)
+ {
+ html = this.core.setCallback('pasteBefore', html);
+
+ // clean
+ html = (this.utils.isSelectAll()) ? this.clean.onPaste(html, false) : this.clean.onPaste(html);
+
+ html = this.core.setCallback('paste', html);
+
+ if (this.utils.isSelectAll())
+ {
+ this.insert.set(html, false);
+ }
+ else
+ {
+ this.insert.html(html, false);
+ }
+
+ this.utils.disableSelectAll();
+ this.rtePaste = false;
+
+ setTimeout($.proxy(this.clean.clearUnverified, this), 10);
+
}
-
- var clicked = false,
- start_x,
- start_y,
- ratio = $image.width() / $image.height(),
- min_w = 20,
- min_h = 10;
-
- var imageResizer = this.imageResizeControls($image);
-
- // resize
- var isResizing = false;
- if (imageResizer !== false)
+ };
+ },
+ keydown: function()
+ {
+ return {
+ init: function(e)
{
- imageResizer.on('mousedown', function(e)
+ if (this.rtePaste) return;
+
+ var key = e.which;
+ var arrow = (key >= 37 && key <= 40);
+
+ this.keydown.ctrl = e.ctrlKey || e.metaKey;
+ this.keydown.current = this.selection.getCurrent();
+ this.keydown.parent = this.selection.getParent();
+ this.keydown.block = this.selection.getBlock();
+
+ // detect tags
+ this.keydown.pre = this.utils.isTag(this.keydown.current, 'pre');
+ this.keydown.blockquote = this.utils.isTag(this.keydown.current, 'blockquote');
+ this.keydown.figcaption = this.utils.isTag(this.keydown.current, 'figcaption');
+
+ // shortcuts setup
+ this.shortcuts.init(e, key);
+
+ this.keydown.checkEvents(arrow, key);
+ this.keydown.setupBuffer(e, key);
+ this.keydown.addArrowsEvent(arrow);
+ this.keydown.setupSelectAll(e, key);
+
+ // callback
+ var keydownStop = this.core.setCallback('keydown', e);
+ if (keydownStop === false)
{
- isResizing = true;
e.preventDefault();
+ return false;
+ }
- ratio = $image.width() / $image.height();
-
- start_x = Math.round(e.pageX - $image.eq(0).offset().left);
- start_y = Math.round(e.pageY - $image.eq(0).offset().top);
-
- });
-
- $(this.document.body).on('mousemove', $.proxy(function(e)
+ // down
+ if (this.opts.enterKey && key === this.keyCode.DOWN)
{
- if (isResizing)
+ this.keydown.onArrowDown();
+ }
+
+ // turn off enter key
+ if (!this.opts.enterKey && key === this.keyCode.ENTER)
+ {
+ e.preventDefault();
+ // remove selected
+ if (!this.range.collapsed) this.range.deleteContents();
+ return;
+ }
+
+ // on enter
+ if (key == this.keyCode.ENTER && !e.shiftKey && !e.ctrlKey && !e.metaKey)
+ {
+ var stop = this.core.setCallback('enter', e);
+ if (stop === false)
{
- var mouse_x = Math.round(e.pageX - $image.eq(0).offset().left) - start_x;
- var mouse_y = Math.round(e.pageY - $image.eq(0).offset().top) - start_y;
+ e.preventDefault();
+ return false;
+ }
- var div_h = $image.height();
+ if (this.keydown.blockquote && this.keydown.exitFromBlockquote(e) === true)
+ {
+ return false;
+ }
- var new_h = parseInt(div_h, 10) + mouse_y;
- var new_w = Math.round(new_h * ratio);
+ var current, $next;
+ if (this.keydown.pre)
+ {
+ return this.keydown.insertNewLine(e);
+ }
+ else if (this.keydown.blockquote || this.keydown.figcaption)
+ {
+ current = this.selection.getCurrent();
+ $next = $(current).next();
- if (new_w > min_w)
+ if ($next.size() !== 0 && $next[0].tagName == 'BR')
{
- $image.width(new_w);
+ return this.keydown.insertBreakLine(e);
+ }
+ else if (this.utils.isEndOfElement() && (current && current != 'SPAN'))
+ {
+ return this.keydown.insertDblBreakLine(e);
+ }
+ else
+ {
+ return this.keydown.insertBreakLine(e);
+ }
+ }
+ else if (this.opts.linebreaks && !this.keydown.block)
+ {
+ current = this.selection.getCurrent();
+ $next = $(this.keydown.current).next();
- if (new_w < 100)
+ if (current !== false && $(current).hasClass('redactor-invisible-space'))
+ {
+ $(current).remove();
+ return this.keydown.insertDblBreakLine(e);
+ }
+ else
+ {
+ if (typeof $next[0] == 'undefined')
{
- this.imageEditter.css({
- marginTop: '-7px',
- marginLeft: '-13px',
- fontSize: '9px',
- padding: '3px 5px'
- });
+ return this.keydown.insertDblBreakLine(e);
}
else
{
- this.imageEditter.css({
- marginTop: '-11px',
- marginLeft: '-18px',
- fontSize: '11px',
- padding: '7px 10px'
- });
+ return this.keydown.insertBreakLine(e);
}
}
-
- start_x = Math.round(e.pageX - $image.eq(0).offset().left);
- start_y = Math.round(e.pageY - $image.eq(0).offset().top);
-
- this.sync()
}
- }, this)).on('mouseup', function()
- {
- isResizing = false;
- });
- }
-
-
- this.$editor.on('keydown.redactor-image-delete', $.proxy(function(e)
- {
- var key = e.which;
-
- if (this.keyCode.BACKSPACE == key || this.keyCode.DELETE == key)
- {
- this.bufferSet(false);
- this.imageResizeHide(false);
- this.imageRemove($image);
- }
-
- }, this));
-
- $(document).on('click.redactor-image-resize-hide', $.proxy(this.imageResizeHide, this));
- this.$editor.on('click.redactor-image-resize-hide', $.proxy(this.imageResizeHide, this));
-
-
- }, this));
- },
- imageResizeControls: function($image)
- {
- var imageBox = $('<span id="redactor-image-box" data-redactor="verified">');
- imageBox.css({
- position: 'relative',
- display: 'inline-block',
- lineHeight: 0,
- outline: '1px dashed rgba(0, 0, 0, .6)',
- 'float': $image.css('float')
- });
- imageBox.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);
-
- // editter
- this.imageEditter = $('<span id="redactor-image-editter" data-redactor="verified">' + this.opts.curLang.edit + '</span>');
- this.imageEditter.css({
- position: 'absolute',
- zIndex: 5,
- top: '50%',
- left: '50%',
- marginTop: '-11px',
- marginLeft: '-18px',
- lineHeight: 1,
- backgroundColor: '#000',
- color: '#fff',
- fontSize: '11px',
- padding: '7px 10px',
- cursor: 'pointer'
- });
- this.imageEditter.attr('contenteditable', false);
- this.imageEditter.on('click', $.proxy(function()
- {
- this.imageEdit($image);
- }, this));
- imageBox.append(this.imageEditter);
-
- // resizer
- if (this.opts.imageResizable)
- {
- var imageResizer = $('<span id="redactor-image-resizer" data-redactor="verified"></span>');
- imageResizer.css({
- position: 'absolute',
- zIndex: 2,
- lineHeight: 1,
- cursor: 'nw-resize',
- bottom: '-4px',
- right: '-5px',
- border: '1px solid #fff',
- backgroundColor: '#000',
- width: '8px',
- height: '8px'
- });
- imageResizer.attr('contenteditable', false);
- imageBox.append(imageResizer);
-
- imageBox.append($image);
-
- return imageResizer;
- }
- else
- {
- imageBox.append($image);
-
- return false;
- }
- },
- imageThumbClick: function(e)
- {
- var img = '<img id="image-marker" src="' + $(e.target).attr('rel') + '" alt="' + $(e.target).attr('title') + '" />';
-
- var parent = this.getParent();
- if (this.opts.paragraphy && $(parent).closest('li').size() == 0) img = '<p>' + img + '</p>';
-
- this.imageInsert(img, true);
- },
- imageCallbackLink: function()
- {
- var val = $('#redactor_file_link').val();
-
- if (val !== '')
- {
- var data = '<img id="image-marker" src="' + val + '" />';
- if (this.opts.linebreaks === false) data = '<p>' + data + '</p>';
-
- this.imageInsert(data, true);
-
- }
- else this.modalClose();
- },
- imageCallback: function(data)
- {
- this.imageInsert(data);
- },
- imageInsert: function(json, link)
- {
- this.selectionRestore();
-
- if (json !== false)
- {
- var html = '';
- if (link !== true)
- {
- html = '<img id="image-marker" src="' + json.filelink + '" />';
-
- var parent = this.getParent();
- if (this.opts.paragraphy && $(parent).closest('li').size() == 0)
- {
- html = '<p>' + html + '</p>';
- }
- }
- else
- {
- html = json;
- }
-
- this.execCommand('inserthtml', html, false);
-
- var image = $(this.$editor.find('img#image-marker'));
-
- if (image.length) image.removeAttr('id');
- else image = false;
-
- this.sync();
-
- // upload image callback
- link !== true && this.callback('imageUpload', image, json);
- }
-
- this.modalClose();
- this.observeImages();
- },
-
- // PROGRESS BAR
- buildProgressBar: function()
- {
- if ($('#redactor-progress').size() != 0) return;
-
- this.$progressBar = $('<div id="redactor-progress"><span></span></div>');
- $(document.body).append(this.$progressBar);
- },
- showProgressBar: function()
- {
- this.buildProgressBar();
- this.$progressBar.fadeIn();
- },
- hideProgressBar: function()
- {
- this.buildProgressBar();
- this.$progressBar.fadeOut(1500);
- },
-
- // MODAL
- modalTemplatesInit: function()
- {
- $.extend( this.opts,
- {
- modal_file: String()
- + '<section id="redactor-modal-file-insert">'
- + '<form id="redactorUploadFileForm" method="post" action="" enctype="multipart/form-data">'
- + '<label>' + this.opts.curLang.filename + '</label>'
- + '<input type="text" id="redactor_filename" class="redactor_input" />'
- + '<div style="margin-top: 7px;">'
- + '<input type="file" id="redactor_file" name="' + this.opts.fileUploadParam + '" />'
- + '</div>'
- + '</form>'
- + '</section>',
-
- modal_image_edit: String()
- + '<section id="redactor-modal-image-edit">'
- + '<label>' + this.opts.curLang.title + '</label>'
- + '<input type="text" id="redactor_file_alt" class="redactor_input" />'
- + '<label>' + this.opts.curLang.link + '</label>'
- + '<input type="text" id="redactor_file_link" class="redactor_input" />'
- + '<label><input type="checkbox" id="redactor_link_blank"> ' + this.opts.curLang.link_new_tab + '</label>'
- + '<label>' + this.opts.curLang.image_position + '</label>'
- + '<select id="redactor_form_image_align">'
- + '<option value="none">' + this.opts.curLang.none + '</option>'
- + '<option value="left">' + this.opts.curLang.left + '</option>'
- + '<option value="center">' + this.opts.curLang.center + '</option>'
- + '<option value="right">' + this.opts.curLang.right + '</option>'
- + '</select>'
- + '</section>'
- + '<footer>'
- + '<button id="redactor_image_delete_btn" class="redactor_modal_btn redactor_modal_delete_btn">' + this.opts.curLang._delete + '</button>'
- + '<button class="redactor_modal_btn redactor_btn_modal_close">' + this.opts.curLang.cancel + '</button>'
- + '<button id="redactorSaveBtn" class="redactor_modal_btn redactor_modal_action_btn">' + this.opts.curLang.save + '</button>'
- + '</footer>',
-
- modal_image: String()
- + '<section id="redactor-modal-image-insert">'
- + '<div id="redactor_tabs">'
- + '<a href="#" id="redactor-tab-control-1" class="redactor_tabs_act">' + this.opts.curLang.upload + '</a>'
- + '<a href="#" id="redactor-tab-control-2">' + this.opts.curLang.choose + '</a>'
- + '<a href="#" id="redactor-tab-control-3">' + this.opts.curLang.link + '</a>'
- + '</div>'
- + '<form id="redactorInsertImageForm" method="post" action="" enctype="multipart/form-data">'
- + '<div id="redactor_tab1" class="redactor_tab">'
- + '<input type="file" id="redactor_file" name="' + this.opts.imageUploadParam + '" />'
- + '</div>'
- + '<div id="redactor_tab2" class="redactor_tab" style="display: none;">'
- + '<div id="redactor_image_box"></div>'
- + '</div>'
- + '</form>'
- + '<div id="redactor_tab3" class="redactor_tab" style="display: none;">'
- + '<label>' + this.opts.curLang.image_web_link + '</label>'
- + '<input type="text" name="redactor_file_link" id="redactor_file_link" class="redactor_input" /><br><br>'
- + '</div>'
- + '</section>'
- + '<footer>'
- + '<button class="redactor_modal_btn redactor_btn_modal_close">' + this.opts.curLang.cancel + '</button>'
- + '<button class="redactor_modal_btn redactor_modal_action_btn" id="redactor_upload_btn">' + this.opts.curLang.insert + '</button>'
- + '</footer>',
-
- modal_link: String()
- + '<section id="redactor-modal-link-insert">'
- + '<select id="redactor-predefined-links" style="width: 99.5%; display: none;"></select>'
- + '<label>URL</label>'
- + '<input type="text" class="redactor_input" id="redactor_link_url" />'
- + '<label>' + this.opts.curLang.text + '</label>'
- + '<input type="text" class="redactor_input" id="redactor_link_url_text" />'
- + '<label><input type="checkbox" id="redactor_link_blank"> ' + this.opts.curLang.link_new_tab + '</label>'
- + '</section>'
- + '<footer>'
- + '<button class="redactor_modal_btn redactor_btn_modal_close">' + this.opts.curLang.cancel + '</button>'
- + '<button id="redactor_insert_link_btn" class="redactor_modal_btn redactor_modal_action_btn">' + this.opts.curLang.insert + '</button>'
- + '</footer>',
-
- modal_table: String()
- + '<section id="redactor-modal-table-insert">'
- + '<label>' + this.opts.curLang.rows + '</label>'
- + '<input type="text" size="5" value="2" id="redactor_table_rows" />'
- + '<label>' + this.opts.curLang.columns + '</label>'
- + '<input type="text" size="5" value="3" id="redactor_table_columns" />'
- + '</section>'
- + '<footer>'
- + '<button class="redactor_modal_btn redactor_btn_modal_close">' + this.opts.curLang.cancel + '</button>'
- + '<button id="redactor_insert_table_btn" class="redactor_modal_btn redactor_modal_action_btn">' + this.opts.curLang.insert + '</button>'
- + '</footer>',
-
- modal_video: String()
- + '<section id="redactor-modal-video-insert">'
- + '<form id="redactorInsertVideoForm">'
- + '<label>' + this.opts.curLang.video_html_code + '</label>'
- + '<textarea id="redactor_insert_video_area" style="width: 99%; height: 160px;"></textarea>'
- + '</form>'
- + '</section>'
- + '<footer>'
- + '<button class="redactor_modal_btn redactor_btn_modal_close">' + this.opts.curLang.cancel + '</button>'
- + '<button id="redactor_insert_video_btn" class="redactor_modal_btn redactor_modal_action_btn">' + this.opts.curLang.insert + '</button>'
- + '</footer>'
-
- });
- },
- modalInit: function(title, content, width, callback)
- {
- this.modalSetOverlay();
-
- this.$redactorModalWidth = width;
- this.$redactorModal = $('#redactor_modal');
-
- if (!this.$redactorModal.length)
- {
- this.$redactorModal = $('<div id="redactor_modal" style="display: none;" />');
- this.$redactorModal.append($('<div id="redactor_modal_close">×</div>'));
- this.$redactorModal.append($('<header id="redactor_modal_header" />'));
- this.$redactorModal.append($('<div id="redactor_modal_inner" />'));
- this.$redactorModal.appendTo(document.body);
- }
-
- $('#redactor_modal_close').on('click', $.proxy(this.modalClose, this));
- $(document).keyup($.proxy(this.modalCloseHandler, this));
- this.$editor.keyup($.proxy(this.modalCloseHandler, this));
-
- this.modalSetContent(content);
- this.modalSetTitle(title);
- this.modalSetDraggable();
- this.modalLoadTabs();
- this.modalOnCloseButton();
- this.modalSetButtonsWidth();
-
- this.saveModalScroll = this.document.body.scrollTop;
- if (this.opts.autoresize === false)
- {
- this.saveModalScroll = this.$editor.scrollTop();
- }
-
- if (this.isMobile() === false) this.modalShowOnDesktop();
- else this.modalShowOnMobile();
-
- // modal actions callback
- if (typeof callback === 'function')
- {
- callback();
- }
-
- // modal shown callback
- setTimeout($.proxy(function()
- {
- this.callback('modalOpened', this.$redactorModal);
-
- }, this), 11);
-
- // fix bootstrap modal focus
- $(document).off('focusin.modal');
-
- // enter
- this.$redactorModal.find('input[type=text]').on('keypress', $.proxy(function(e)
- {
- if (e.which === 13)
- {
- this.$redactorModal.find('.redactor_modal_action_btn').click();
- e.preventDefault();
- }
- }, this));
-
- return this.$redactorModal;
-
- },
- modalShowOnDesktop: function()
- {
- this.$redactorModal.css({
- position: 'fixed',
- top: '-2000px',
- left: '50%',
- width: this.$redactorModalWidth + 'px',
- marginLeft: '-' + (this.$redactorModalWidth / 2) + 'px'
- }).show();
-
- this.modalSaveBodyOveflow = $(document.body).css('overflow');
- $(document.body).css('overflow', 'hidden');
-
- setTimeout($.proxy(function()
- {
- var height = this.$redactorModal.outerHeight();
- this.$redactorModal.css({
- top: '50%',
- height: 'auto',
- minHeight: 'auto',
- marginTop: '-' + (height + 10) / 2 + 'px'
- });
- }, this), 15);
- },
- modalShowOnMobile: function()
- {
- this.$redactorModal.css({
- position: 'fixed',
- width: '100%',
- height: '100%',
- top: '0',
- left: '0',
- margin: '0',
- minHeight: '300px'
- }).show();
- },
- modalSetContent: function(content)
- {
- this.modalcontent = false;
- if (content.indexOf('#') == 0)
- {
- this.modalcontent = $(content);
- $('#redactor_modal_inner').empty().append(this.modalcontent.html());
- this.modalcontent.html('');
-
- }
- else
- {
- $('#redactor_modal_inner').empty().append(content);
- }
- },
- modalSetTitle: function(title)
- {
- this.$redactorModal.find('#redactor_modal_header').html(title);
- },
- modalSetButtonsWidth: function()
- {
- var buttons = this.$redactorModal.find('footer button').not('.redactor_modal_btn_hidden');
- var buttonsSize = buttons.size();
- if (buttonsSize > 0)
- {
- $(buttons).css('width', (this.$redactorModalWidth/buttonsSize) + 'px')
- }
- },
- modalOnCloseButton: function()
- {
- this.$redactorModal.find('.redactor_btn_modal_close').on('click', $.proxy(this.modalClose, this));
- },
- modalSetOverlay: function()
- {
- if (this.opts.modalOverlay)
- {
- this.$redactorModalOverlay = $('#redactor_modal_overlay');
- if (!this.$redactorModalOverlay.length)
- {
- this.$redactorModalOverlay = $('<div id="redactor_modal_overlay" style="display: none;"></div>');
- $('body').prepend(this.$redactorModalOverlay);
- }
-
- this.$redactorModalOverlay.show().on('click', $.proxy(this.modalClose, this));
- }
- },
- modalSetDraggable: function()
- {
- if (typeof $.fn.draggable !== 'undefined')
- {
- this.$redactorModal.draggable({ handle: '#redactor_modal_header' });
- this.$redactorModal.find('#redactor_modal_header').css('cursor', 'move');
- }
- },
- modalLoadTabs: function()
- {
- var $redactor_tabs = $('#redactor_tabs');
- if (!$redactor_tabs.length) return false;
-
- var that = this;
- $redactor_tabs.find('a').each(function(i, s)
- {
- i++;
- $(s).on('click', function(e)
- {
- e.preventDefault();
-
- $redactor_tabs.find('a').removeClass('redactor_tabs_act');
- $(this).addClass('redactor_tabs_act');
- $('.redactor_tab').hide();
- $('#redactor_tab' + i ).show();
- $('#redactor_tab_selected').val(i);
-
- if (that.isMobile() === false)
- {
- var height = that.$redactorModal.outerHeight();
- that.$redactorModal.css('margin-top', '-' + (height + 10) / 2 + 'px');
- }
- });
- });
-
- },
- modalCloseHandler: function(e)
- {
- if (e.keyCode === this.keyCode.ESC)
- {
- this.modalClose();
- return false;
- }
- },
- modalClose: function()
- {
- $('#redactor_modal_close').off('click', this.modalClose);
- $('#redactor_modal').fadeOut('fast', $.proxy(function()
- {
- var redactorModalInner = $('#redactor_modal_inner');
-
- if (this.modalcontent !== false)
- {
- this.modalcontent.html(redactorModalInner.html());
- this.modalcontent = false;
- }
-
- redactorModalInner.html('');
-
- if (this.opts.modalOverlay)
- {
- $('#redactor_modal_overlay').hide().off('click', this.modalClose);
- }
-
- $(document).unbind('keyup', this.hdlModalClose);
- this.$editor.unbind('keyup', this.hdlModalClose);
-
- this.selectionRestore();
-
- // restore scroll
- if (this.opts.autoresize && this.saveModalScroll)
- {
- $(this.document.body).scrollTop(this.saveModalScroll);
- }
- else if (this.opts.autoresize === false && this.saveModalScroll)
- {
- this.$editor.scrollTop(this.saveModalScroll);
- }
-
- this.callback('modalClosed');
-
- }, this));
-
-
- if (this.isMobile() === false)
- {
- $(document.body).css('overflow', this.modalSaveBodyOveflow ? this.modalSaveBodyOveflow : 'visible');
- }
-
- return false;
- },
- modalSetTab: function(num)
- {
- $('.redactor_tab').hide();
- $('#redactor_tabs').find('a').removeClass('redactor_tabs_act').eq(num - 1).addClass('redactor_tabs_act');
- $('#redactor_tab' + num).show();
- },
-
- // S3
- s3handleFileSelect: function(e)
- {
- var files = e.target.files;
-
- for (var i = 0, f; f = files[i]; i++)
- {
- this.s3uploadFile(f);
- }
- },
- s3uploadFile: function(file)
- {
- this.s3executeOnSignedUrl(file, $.proxy(function(signedURL)
- {
- this.s3uploadToS3(file, signedURL);
- }, this));
- },
- s3executeOnSignedUrl: function(file, callback)
- {
- var xhr = new XMLHttpRequest();
-
- var mark = '?';
- if (this.opts.s3.search(/\?/) != '-1') mark = '&';
-
- xhr.open('GET', this.opts.s3 + mark + 'name=' + file.name + '&type=' + file.type, true);
-
- // Hack to pass bytes through unprocessed.
- if (xhr.overrideMimeType) xhr.overrideMimeType('text/plain; charset=x-user-defined');
-
- var that = this;
- xhr.onreadystatechange = function(e)
- {
- if (this.readyState == 4 && this.status == 200)
- {
- that.showProgressBar();
- callback(decodeURIComponent(this.responseText));
- }
- else if(this.readyState == 4 && this.status != 200)
- {
- //setProgress(0, 'Could not contact signing script. Status = ' + this.status);
- }
- };
-
- xhr.send();
- },
- s3createCORSRequest: function(method, url)
- {
- var xhr = new XMLHttpRequest();
- if ("withCredentials" in xhr)
- {
- xhr.open(method, url, true);
- }
- else if (typeof XDomainRequest != "undefined")
- {
- xhr = new XDomainRequest();
- xhr.open(method, url);
- }
- else
- {
- xhr = null;
- }
-
- return xhr;
- },
- s3uploadToS3: function(file, url)
- {
- var xhr = this.s3createCORSRequest('PUT', url);
- if (!xhr)
- {
- //setProgress(0, 'CORS not supported');
- }
- else
- {
- xhr.onload = $.proxy(function()
- {
- if (xhr.status == 200)
- {
- //setProgress(100, 'Upload completed.');
-
- this.hideProgressBar();
-
- var s3image = url.split('?');
-
- if (!s3image[0])
+ else if (this.opts.linebreaks && this.keydown.block)
{
- // url parsing is fail
- return false;
+ setTimeout($.proxy(this.keydown.replaceDivToBreakLine, this), 1);
}
+ // paragraphs
+ else if (!this.opts.linebreaks && this.keydown.block)
+ {
+ setTimeout($.proxy(this.keydown.replaceDivToParagraph, this), 1);
+ }
+ else if (!this.opts.linebreaks && !this.keydown.block)
+ {
+ return this.keydown.insertParagraph(e);
+ }
+ }
- this.selectionRestore();
- var html = '';
- html = '<img id="image-marker" src="' + s3image[0] + '" />';
- if (this.opts.paragraphy) html = '<p>' + html + '</p>';
+ // Shift+Enter or Ctrl+Enter
+ if (key === this.keyCode.ENTER && (e.ctrlKey || e.shiftKey))
+ {
+ return this.keydown.onShiftEnter(e);
+ }
- this.execCommand('inserthtml', html, false);
- var image = $(this.$editor.find('img#image-marker'));
+ // tab or cmd + [
+ if (key === this.keyCode.TAB || e.metaKey && key === 221 || e.metaKey && key === 219)
+ {
+ return this.keydown.onTab(e, key);
+ }
- if (image.length) image.removeAttr('id');
- else image = false;
- this.sync();
+ // image delete and backspace
+ if (key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE)
+ {
+ var nodes = this.selection.getNodes();
+ if (nodes)
+ {
+ var len = nodes.length;
+ var last;
+ for (var i = 0; i < len; i++)
+ {
+ var children = $(nodes[i]).children('img');
+ if (children.size() !== 0)
+ {
+ var self = this;
+ $.each(children, function(z,s)
+ {
+ var $s = $(s);
+ if ($s.css('float') != 'none') return;
- // upload image callback
- this.callback('imageUpload', image, false);
+ // image delete callback
+ self.core.setCallback('imageDelete', s.src, $s);
+ last = s;
+ });
+ }
+ else if (nodes[i].tagName == 'IMG')
+ {
+ if (last != nodes[i])
+ {
+ // image delete callback
+ this.core.setCallback('imageDelete', nodes[i].src, $(nodes[i]));
+ last = nodes[i];
+ }
+ }
+ }
+ }
+ }
- this.modalClose();
- this.observeImages();
+ // backspace
+ if (key === this.keyCode.BACKSPACE)
+ {
+ this.keydown.removeInvisibleSpace();
+ this.keydown.removeEmptyListInTable(e);
+ }
+ this.code.sync();
+ },
+ checkEvents: function(arrow, key)
+ {
+ if (!arrow && (this.core.getEvent() == 'click' || this.core.getEvent() == 'arrow'))
+ {
+ this.core.addEvent(false);
+
+ if (this.keydown.checkKeyEvents(key))
+ {
+ this.buffer.set();
+ }
+ }
+ },
+ checkKeyEvents: function(key)
+ {
+ var k = this.keyCode;
+ var keys = [k.BACKSPACE, k.DELETE, k.ENTER, k.SPACE, k.ESC, k.TAB, k.CTRL, k.META, k.ALT, k.SHIFT];
+
+ return ($.inArray(key, keys) == -1) ? true : false;
+
+ },
+ addArrowsEvent: function(arrow)
+ {
+ if (!arrow) return;
+
+ if ((this.core.getEvent() == 'click' || this.core.getEvent() == 'arrow'))
+ {
+ this.core.addEvent(false);
+ return;
+ }
+
+ this.core.addEvent('arrow');
+ },
+ setupBuffer: function(e, key)
+ {
+ if (this.keydown.ctrl && key === 90 && !e.shiftKey && !e.altKey && this.opts.buffer.length) // z key
+ {
+ e.preventDefault();
+ this.buffer.undo();
+ return;
+ }
+ // undo
+ else if (this.keydown.ctrl && key === 90 && e.shiftKey && !e.altKey && this.opts.rebuffer.length !== 0)
+ {
+ e.preventDefault();
+ this.buffer.redo();
+ return;
+ }
+ else if (!this.keydown.ctrl)
+ {
+ if (key == this.keyCode.BACKSPACE || key == this.keyCode.DELETE || (key == this.keyCode.ENTER && !e.ctrlKey && !e.shiftKey) || key == this.keyCode.SPACE)
+ {
+ this.buffer.set();
+ }
+ }
+ },
+ setupSelectAll: function(e, key)
+ {
+ if (this.keydown.ctrl && key === 65)
+ {
+ this.utils.enableSelectAll();
+ }
+ else if (key != this.keyCode.LEFT_WIN && !this.keydown.ctrl)
+ {
+ this.utils.disableSelectAll();
+ }
+ },
+ onArrowDown: function()
+ {
+ var tags = [this.keydown.blockquote, this.keydown.pre, this.keydown.figcaption];
+
+ for (var i = 0; i < tags.length; i++)
+ {
+ if (tags[i])
+ {
+ this.keydown.insertAfterLastElement(tags[i]);
+ return false;
+ }
+ }
+ },
+ onShiftEnter: function(e)
+ {
+ this.buffer.set();
+
+ if (this.keydown.blockquote && this.utils.isEndOfElement())
+ {
+ return this.keydown.insertDblBreakLine(e);
+ }
+
+ return this.keydown.insertBreakLine(e);
+ },
+ onTab: function(e, key)
+ {
+ if (!this.opts.tabFocus) return true;
+ if (this.utils.isEmpty(this.code.get()) && this.opts.tabAsSpaces === false) return true;
+
+ e.preventDefault();
+
+ var node;
+ if (this.keydown.pre && !e.shiftKey)
+ {
+ node = (this.opts.preSpaces) ? document.createTextNode(Array(this.opts.preSpaces + 1).join('\u00a0')) : document.createTextNode('\t');
+ this.insert.node(node);
+ this.code.sync();
+ }
+ else if (this.opts.tabAsSpaces !== false)
+ {
+ node = document.createTextNode(Array(this.opts.tabAsSpaces + 1).join('\u00a0'));
+ this.insert.node(node);
+ this.code.sync();
}
else
{
- //setProgress(0, 'Upload error: ' + xhr.status);
+ if (e.metaKey && key === 219) this.indent.decrease();
+ else if (e.metaKey && key === 221) this.indent.increase();
+ else if (!e.shiftKey) this.indent.increase();
+ else this.indent.decrease();
}
- }, this);
- xhr.onerror = function()
+ return false;
+ },
+ replaceDivToBreakLine: function()
{
- //setProgress(0, 'XHR error.');
- };
-
- xhr.upload.onprogress = function(e)
- {
- /*
- if (e.lengthComputable)
+ var blockElem = this.selection.getBlock();
+ var blockHtml = blockElem.innerHTML.replace(/<br\s?\/?>/gi, '');
+ if ((blockElem.tagName === 'DIV' || blockElem.tagName === 'P') && blockHtml === '' && !$(blockElem).hasClass('redactor-editor'))
{
- var percentLoaded = Math.round((e.loaded / e.total) * 100);
- setProgress(percentLoaded, percentLoaded == 100 ? 'Finalizing.' : 'Uploading.');
- }
- */
- };
+ var br = document.createElement('br');
- xhr.setRequestHeader('Content-Type', file.type);
- xhr.setRequestHeader('x-amz-acl', 'public-read');
+ $(blockElem).replaceWith(br);
+ this.caret.setBefore(br);
- xhr.send(file);
- }
- },
+ this.code.sync();
- // UPLOAD
- uploadInit: function(el, options)
- {
- this.uploadOptions = {
- url: false,
- success: false,
- error: false,
- start: false,
- trigger: false,
- auto: false,
- input: false
- };
-
- $.extend(this.uploadOptions, options);
-
- var $el = $('#' + el);
-
- // Test input or form
- if ($el.length && $el[0].tagName === 'INPUT')
- {
- this.uploadOptions.input = $el;
- this.el = $($el[0].form);
- }
- else this.el = $el;
-
- this.element_action = this.el.attr('action');
-
- // Auto or trigger
- if (this.uploadOptions.auto)
- {
- $(this.uploadOptions.input).change($.proxy(function(e)
- {
- this.el.submit(function(e)
- {
return false;
- });
-
- this.uploadSubmit(e);
-
- }, this));
-
- }
- else if (this.uploadOptions.trigger)
- {
- $('#' + this.uploadOptions.trigger).click($.proxy(this.uploadSubmit, this));
- }
- },
- uploadSubmit: function(e)
- {
- this.showProgressBar();
- this.uploadForm(this.element, this.uploadFrame());
- },
- uploadFrame: function()
- {
- this.id = 'f' + Math.floor(Math.random() * 99999);
-
- var d = this.document.createElement('div');
- var iframe = '<iframe style="display:none" id="' + this.id + '" name="' + this.id + '"></iframe>';
-
- d.innerHTML = iframe;
- $(d).appendTo("body");
-
- // Start
- if (this.uploadOptions.start) this.uploadOptions.start();
-
- $( '#' + this.id ).load($.proxy(this.uploadLoaded, this));
-
- return this.id;
- },
- uploadForm: function(f, name)
- {
- if (this.uploadOptions.input)
- {
- var formId = 'redactorUploadForm' + this.id,
- fileId = 'redactorUploadFile' + this.id;
-
- this.form = $('<form action="' + this.uploadOptions.url + '" method="POST" target="' + name + '" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data" />');
-
- // append hidden fields
- if (this.opts.uploadFields !== false && typeof this.opts.uploadFields === 'object')
- {
- $.each(this.opts.uploadFields, $.proxy(function(k, v)
- {
- if (v != null && v.toString().indexOf('#') === 0) v = $(v).val();
-
- var hidden = $('<input/>', {
- 'type': "hidden",
- 'name': k,
- 'value': v
- });
-
- $(this.form).append(hidden);
-
- }, this));
- }
-
- var oldElement = this.uploadOptions.input;
- var newElement = $(oldElement).clone();
-
- $(oldElement).attr('id', fileId).before(newElement).appendTo(this.form);
-
- $(this.form).css('position', 'absolute')
- .css('top', '-2000px')
- .css('left', '-2000px')
- .appendTo('body');
-
- this.form.submit();
-
- }
- else
- {
- f.attr('target', name)
- .attr('method', 'POST')
- .attr('enctype', 'multipart/form-data')
- .attr('action', this.uploadOptions.url);
-
- this.element.submit();
- }
- },
- uploadLoaded: function()
- {
- var i = $( '#' + this.id)[0], d;
-
- if (i.contentDocument) d = i.contentDocument;
- else if (i.contentWindow) d = i.contentWindow.document;
- else d = window.frames[this.id].document;
-
- // Success
- if (this.uploadOptions.success)
- {
- this.hideProgressBar();
-
- if (typeof d !== 'undefined')
- {
- // Remove bizarre <pre> tag wrappers around our json data:
- var rawString = d.body.innerHTML;
- var jsonString = rawString.match(/\{(.|\n)*\}/)[0];
-
- jsonString = jsonString.replace(/^\[/, '');
- jsonString = jsonString.replace(/\]$/, '');
-
- var json = $.parseJSON(jsonString);
-
- if (typeof json.error == 'undefined') this.uploadOptions.success(json);
- else
- {
- this.uploadOptions.error(this, json);
- this.modalClose();
}
- }
- else
+ },
+ replaceDivToParagraph: function()
{
- this.modalClose();
- alert('Upload failed!');
- }
- }
-
- this.el.attr('action', this.element_action);
- this.el.attr('target', '');
- },
-
- // DRAGUPLOAD
- draguploadInit: function (el, options)
- {
- this.draguploadOptions = $.extend({
- url: false,
- success: false,
- error: false,
- preview: false,
- uploadFields: false,
- text: this.opts.curLang.drop_file_here,
- atext: this.opts.curLang.or_choose,
- uploadParam: false
- }, options);
-
- if (window.FormData === undefined) return false;
-
- this.droparea = $('<div class="redactor_droparea"></div>');
- this.dropareabox = $('<div class="redactor_dropareabox">' + this.draguploadOptions.text + '</div>');
- this.dropalternative = $('<div class="redactor_dropalternative">' + this.draguploadOptions.atext + '</div>');
-
- this.droparea.append(this.dropareabox);
-
- $(el).before(this.droparea);
- $(el).before(this.dropalternative);
-
- // drag over
- this.dropareabox.on('dragover', $.proxy(function()
- {
- return this.draguploadOndrag();
-
- }, this));
-
- // drag leave
- this.dropareabox.on('dragleave', $.proxy(function()
- {
- return this.draguploadOndragleave();
-
- }, this));
-
- // drop
- this.dropareabox.get(0).ondrop = $.proxy(function(e)
- {
- e.preventDefault();
-
- this.dropareabox.removeClass('hover').addClass('drop');
- this.showProgressBar();
- this.dragUploadAjax(this.draguploadOptions.url, e.dataTransfer.files[0], false, e, this.draguploadOptions.uploadParam);
-
- }, this );
- },
- dragUploadAjax: function(url, file, directupload, e, uploadParam)
- {
- if (!directupload)
- {
- var xhr = $.ajaxSettings.xhr();
- if (xhr.upload)
- {
- xhr.upload.addEventListener('progress', $.proxy(this.uploadProgress, this), false);
- }
-
- $.ajaxSetup({
- xhr: function () { return xhr; }
- });
- }
-
- // drop callback
- this.callback('drop', e);
-
- var fd = new FormData();
-
- // append file data
- if (uploadParam !== false)
- {
- fd.append(uploadParam, file);
- }
- else
- {
- fd.append('file', file);
- }
-
- // append hidden fields
- if (this.opts.uploadFields !== false && typeof this.opts.uploadFields === 'object')
- {
- $.each(this.opts.uploadFields, $.proxy(function(k, v)
- {
- if (v != null && v.toString().indexOf('#') === 0) v = $(v).val();
- fd.append(k, v);
-
- }, this));
- }
-
- $.ajax({
- url: url,
- dataType: 'html',
- data: fd,
- cache: false,
- contentType: false,
- processData: false,
- type: 'POST',
- success: $.proxy(function(data)
- {
- data = data.replace(/^\[/, '');
- data = data.replace(/\]$/, '');
-
- var json = (typeof data === 'string' ? $.parseJSON(data) : data);
-
- this.hideProgressBar();
-
- if (directupload)
+ var blockElem = this.selection.getBlock();
+ var blockHtml = blockElem.innerHTML.replace(/<br\s?\/?>/gi, '');
+ if (blockElem.tagName === 'DIV' && blockHtml === '' && !$(blockElem).hasClass('redactor-editor'))
{
- var $img = $('<img>');
- $img.attr('src', json.filelink).attr('id', 'drag-image-marker');
+ var p = document.createElement('p');
+ p.innerHTML = this.opts.invisibleSpace;
- this.insertNodeToCaretPositionFromPoint(e, $img[0]);
+ $(blockElem).replaceWith(p);
+ this.caret.setStart(p);
- var image = $(this.$editor.find('img#drag-image-marker'));
- if (image.length) image.removeAttr('id');
- else image = false;
+ this.code.sync();
- this.sync();
- this.observeImages();
-
- // upload callback
- if (image) this.callback('imageUpload', image, json);
-
- // error callback
- if (typeof json.error !== 'undefined') this.callback('imageUploadError', json);
+ return false;
}
- else
+ else if (this.opts.cleanStyleOnEnter && blockElem.tagName == 'P')
{
- if (typeof json.error == 'undefined')
+ $(blockElem).removeAttr('class').removeAttr('style');
+ }
+ },
+ insertParagraph: function(e)
+ {
+ e.preventDefault();
+
+ this.selection.get();
+
+ var p = document.createElement('p');
+ p.innerHTML = this.opts.invisibleSpace;
+
+ this.range.deleteContents();
+ this.range.insertNode(p);
+
+ this.caret.setStart(p);
+
+ this.code.sync();
+
+ return false;
+ },
+ exitFromBlockquote: function(e)
+ {
+ if (!this.utils.isEndOfElement()) return;
+
+ var tmp = $.trim($(this.keydown.block).html());
+ if (tmp.search(/(<br\s?\/?>){2}$/i) != -1)
+ {
+ e.preventDefault();
+
+ if (this.opts.linebreaks)
{
- this.draguploadOptions.success(json);
+ var br = document.createElement('br');
+ $(this.keydown.blockquote).after(br);
+
+ this.caret.setBefore(br);
+ $(this.keydown.block).html(tmp.replace(/<br\s?\/?>$/i, ''));
}
else
{
- this.draguploadOptions.error(this, json);
- this.draguploadOptions.success(false);
+ var node = $(this.opts.emptyHtml);
+ $(this.keydown.blockquote).after(node);
+ this.caret.setStart(node);
+ }
+
+ return true;
+
+ }
+
+ return;
+
+ },
+ insertAfterLastElement: function(element)
+ {
+ if (!this.utils.isEndOfElement()) return;
+
+ this.buffer.set();
+
+ if (this.opts.linebreaks)
+ {
+ var contents = $('<div>').append($.trim(this.$editor.html())).contents();
+ var last = contents.last()[0];
+ if (last.tagName == 'SPAN' && last.innerHTML === '')
+ {
+ last = contents.prev()[0];
+ }
+
+ if (this.utils.getOuterHtml(last) != this.utils.getOuterHtml(element)) return;
+
+ var br = document.createElement('br');
+ $(element).after(br);
+ this.caret.setAfter(br);
+
+ }
+ else
+ {
+ if (this.$editor.contents().last()[0] !== element) return;
+
+ var node = $(this.opts.emptyHtml);
+ $(element).after(node);
+ this.caret.setStart(node);
+ }
+ },
+ insertNewLine: function(e)
+ {
+ e.preventDefault();
+
+ var node = document.createTextNode('\n');
+
+ this.selection.get();
+
+ this.range.deleteContents();
+ this.range.insertNode(node);
+
+ this.caret.setAfter(node);
+
+ this.code.sync();
+
+ return false;
+ },
+ insertBreakLine: function(e)
+ {
+ return this.keydown.insertBreakLineProcessing(e);
+ },
+ insertDblBreakLine: function(e)
+ {
+ return this.keydown.insertBreakLineProcessing(e, true);
+ },
+ insertBreakLineProcessing: function(e, dbl)
+ {
+ e.stopPropagation();
+
+ this.selection.get();
+ var br1 = document.createElement('br');
+
+ this.range.deleteContents();
+ this.range.insertNode(br1);
+
+ if (dbl === true)
+ {
+ var br2 = document.createElement('br');
+ this.range.insertNode(br2);
+ this.caret.setAfter(br2);
+ }
+ else
+ {
+ this.caret.setAfter(br1);
+ }
+
+ this.code.sync();
+
+ return false;
+ },
+ removeInvisibleSpace: function()
+ {
+ var $current = $(this.keydown.current);
+ if ($current.text().search(/^\u200B$/g) === 0)
+ {
+ $current.remove();
+ }
+ },
+ removeEmptyListInTable: function(e)
+ {
+ var $current = $(this.keydown.current);
+ var $parent = $(this.keydown.parent);
+ var td = $current.closest('td');
+
+ if (td.size() !== 0 && $current.closest('li') && $parent.children('li').size() === 1)
+ {
+ if (!this.utils.isEmpty($current.text())) return;
+
+ e.preventDefault();
+
+ $current.remove();
+ $parent.remove();
+
+ this.caret.setStart(td);
+ }
+ }
+ };
+ },
+ keyup: function()
+ {
+ return {
+ init: function(e)
+ {
+ if (this.rtePaste) return;
+
+ var key = e.which;
+
+ this.keyup.current = this.selection.getCurrent();
+ this.keyup.parent = this.selection.getParent();
+ var $parent = this.utils.isRedactorParent($(this.keyup.parent).parent());
+
+ // callback
+ var keyupStop = this.core.setCallback('keyup', e);
+ if (keyupStop === false)
+ {
+ e.preventDefault();
+ return false;
+ }
+
+ // replace to p before / after the table or body
+ if (!this.opts.linebreaks && this.keyup.current.nodeType == 3 && this.keyup.current.length <= 1 && (this.keyup.parent === false || this.keyup.parent.tagName == 'BODY'))
+ {
+ this.keyup.replaceToParagraph();
+ }
+
+ if ($(this.keyup.parent).hasClass('redactor-invisible-space') && ($parent === false || $parent[0].tagName == 'BODY'))
+ {
+ $(this.keyup.parent).contents().unwrap();
+ this.keyup.replaceToParagraph();
+ }
+
+ // linkify
+ if (this.opts.convertLinks && (this.opts.convertUrlLinks || this.opts.convertImageLinks || this.opts.convertVideoLinks) && key === this.keyCode.ENTER)
+ {
+ this.formatLinkify(this.opts.linkProtocol, this.opts.convertLinks, this.opts.convertUrlLinks, this.opts.convertImageLinks, this.opts.convertVideoLinks, this.opts.linkSize);
+
+ this.observe.load();
+ this.code.sync();
+ }
+
+ if (key === this.keyCode.DELETE || key === this.keyCode.BACKSPACE)
+ {
+ // clear unverified
+ this.clean.clearUnverified();
+
+ if (this.observe.image)
+ {
+ e.preventDefault();
+
+ this.image.hideResize();
+
+ this.buffer.set();
+ this.image.remove(this.observe.image);
+ this.observe.image = false;
+
+ return false;
+ }
+
+ // remove empty paragraphs
+ this.$editor.find('p').each($.proxy(this.utils.removeEmpty, this));
+
+ // remove invisible space
+ if (this.keyup.current && this.keyup.current.tagName == 'DIV' && this.utils.isEmpty(this.keyup.current.innerHTML))
+ {
+ if (this.opts.linebreaks)
+ {
+ $(this.keyup.current).after(this.selection.getMarkerAsHtml());
+ this.selection.restore();
+ $(this.keyup.current).remove();
+ }
+ }
+
+ // if empty
+ return this.keyup.formatEmpty(e);
+ }
+ },
+ replaceToParagraph: function()
+ {
+ var $current = $(this.keyup.current);
+ var node = $('<p>').append($current.clone());
+ $current.replaceWith(node);
+ var next = $(node).next();
+ if (typeof(next[0]) !== 'undefined' && next[0].tagName == 'BR')
+ {
+ next.remove();
+ }
+
+ this.caret.setEnd(node);
+ },
+ formatEmpty: function(e)
+ {
+ var html = $.trim(this.$editor.html());
+
+ if (!this.utils.isEmpty(html)) return;
+
+ e.preventDefault();
+
+ if (this.opts.linebreaks)
+ {
+ this.$editor.html(this.selection.getMarkerAsHtml());
+ this.selection.restore();
+ }
+ else
+ {
+ html = '<p><br /></p>';
+
+ this.$editor.html(html);
+ this.focus.setStart();
+ }
+
+ this.code.sync();
+
+ return false;
+ }
+ };
+ },
+ shortcuts: function()
+ {
+ return {
+ init: function(e, key)
+ {
+ // disable browser's hot keys for bold and italic
+ if (!this.opts.shortcuts)
+ {
+ if ((e.ctrlKey || e.metaKey) && (key === 66 || key === 73)) e.preventDefault();
+ return false;
+ }
+
+ $.each(this.opts.shortcuts, $.proxy(function(str, command)
+ {
+ var keys = str.split(',');
+ var len = keys.length;
+ for (var i = 0; i < len; i++)
+ {
+ if (typeof keys[i] === 'string')
+ {
+ this.shortcuts.handler(e, $.trim(keys[i]), $.proxy(function()
+ {
+ var func;
+ if (command.func.search(/\./) != '-1')
+ {
+ func = command.func.split('.');
+ if (typeof this[func[0]] != 'undefined')
+ {
+ this[func[0]][func[1]].apply(this, command.params);
+ }
+ }
+ else
+ {
+ this[command.func].apply(this, command.params);
+ }
+
+ }, this));
+ }
+
+ }
+
+ }, this));
+ },
+ handler: function(e, keys, origHandler)
+ {
+ // based on https://github.com/jeresig/jquery.hotkeys
+ var hotkeysSpecialKeys =
+ {
+ 8: "backspace", 9: "tab", 10: "return", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause",
+ 20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home",
+ 37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", 59: ";", 61: "=",
+ 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7",
+ 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111 : "/",
+ 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8",
+ 120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 173: "-", 186: ";", 187: "=",
+ 188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\", 221: "]", 222: "'"
+ };
+
+
+ var hotkeysShiftNums =
+ {
+ "`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&",
+ "8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": "\"", ",": "<",
+ ".": ">", "/": "?", "\\": "|"
+ };
+
+ keys = keys.toLowerCase().split(" ");
+ var special = hotkeysSpecialKeys[e.keyCode],
+ character = String.fromCharCode( e.which ).toLowerCase(),
+ modif = "", possible = {};
+
+ $.each([ "alt", "ctrl", "meta", "shift"], function(index, specialKey)
+ {
+ if (e[specialKey + 'Key'] && special !== specialKey)
+ {
+ modif += specialKey + '+';
+ }
+ });
+
+
+ if (special) possible[modif + special] = true;
+ if (character)
+ {
+ possible[modif + character] = true;
+ possible[modif + hotkeysShiftNums[character]] = true;
+
+ // "$" can be triggered as "Shift+4" or "Shift+$" or just "$"
+ if (modif === "shift+")
+ {
+ possible[hotkeysShiftNums[character]] = true;
}
}
- }, this)
- });
- },
- draguploadOndrag: function()
- {
- this.dropareabox.addClass('hover');
- return false;
- },
- draguploadOndragleave: function()
- {
- this.dropareabox.removeClass('hover');
- return false;
- },
- uploadProgress: function(e, text)
- {
- var percent = e.loaded ? parseInt(e.loaded / e.total * 100, 10) : e;
- this.dropareabox.text('Loading ' + percent + '% ' + (text || ''));
- },
-
- // UTILS
- isMobile: function()
- {
- return /(iPhone|iPod|BlackBerry|Android)/.test(navigator.userAgent);
- },
- isIPad: function()
- {
- return /iPad/.test(navigator.userAgent);
- },
- normalize: function(str)
- {
- if (typeof(str) === 'undefined') return 0;
- return parseInt(str.replace('px',''), 10);
- },
- outerHtml: function(el)
- {
- return $('<div>').append($(el).eq(0).clone()).html();
- },
- stripHtml: function(html)
- {
- var tmp = document.createElement("DIV");
- tmp.innerHTML = html;
- return tmp.textContent || tmp.innerText || "";
- },
- isString: function(obj)
- {
- return Object.prototype.toString.call(obj) == '[object String]';
- },
- isEmpty: function(html)
- {
- html = html.replace(/|<br>|<br\/>| /gi, '');
- html = html.replace(/\s/g, '');
- html = html.replace(/^<p>[^\W\w\D\d]*?<\/p>$/i, '');
-
- return html == '';
- },
- getInternetExplorerVersion: function()
- {
- var rv = false;
- if (navigator.appName == 'Microsoft Internet Explorer')
- {
- var ua = navigator.userAgent;
- var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
- if (re.exec(ua) != null)
- {
- rv = parseFloat(RegExp.$1);
+ for (var i = 0, len = keys.length; i < len; i++)
+ {
+ if (possible[keys[i]])
+ {
+ e.preventDefault();
+ return origHandler.apply(this, arguments);
+ }
+ }
}
- }
-
- return rv;
+ };
},
- isIe11: function()
+ line: function()
{
- return !!navigator.userAgent.match(/Trident\/7\./);
+ return {
+ insert: function()
+ {
+ this.buffer.set();
+
+ var blocks = this.selection.getBlocks();
+ if (blocks[0] !== false && this.line.isExceptLastOrFirst(blocks))
+ {
+ if (!this.utils.browser('msie')) this.$editor.focus();
+ return;
+ }
+
+ if (this.utils.browser('msie'))
+ {
+ this.line.insertInIe();
+ }
+ else
+ {
+ this.line.insertInOthersBrowsers();
+ }
+ },
+ isExceptLastOrFirst: function(blocks)
+ {
+ var exceptTags = ['li', 'td', 'th', 'blockquote', 'figcaption', 'pre', 'dl', 'dt', 'dd'];
+
+ var first = blocks[0].tagName.toLowerCase();
+ var last = this.selection.getLastBlock();
+
+ last = (typeof last == 'undefined') ? first : last.tagName.toLowerCase();
+
+ var firstFound = $.inArray(first, exceptTags) != -1;
+ var lastFound = $.inArray(last, exceptTags) != -1;
+
+ if ((firstFound && lastFound) || firstFound)
+ {
+ return true;
+ }
+ },
+ insertInIe: function()
+ {
+ this.utils.saveScroll();
+ this.buffer.set();
+
+ this.insert.node(document.createElement('hr'));
+
+ this.utils.restoreScroll();
+ this.code.sync();
+ },
+ insertInOthersBrowsers: function()
+ {
+ this.buffer.set();
+
+ var extra = '<p id="redactor-insert-line"><br /></p>';
+ if (this.opts.linebreaks) extra = '<br id="redactor-insert-line">';
+
+ document.execCommand('insertHTML', false, '<hr>' + extra);
+
+ this.line.setFocus();
+ this.code.sync();
+ },
+ setFocus: function()
+ {
+ var node = this.$editor.find('#redactor-insert-line');
+ var next = $(node).next()[0];
+
+ if (next)
+ {
+ this.caret.setAfter(node);
+ node.remove();
+ }
+ else
+ {
+ node.removeAttr('id');
+ }
+ }
+ };
},
- browser: function(browser)
+ list: function()
{
- var ua = navigator.userAgent.toLowerCase();
- var match = /(opr)[\/]([\w.]+)/.exec( ua ) ||
- /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
- /(webkit)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec(ua) ||
- /(webkit)[ \/]([\w.]+)/.exec( ua ) ||
- /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
- /(msie) ([\w.]+)/.exec( ua ) ||
- ua.indexOf("trident") >= 0 && /(rv)(?::| )([\w.]+)/.exec( ua ) ||
- ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
- [];
+ return {
+ toggle: function(cmd)
+ {
+ if (!this.utils.browser('msie')) this.$editor.focus();
- if (browser == 'version') return match[2];
- if (browser == 'webkit') return (match[1] == 'chrome' || match[1] == 'webkit');
- if (match[1] == 'rv') return browser == 'msie';
- if (match[1] == 'opr') return browser == 'webkit';
+ this.buffer.set();
+ this.selection.save();
- return browser == match[1];
+ var parent = this.selection.getParent();
+ var $list = $(parent).closest('ol, ul');
+ if (!this.utils.isRedactorParent($list) && $list.size() !== 0)
+ {
+ $list = false;
+ }
+
+ var isUnorderedCmdOrdered, isOrderedCmdUnordered;
+ var remove = false;
+ if ($list && $list.length)
+ {
+ remove = true;
+ var listTag = $list[0].tagName;
+
+ isUnorderedCmdOrdered = (cmd === 'orderedlist' && listTag === 'UL');
+ isOrderedCmdUnordered = (cmd === 'unorderedlist' && listTag === 'OL');
+ }
+
+ if (isUnorderedCmdOrdered)
+ {
+ this.utils.replaceToTag($list, 'ol');
+ }
+ else if (isOrderedCmdUnordered)
+ {
+ this.utils.replaceToTag($list, 'ul');
+ }
+ else
+ {
+ if (remove)
+ {
+ this.list.remove(cmd);
+ }
+ else
+ {
+ this.list.insert(cmd);
+ }
+ }
+
+
+ this.selection.restore();
+ this.code.sync();
+ },
+ insert: function(cmd)
+ {
+ if (this.utils.browser('msie') && this.opts.linebreaks)
+ {
+ this.list.insertInIe(cmd);
+ }
+ else
+ {
+ document.execCommand('insert' + cmd);
+ }
+
+ var parent = this.selection.getParent();
+ var $list = $(parent).closest('ol, ul');
+
+ if (!this.opts.linebreaks && this.utils.isEmpty($list.find('li').text()))
+ {
+ var $children = $list.children('li');
+ $children.find('br').remove();
+ $children.append(this.selection.getMarkerAsHtml());
+ }
+
+ if ($list.length)
+ {
+ // remove block-element list wrapper
+ var $listParent = $list.parent();
+ if (this.utils.isRedactorParent($listParent) && $listParent[0].tagName != 'LI' && this.utils.isBlock($listParent[0]))
+ {
+ $listParent.replaceWith($listParent.contents());
+ }
+ }
+
+ if (!this.utils.browser('msie'))
+ {
+ this.$editor.focus();
+ }
+
+ this.clean.clearUnverified();
+ },
+ insertInIe: function(cmd)
+ {
+ var wrapper = this.selection.wrap('div');
+ var wrapperHtml = $(wrapper).html();
+
+ var tmpList = (cmd == 'orderedlist') ? $('<ol>') : $('<ul>');
+ var tmpLi = $('<li>');
+
+ if ($.trim(wrapperHtml) === '')
+ {
+ tmpLi.append(this.selection.getMarkerAsHtml());
+ tmpList.append(tmpLi);
+ this.$editor.find('#selection-marker-1').replaceWith(tmpList);
+ }
+ else
+ {
+ var items = wrapperHtml.split(/<br\s?\/?>/gi);
+ if (items)
+ {
+ for (var i = 0; i < items.length; i++)
+ {
+ if ($.trim(items[i]) !== '')
+ {
+ tmpList.append($('<li>').html(items[i]));
+ }
+ }
+ }
+ else
+ {
+ tmpLi.append(wrapperHtml);
+ tmpList.append(tmpLi);
+ }
+
+ $(wrapper).replaceWith(tmpList);
+ }
+ },
+ remove: function(cmd)
+ {
+ document.execCommand('insert' + cmd);
+
+ var $current = $(this.selection.getCurrent());
+
+ this.indent.fixEmptyIndent();
+
+ if (!this.opts.linebreaks && $current.closest('li, th, td').size() === 0)
+ {
+ document.execCommand('formatblock', false, 'p');
+ this.$editor.find('ul, ol, blockquote, p').each($.proxy(this.utils.removeEmpty, this));
+ }
+
+ var $table = $(this.selection.getCurrent()).closest('table');
+ var $prev = $table.prev();
+ if (!this.opts.linebreaks && $table.size() !== 0 && $prev.size() !== 0 && $prev[0].tagName == 'BR')
+ {
+ $prev.remove();
+ }
+
+ this.clean.clearUnverified();
+
+ }
+ };
},
- oldIE: function()
+ block: function()
{
- if (this.browser('msie') && parseInt(this.browser('version'), 10) < 9) return true;
- return false;
+ return {
+ formatting: function(name)
+ {
+ 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 (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();
+
+ 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();
+
+ },
+ 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)
+ {
+ 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)
+ {
+ if (!this.opts.linebreaks && tag == 'p')
+ {
+ 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).prepend('<br>').append('<br>');
+ this.utils.replaceWithContents(block);
+ }
+ else
+ {
+ var $formatted = this.utils.replaceToTag(block, tag);
+
+ this.block.toggle($formatted);
+
+ if (tag != 'p' && tag != 'blockquote') $formatted.find('img').remove();
+ if (this.block.isRemoveInline) this.utils.removeInlineTags($formatted);
+ if (tag == 'p' || this.block.headTag) $formatted.find('p').contents().unwrap();
+ }
+ }
+ else if (tag == 'blockquote' && block.tagName.toLowerCase() == tag)
+ {
+ // blockquote off
+ if (this.opts.linebreaks)
+ {
+ $(block).prepend('<br>').append('<br>');
+ this.utils.replaceWithContents(block);
+ }
+ else
+ {
+ var $el = this.utils.replaceToTag(block, 'p');
+ this.block.toggle($el);
+ }
+ }
+ else if (block.tagName.toLowerCase() == tag)
+ {
+ this.block.toggle($(block));
+ }
+
+ },
+ setMultiple: function(tag)
+ {
+ var block = this.block.blocks[0];
+ var isContainerTable = (this.block.containerTag == 'TD' || this.block.containerTag == 'TH');
+
+ if (block !== false && this.block.blocksSize === 1)
+ {
+ if (block.tagName.toLowerCase() == tag && tag == 'blockquote')
+ {
+ // blockquote off
+ if (this.opts.linebreaks)
+ {
+ $(block).prepend('<br>').append('<br>');
+ this.utils.replaceWithContents(block);
+ }
+ else
+ {
+ var $el = this.utils.replaceToTag(block, 'p');
+ this.block.toggle($el);
+ }
+ }
+ else if (block.tagName == 'LI')
+ {
+ if (tag != 'blockquote') return;
+
+ this.block.formatListToBlockquote();
+ }
+ else if (this.block.containerTag == 'BLOCKQUOTE')
+ {
+ this.block.formatBlockquote(tag);
+ }
+ else if (this.opts.linebreaks && ((isContainerTable) || (this.range.commonAncestorContainer != block)))
+ {
+ this.block.formatWrap(tag);
+ }
+ else
+ {
+ if (this.opts.linebreaks && tag == 'p')
+ {
+ $(block).prepend('<br>').append('<br>');
+ this.utils.replaceWithContents(block);
+ }
+ else
+ {
+
+ var $formatted = this.utils.replaceToTag(block, tag);
+
+ this.block.toggle($formatted);
+
+ if (this.block.isRemoveInline) this.utils.removeInlineTags($formatted);
+ if (tag == 'p' || this.block.headTag) $formatted.find('p').contents().unwrap();
+ }
+ }
+ }
+ else
+ {
+ if (this.opts.linebreaks || tag != 'p')
+ {
+ if (tag == 'blockquote')
+ {
+ var count = 0;
+ for (var i = 0; i < this.block.blocksSize; i++)
+ {
+ if (this.block.blocks[i].tagName == 'BLOCKQUOTE') count++;
+ }
+
+ // only blockquote selected
+ if (count == this.block.blocksSize)
+ {
+ $.each(this.block.blocks, $.proxy(function(i,s)
+ {
+ if (this.opts.linebreaks)
+ {
+ $(s).prepend('<br>').append('<br>');
+ this.utils.replaceWithContents(s);
+ }
+ else
+ {
+ this.utils.replaceToTag(s, 'p');
+ }
+
+ }, this));
+
+ return;
+ }
+
+ }
+
+ this.block.formatWrap(tag);
+ }
+ else
+ {
+ var classSize = 0;
+ var toggleType = false;
+ if (this.block.type == 'class')
+ {
+ toggleType = 'toggle';
+ classSize = $(this.block.blocks).filter('.' + this.block.value).size();
+
+ if (this.block.blocksSize == classSize) toggleType = 'toggle';
+ else if (this.block.blocksSize > classSize) toggleType = 'set';
+ else if (classSize === 0) toggleType = 'set';
+
+ }
+
+ var exceptTags = ['ul', 'ol', 'li', 'td', 'th', 'dl', 'dt', 'dd'];
+ $.each(this.block.blocks, $.proxy(function(i,s)
+ {
+ if ($.inArray(s.tagName.toLowerCase(), exceptTags) != -1) return;
+
+ var $formatted = this.utils.replaceToTag(s, tag);
+
+ if (toggleType)
+ {
+ if (toggleType == 'toggle') this.block.toggle($formatted);
+ else if (toggleType == 'remove') this.block.remove($formatted);
+ else if (toggleType == 'set') this.block.set2($formatted);
+ }
+ else this.block.toggle($formatted);
+
+ if (tag != 'p' && tag != 'blockquote') $formatted.find('img').remove();
+ if (this.block.isRemoveInline) this.utils.removeInlineTags($formatted);
+ if (tag == 'p' || this.block.headTag) $formatted.find('p').contents().unwrap();
+
+
+ }, this));
+ }
+ }
+ },
+ toggle: function($el)
+ {
+ if (this.block.type == 'class')
+ {
+ $el.toggleClass(this.block.value);
+ return;
+ }
+ else if (this.block.type == 'attr' || this.block.type == 'data')
+ {
+ if ($el.attr(this.block.value.name) == this.block.value.value)
+ {
+ $el.removeAttr(this.block.value.name);
+ }
+ else
+ {
+ $el.attr(this.block.value.name, this.block.value.value);
+ }
+
+ return;
+ }
+ else
+ {
+ $el.removeAttr('style class');
+ return;
+ }
+ },
+ remove: function($el)
+ {
+ $el.removeClass(this.block.value);
+ },
+ formatListToBlockquote: function()
+ {
+ var block = $(this.block.blocks[0]).closest('ul, ol');
+
+ $(block).find('ul, ol').contents().unwrap();
+ $(block).find('li').append($('<br>')).contents().unwrap();
+
+ var $el = this.utils.replaceToTag(block, 'blockquote');
+ this.block.toggle($el);
+ },
+ formatBlockquote: function(tag)
+ {
+ document.execCommand('outdent');
+ document.execCommand('formatblock', false, tag);
+
+ this.clean.clearUnverified();
+ this.$editor.find('p:empty').remove();
+
+ var formatted = this.selection.getBlock();
+
+ if (tag != 'p')
+ {
+ $(formatted).find('img').remove();
+ }
+
+ if (!this.opts.linebreaks)
+ {
+ this.block.toggle($(formatted));
+ }
+
+ this.$editor.find('ul, ol, tr, blockquote, p').each($.proxy(this.utils.removeEmpty, this));
+
+ if (this.opts.linebreaks && tag == 'p')
+ {
+ this.utils.replaceWithContents(formatted);
+ }
+
+ },
+ formatWrap: function(tag)
+ {
+ if (this.block.containerTag == 'UL' || this.block.containerTag == 'OL')
+ {
+ if (tag == 'blockquote')
+ {
+ this.block.formatListToBlockquote();
+ }
+ else
+ {
+ return;
+ }
+ }
+
+ var formatted = this.selection.wrap(tag);
+ if (formatted === false) return;
+
+ var $formatted = $(formatted);
+
+ this.block.formatTableWrapping($formatted);
+
+ var $elements = $formatted.find(this.opts.blockLevelElements.join(',') + ', td, table, thead, tbody, tfoot, th, tr');
+
+ if ((this.opts.linebreaks && tag == 'p') || tag == 'pre' || tag == 'blockquote')
+ {
+ $elements.append('<br />');
+ }
+
+ $elements.contents().unwrap();
+
+ if (tag != 'p' && tag != 'blockquote') $formatted.find('img').remove();
+
+ $.each(this.block.blocks, $.proxy(this.utils.removeEmpty, this));
+
+ $formatted.append(this.selection.getMarker(2));
+
+ if (!this.opts.linebreaks)
+ {
+ this.block.toggle($formatted);
+ }
+
+ this.$editor.find('ul, ol, tr, blockquote, p').each($.proxy(this.utils.removeEmpty, this));
+ $formatted.find('blockquote:empty').remove();
+
+ if (this.block.isRemoveInline)
+ {
+ this.utils.removeInlineTags($formatted);
+ }
+
+ if (this.opts.linebreaks && tag == 'p')
+ {
+ this.utils.replaceWithContents($formatted);
+ }
+
+ },
+ formatTableWrapping: function($formatted)
+ {
+ if ($formatted.closest('table').size() === 0) return;
+
+ if ($formatted.closest('tr').size() === 0) $formatted.wrap('<tr>');
+ if ($formatted.closest('td').size() === 0) $formatted.wrap('<td>');
+ },
+ removeData: function(name, value)
+ {
+ var blocks = this.selection.getBlocks();
+ $(blocks).removeAttr('data-' + name);
+
+ this.code.sync();
+ },
+ setData: function(name, value)
+ {
+ var blocks = this.selection.getBlocks();
+ $(blocks).attr('data-' + name, value);
+
+ this.code.sync();
+ },
+ toggleData: function(name, value)
+ {
+ var blocks = this.selection.getBlocks();
+ $.each(blocks, function()
+ {
+ if ($(this).attr('data-' + name))
+ {
+ $(this).removeAttr('data-' + name);
+ }
+ else
+ {
+ $(this).attr('data-' + name, value);
+ }
+ });
+ },
+ removeAttr: function(attr, value)
+ {
+ var blocks = this.selection.getBlocks();
+ $(blocks).removeAttr(attr);
+
+ this.code.sync();
+ },
+ setAttr: function(attr, value)
+ {
+ var blocks = this.selection.getBlocks();
+ $(blocks).attr(attr, value);
+
+ this.code.sync();
+ },
+ toggleAttr: function(attr, value)
+ {
+ var blocks = this.selection.getBlocks();
+ $.each(blocks, function()
+ {
+ if ($(this).attr(name))
+ {
+ $(this).removeAttr(name);
+ }
+ else
+ {
+ $(this).attr(name, value);
+ }
+ });
+ },
+ removeClass: function(className)
+ {
+ var blocks = this.selection.getBlocks();
+ $(blocks).removeClass(className);
+
+ this.utils.removeEmptyAttr(blocks, 'class');
+
+ this.code.sync();
+ },
+ setClass: function(className)
+ {
+ var blocks = this.selection.getBlocks();
+ $(blocks).addClass(className);
+
+ this.code.sync();
+ },
+ toggleClass: function(className)
+ {
+ var blocks = this.selection.getBlocks();
+ $(blocks).toggleClass(className);
+
+ this.code.sync();
+ }
+ };
},
- getFragmentHtml: function (fragment)
+ inline: function()
{
- var cloned = fragment.cloneNode(true);
- var div = this.document.createElement('div');
+ return {
+ formatting: function(name)
+ {
+ var type, value;
- div.appendChild(cloned);
- return div.innerHTML;
+ if (typeof this.formatting[name].style != 'undefined') type = 'style';
+ else if (typeof this.formatting[name].class != 'undefined') type = 'class';
+
+ if (type) value = this.formatting[name][type];
+
+ this.inline.format(this.formatting[name].tag, type, value);
+
+ },
+ format: function(tag, type, value)
+ {
+ // Stop formatting pre
+ if (this.utils.isCurrentOrParent('PRE')) 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.inline.type = type || false;
+ this.inline.value = value || false;
+
+ this.buffer.set();
+ this.$editor.focus();
+
+ this.selection.get();
+
+ if (this.range.collapsed)
+ {
+ this.inline.formatCollapsed(tag);
+ }
+ else
+ {
+ this.inline.formatMultiple(tag);
+ }
+ },
+ formatCollapsed: function(tag)
+ {
+ var current = this.selection.getCurrent();
+ var $parent = $(current).closest(tag + '[data-redactor-tag=' + tag + ']');
+
+ // inline there is
+ if ($parent.size() !== 0)
+ {
+ this.caret.setAfter($parent[0]);
+
+ // remove empty
+ if (this.utils.isEmpty($parent.text())) $parent.remove();
+
+ this.code.sync();
+
+ return;
+ }
+
+ // create empty inline
+ var node = $('<' + tag + '>').attr('data-verified', 'redactor').attr('data-redactor-tag', tag);
+ node.html(this.opts.invisibleSpace);
+
+ node = this.inline.setFormat(node);
+
+ this.insert.node(node);
+ this.caret.setEnd(node);
+
+ this.code.sync();
+
+ return;
+ },
+ formatMultiple: function(tag)
+ {
+ this.inline.formatConvert(tag);
+
+ this.selection.save();
+ document.execCommand('strikethrough');
+
+ this.$editor.find('strike').each($.proxy(function(i,s)
+ {
+ var $el = $(s);
+
+ this.inline.formatRemoveSameChildren($el, tag);
+
+ var $span;
+ if (this.inline.type)
+ {
+ $span = $('<span>').attr('data-redactor-tag', tag).attr('data-verified', 'redactor');
+ $span = this.inline.setFormat($span);
+ }
+ else
+ {
+ $span = $('<' + tag + '>').attr('data-redactor-tag', tag).attr('data-verified', 'redactor');
+ }
+
+ $el.replaceWith($span.html($el.contents()));
+
+ if (tag == 'span')
+ {
+ var $parent = $span.parent();
+ if ($parent && $parent[0].tagName == 'SPAN' && this.inline.type == 'style')
+ {
+ var arr = this.inline.value.split(';');
+
+ for (var z = 0; z < arr.length; z++)
+ {
+ if (arr[z] === '') return;
+ var style = arr[z].split(':');
+ $parent.css(style[0], '');
+
+ if (this.utils.removeEmptyAttr($parent, 'style'))
+ {
+ $parent.replaceWith($parent.contents());
+ }
+
+ }
+
+ }
+ }
+
+ }, this));
+
+ if (tag != 'del')
+ {
+ var self = this;
+ this.$editor.find('inline').each(function(i,s)
+ {
+ self.utils.replaceToTag(s, 'del');
+ });
+ }
+
+ this.selection.restore();
+ this.code.sync();
+
+ },
+ formatRemoveSameChildren: function($el, tag)
+ {
+ $el.children(tag).each(function()
+ {
+ var $child = $(this);
+ if (!$child.hasClass('redactor-selection-marker'))
+ {
+ $child.contents().unwrap();
+ }
+ });
+ },
+ formatConvert: function(tag)
+ {
+ this.selection.save();
+
+ var find = '';
+ if (this.inline.type == 'class') find = '[data-redactor-class=' + this.inline.value + ']';
+ else if (this.inline.type == 'style')
+ {
+ find = '[data-redactor-style="' + this.inline.value + '"]';
+ }
+
+ if (tag != 'del')
+ {
+ var self = this;
+ this.$editor.find('del').each(function(i,s)
+ {
+ self.utils.replaceToTag(s, 'inline');
+ });
+ }
+
+ this.$editor.find('[data-redactor-tag="' + tag + '"]' + find).each(function()
+ {
+ if (find === '' && tag == 'span' && this.tagName.toLowerCase() == tag) return;
+
+ var $el = $(this);
+ $el.replaceWith($('<strike />').html($el.contents()));
+
+ });
+
+ this.selection.restore();
+ },
+ setFormat: function(node)
+ {
+ switch (this.inline.type)
+ {
+ case 'class':
+
+ if (node.hasClass(this.inline.value))
+ {
+ node.removeClass(this.inline.value);
+ node.removeAttr('data-redactor-class');
+ }
+ else
+ {
+ node.addClass(this.inline.value);
+ node.attr('data-redactor-class', this.inline.value);
+ }
+
+
+ break;
+ case 'style':
+
+ node[0].style.cssText = this.inline.value;
+ node.attr('data-redactor-style', this.inline.value);
+
+ break;
+ }
+
+ return node;
+ },
+ removeStyle: function()
+ {
+ this.buffer.set();
+ var current = this.selection.getCurrent();
+ var nodes = this.selection.getInlines();
+
+ this.selection.save();
+
+ if (current && current.tagName === 'SPAN')
+ {
+ var $s = $(current);
+
+ $s.removeAttr('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.removeAttr('style');
+ if ($s[0].attributes.length === 0)
+ {
+ $s.replaceWith($s.contents());
+ }
+ }
+ }, this));
+
+ this.selection.restore();
+ this.code.sync();
+
+ },
+ removeStyleRule: function(name)
+ {
+ this.buffer.set();
+ var parent = this.selection.getParent();
+ var nodes = this.selection.getInlines();
+
+ this.selection.save();
+
+ if (parent && parent.tagName === 'SPAN')
+ {
+ var $s = $(parent);
+
+ $s.css(name, '');
+ 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();
+ this.code.sync();
+ },
+ removeFormat: function()
+ {
+ this.buffer.set();
+ var current = this.selection.getCurrent();
+
+ this.selection.save();
+
+ document.execCommand('removeFormat');
+
+ if (current && current.tagName === 'SPAN')
+ {
+ $(current).replaceWith($(current).contents());
+ }
+
+
+ $.each(this.selection.getNodes(), $.proxy(function(i,s)
+ {
+ var $s = $(s);
+ if ($.inArray(s.tagName.toLowerCase(), this.opts.inlineTags) != -1 && !$s.hasClass('redactor-selection-marker'))
+ {
+ $s.replaceWith($s.contents());
+ }
+ }, this));
+
+ this.selection.restore();
+ this.code.sync();
+
+ },
+ toggleClass: function(className)
+ {
+ this.inline.format('span', 'class', className);
+ },
+ toggleStyle: function(value)
+ {
+ this.inline.format('span', 'style', value);
+ }
+ };
},
- extractContent: function()
+ insert: function()
{
- var node = this.$editor[0];
- var frag = this.document.createDocumentFragment();
- var child;
+ return {
+ set: function(html, clean)
+ {
+ this.placeholder.remove();
- while ((child = node.firstChild))
- {
- frag.appendChild(child);
- }
+ html = this.clean.setVerified(html);
- return frag;
+ if (typeof clean == 'undefined')
+ {
+ html = this.clean.onPaste(html, false);
+ }
+
+ this.$editor.html(html);
+ this.selection.remove();
+ this.focus.setEnd();
+ this.clean.normalizeLists();
+ this.code.sync();
+ this.observe.load();
+
+ if (typeof clean == 'undefined')
+ {
+ setTimeout($.proxy(this.clean.clearUnverified, this), 10);
+ }
+ },
+ text: function(text)
+ {
+ this.placeholder.remove();
+
+ text = text.toString();
+ text = $.trim(text);
+ text = this.clean.getPlainText(text, false);
+
+ this.$editor.focus();
+
+ if (this.utils.browser('msie'))
+ {
+ this.insert.htmlIe(text);
+ }
+ else
+ {
+ this.selection.get();
+
+ this.range.deleteContents();
+ var el = document.createElement("div");
+ el.innerHTML = text;
+ var frag = document.createDocumentFragment(), node, lastNode;
+ while ((node = el.firstChild))
+ {
+ lastNode = frag.appendChild(node);
+ }
+
+ this.range.insertNode(frag);
+
+ if (lastNode)
+ {
+ var range = this.range.cloneRange();
+ range.setStartAfter(lastNode);
+ range.collapse(true);
+ this.sel.removeAllRanges();
+ this.sel.addRange(range);
+ }
+ }
+
+ this.code.sync();
+ this.clean.clearUnverified();
+ },
+ html: function(html, clean)
+ {
+ this.placeholder.remove();
+
+ if (typeof clean == 'undefined') clean = true;
+
+ this.$editor.focus();
+
+ html = this.clean.setVerified(html);
+
+ if (clean)
+ {
+ html = this.clean.onPaste(html);
+ }
+
+ if (this.utils.browser('msie'))
+ {
+ this.insert.htmlIe(html);
+ }
+ else
+ {
+ if (this.clean.singleLine) this.insert.execHtml(html);
+ else document.execCommand('insertHTML', null, html);
+
+ this.insert.htmlFixMozilla();
+ }
+
+ this.clean.normalizeLists();
+
+ // remove empty paragraphs finaly
+ if (!this.opts.linebreaks)
+ {
+ this.$editor.find('p').each($.proxy(this.utils.removeEmpty, this));
+ }
+
+ this.code.sync();
+ this.observe.load();
+
+ if (clean)
+ {
+ this.clean.clearUnverified();
+ }
+
+ },
+ htmlFixMozilla: function()
+ {
+ // FF inserts empty p when content was selected dblclick
+ if (!this.utils.browser('mozilla')) return;
+
+ var $next = $(this.selection.getBlock()).next();
+ if ($next.length > 0 && $next[0].tagName == 'P' && $next.html() === '')
+ {
+ $next.remove();
+ }
+
+ },
+ htmlIe: function(html)
+ {
+ if (this.utils.isIe11())
+ {
+ var parent = this.utils.isCurrentOrParent('P');
+ var $html = $('<div>').append(html);
+ var blocksMatch = $html.contents().is('p, :header, dl, ul, ol, div, table, td, blockquote, pre, address, section, header, footer, aside, article');
+
+ if (parent && blocksMatch) this.insert.ie11FixInserting(parent, html);
+ else this.insert.ie11PasteFrag(html);
+
+ return;
+ }
+
+ document.selection.createRange().pasteHTML(html);
+
+ },
+ execHtml: function(html)
+ {
+ html = this.clean.setVerified(html);
+
+ this.selection.get();
+
+ this.range.deleteContents();
+
+ var el = document.createElement('div');
+ el.innerHTML = html;
+
+ var frag = document.createDocumentFragment(), node, lastNode;
+ while ((node = el.firstChild))
+ {
+ lastNode = frag.appendChild(node);
+ }
+
+ this.range.insertNode(frag);
+
+ this.range.collapse(true);
+ this.caret.setAfter(lastNode);
+
+ },
+ node: function(node)
+ {
+ node = node[0] || node;
+
+ this.selection.get();
+ this.range.deleteContents();
+ this.range.insertNode(node);
+ this.range.collapse(false);
+ this.selection.addRange();
+
+ return node;
+ },
+ nodeToPoint: function(node, x, y)
+ {
+ node = node[0] || node;
+
+ this.selection.get();
+
+ var range;
+ if (document.caretPositionFromPoint)
+ {
+ var pos = document.caretPositionFromPoint(x, y);
+
+ this.range.setStart(pos.offsetNode, pos.offset);
+ this.range.collapse(true);
+ this.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();
+ }
+ },
+ nodeToCaretPositionFromPoint: function(e, node)
+ {
+ node = node[0] || 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();
+ }
+
+ },
+ ie11FixInserting: function(parent, html)
+ {
+ var node = document.createElement('span');
+ node.className = 'redactor-ie-paste';
+ this.insert.node(node);
+
+ var parHtml = $(parent).html();
+
+ parHtml = '<p>' + parHtml.replace(/<span class="redactor-ie-paste"><\/span>/gi, '</p>' + html + '<p>') + '</p>';
+ $(parent).replaceWith(parHtml);
+ },
+ ie11PasteFrag: function(html)
+ {
+ this.selection.get();
+ this.range.deleteContents();
+
+ var el = document.createElement("div");
+ el.innerHTML = html;
+
+ var frag = document.createDocumentFragment(), node, lastNode;
+ while ((node = el.firstChild))
+ {
+ lastNode = frag.appendChild(node);
+ }
+
+ this.range.insertNode(frag);
+ }
+ };
},
- isParentRedactor: function(el)
+ caret: function()
{
- if (!el) return false;
- if (this.opts.iframe) return el;
+ return {
+ setStart: function(node)
+ {
+ // inline tag
+ if (!this.utils.isBlock(node))
+ {
+ var space = this.utils.createSpaceElement();
- if ($(el).parents('div.redactor_editor').length == 0 || $(el).hasClass('redactor_editor')) return false;
- else return el;
+ $(node).prepend(space);
+ this.caret.setEnd(space);
+ }
+ else
+ {
+ this.caret.set(node, 0, node, 0);
+ }
+ },
+ setEnd: function(node)
+ {
+ this.caret.set(node, 1, node, 1);
+ },
+ set: function(orgn, orgo, focn, foco)
+ {
+ // focus
+ if (!this.utils.browser('msie')) this.$editor.focus();
+
+ orgn = orgn[0] || orgn;
+ focn = focn[0] || focn;
+
+ if (this.utils.isBlockTag(orgn.tagName) && orgn.innerHTML === '')
+ {
+ orgn.innerHTML = this.opts.invisibleSpace;
+ }
+
+ if (orgn.tagName == 'BR' && this.opts.linebreaks === false)
+ {
+ var par = $(this.opts.emptyHtml)[0];
+ $(orgn).replaceWith(par);
+ orgn = par;
+ focn = orgn;
+ }
+
+ this.selection.get();
+
+ try {
+ this.range.setStart(orgn, orgo);
+ this.range.setEnd(focn, foco);
+ }
+ catch (e) {}
+
+ this.selection.addRange();
+ },
+ setAfter: function(node)
+ {
+ var tag = $(node)[0].tagName;
+
+ // inline tag
+ if (tag != 'BR' && !this.utils.isBlock(node))
+ {
+ var space = this.utils.createSpaceElement();
+
+ $(node).after(space);
+ this.caret.setEnd(space);
+ }
+ else
+ {
+ if (tag != 'BR' && this.utils.browser('msie'))
+ {
+ this.caret.setStart($(node).next());
+ }
+ else
+ {
+ this.caret.setAfterOrBefore(node, 'after');
+ }
+ }
+ },
+ setBefore: function(node)
+ {
+ // block tag
+ if (this.utils.isBlock(node))
+ {
+ this.caret.setEnd($(node).prev());
+ }
+ else
+ {
+ this.caret.setAfterOrBefore(node, 'before');
+ }
+ },
+ setAfterOrBefore: function(node, type)
+ {
+ // focus
+ if (!this.utils.browser('msie')) this.$editor.focus();
+
+ node = node[0] || node;
+
+ this.selection.get();
+
+ if (type == 'after')
+ {
+ try {
+
+ this.range.setStartAfter(node);
+ this.range.setEndAfter(node);
+ }
+ catch (e) {}
+ }
+ else
+ {
+ try {
+ this.range.setStartBefore(node);
+ this.range.setEndBefore(node);
+ }
+ catch (e) {}
+ }
+
+
+ this.range.collapse(false);
+ this.selection.addRange();
+ },
+ getOffsetOfElement: function(node)
+ {
+ node = node[0] || node;
+
+ this.selection.get();
+
+ var cloned = this.range.cloneRange();
+ cloned.selectNodeContents(node);
+ cloned.setEnd(this.range.endContainer, this.range.endOffset);
+
+ return $.trim(cloned.toString()).length;
+ },
+ getOffset: function()
+ {
+ var offset = 0;
+ var sel = window.getSelection();
+ if (sel.rangeCount > 0)
+ {
+ var range = window.getSelection().getRangeAt(0);
+ var preCaretRange = range.cloneRange();
+ preCaretRange.selectNodeContents(this.$editor[0]);
+ preCaretRange.setEnd(range.endContainer, range.endOffset);
+ offset = preCaretRange.toString().length;
+ }
+
+ return offset;
+ },
+ setOffset: function(start, end)
+ {
+ if (typeof end == 'undefined') end = start;
+ if (!this.focus.isFocused()) this.focus.setStart();
+
+ var range = document.createRange();
+ var sel = document.getSelection();
+ var node, offset = 0;
+ var walker = document.createTreeWalker(this.$editor[0], NodeFilter.SHOW_TEXT, null, null);
+
+ while (node = walker.nextNode())
+ {
+ offset += node.nodeValue.length;
+ if (offset > start)
+ {
+ range.setStart(node, node.nodeValue.length + start - offset);
+ start = Infinity;
+ }
+
+ if (offset >= end)
+ {
+ range.setEnd(node, node.nodeValue.length + end - offset);
+ break;
+ }
+ }
+
+ sel.removeAllRanges();
+ sel.addRange(range);
+ },
+ setToPoint: function(start, end)
+ {
+ this.caret.setOffset(start, end);
+ },
+ getCoords: function()
+ {
+ return this.caret.getOffset();
+ }
+ };
},
- currentOrParentIs: function(tagName)
+ selection: function()
{
- var parent = this.getParent(), current = this.getCurrent();
- return parent && parent.tagName === tagName ? parent : current && current.tagName === tagName ? current : false;
+ return {
+ get: function()
+ {
+ this.sel = document.getSelection();
+
+ if (document.getSelection && this.sel.getRangeAt && this.sel.rangeCount)
+ {
+ this.range = this.sel.getRangeAt(0);
+ }
+ else
+ {
+ this.range = document.createRange();
+ }
+ },
+ addRange: function()
+ {
+ try {
+ this.sel.removeAllRanges();
+ } catch (e) {}
+
+ this.sel.addRange(this.range);
+ },
+ getCurrent: function()
+ {
+ var el = false;
+ this.selection.get();
+
+ if (this.sel && this.sel.rangeCount > 0)
+ {
+ el = this.sel.getRangeAt(0).startContainer;
+ }
+
+ return this.utils.isRedactorParent(el);
+ },
+ getParent: function(elem)
+ {
+ elem = elem || this.selection.getCurrent();
+ if (elem)
+ {
+ return this.utils.isRedactorParent($(elem).parent()[0]);
+ }
+
+ return false;
+ },
+ getBlock: function(node)
+ {
+ node = node || this.selection.getCurrent();
+
+ while (node)
+ {
+ if (this.utils.isBlockTag(node.tagName))
+ {
+ return ($(node).hasClass('redactor-editor')) ? false : node;
+ }
+
+ node = node.parentNode;
+ }
+
+ return false;
+ },
+ getInlines: function(nodes)
+ {
+ this.selection.get();
+
+ if (this.range && this.range.collapsed)
+ {
+ return false;
+ }
+
+ var inlines = [];
+ nodes = (typeof nodes == 'undefined') ? this.selection.getNodes() : nodes;
+ var inlineTags = this.opts.inlineTags;
+ inlineTags.push('span');
+ $.each(nodes, $.proxy(function(i,node)
+ {
+ if ($.inArray(node.tagName.toLowerCase(), inlineTags) != -1)
+ {
+ inlines.push(node);
+ }
+
+ }, this));
+
+ return (inlines.length === 0) ? false : inlines;
+ },
+ getBlocks: function(nodes)
+ {
+ this.selection.get();
+
+ if (this.range && this.range.collapsed)
+ {
+ return [this.selection.getBlock()];
+ }
+
+ var blocks = [];
+ nodes = (typeof nodes == 'undefined') ? this.selection.getNodes() : nodes;
+ $.each(nodes, $.proxy(function(i,node)
+ {
+ if (this.utils.isBlock(node))
+ {
+ this.selection.lastBlock = node;
+ blocks.push(node);
+ }
+
+ }, this));
+
+ return (blocks.length === 0) ? [this.selection.getBlock()] : blocks;
+ },
+ getLastBlock: function()
+ {
+ return this.selection.lastBlock;
+ },
+ getNodes: function()
+ {
+ this.selection.get();
+
+ var startNode = this.selection.getNodesMarker(1);
+ var endNode = this.selection.getNodesMarker(2);
+
+ this.selection.setNodesMarker(this.range, startNode, true);
+
+ if (this.range.collapsed === false)
+ {
+ this.selection.setNodesMarker(this.range, endNode, false);
+ }
+ else
+ {
+ endNode = startNode;
+ }
+
+ var nodes = [];
+ var counter = 0;
+
+ var self = this;
+ this.$editor.find('*').each(function()
+ {
+ if (this == startNode)
+ {
+ var parent = $(this).parent();
+ if (parent.length !== 0 && parent[0].tagName != 'BODY' && self.utils.isRedactorParent(parent[0]))
+ {
+ nodes.push(parent[0]);
+ }
+
+ nodes.push(this);
+ counter = 1;
+ }
+ else
+ {
+ if (counter > 0)
+ {
+ nodes.push(this);
+ counter = counter + 1;
+ }
+ }
+
+ if (this == endNode)
+ {
+ return false;
+ }
+
+ });
+
+ var finalNodes = [];
+ var len = nodes.length;
+ for (var i = 0; i < len; i++)
+ {
+ if (nodes[i].id != 'nodes-marker-1' && nodes[i].id != 'nodes-marker-2')
+ {
+ finalNodes.push(nodes[i]);
+ }
+ }
+
+ this.selection.removeNodesMarkers();
+
+ return finalNodes;
+
+ },
+ getNodesMarker: function(num)
+ {
+ return $('<span id="nodes-marker-' + num + '" class="redactor-nodes-marker" data-verified="redactor">' + this.opts.invisibleSpace + '</span>')[0];
+ },
+ setNodesMarker: function(range, node, type)
+ {
+ range = range.cloneRange();
+
+ try {
+ range.collapse(type);
+ range.insertNode(node);
+ }
+ catch (e) {}
+ },
+ removeNodesMarkers: function()
+ {
+ $(document).find('span.redactor-nodes-marker').remove();
+ this.$editor.find('span.redactor-nodes-marker').remove();
+ },
+ fromPoint: function(start, end)
+ {
+ this.caret.setOffset(start, end);
+ },
+ wrap: function(tag)
+ {
+ this.selection.get();
+
+ if (this.range.collapsed) return false;
+
+ var wrapper = document.createElement(tag);
+ wrapper.appendChild(this.range.extractContents());
+ this.range.insertNode(wrapper);
+
+ return wrapper;
+ },
+ selectElement: function(node)
+ {
+ this.caret.set(node, 0, node, 1);
+ },
+ selectAll: function()
+ {
+ this.selection.get();
+ this.range.selectNodeContents(this.$editor[0]);
+ this.selection.addRange();
+ },
+ remove: function()
+ {
+ this.selection.get();
+ this.sel.removeAllRanges();
+ },
+ save: function()
+ {
+ this.selection.createMarkers();
+ },
+ createMarkers: function()
+ {
+ this.selection.get();
+
+ var node1 = this.selection.getMarker(1);
+
+ this.selection.setMarker(this.range, node1, true);
+
+ if (this.range.collapsed === false)
+ {
+ var node2 = this.selection.getMarker(2);
+ this.selection.setMarker(this.range, node2, false);
+ }
+
+ this.savedSel = this.$editor.html();
+ },
+ getMarker: function(num)
+ {
+ if (typeof num == 'undefined') num = 1;
+
+ return $('<span id="selection-marker-' + num + '" class="redactor-selection-marker" data-verified="redactor">' + this.opts.invisibleSpace + '</span>')[0];
+ },
+ getMarkerAsHtml: function(num)
+ {
+ return this.utils.getOuterHtml(this.selection.getMarker(num));
+ },
+ setMarker: function(range, node, type)
+ {
+ range = range.cloneRange();
+
+ try {
+ range.collapse(type);
+ range.insertNode(node);
+ }
+ catch (e)
+ {
+ this.focus.setStart();
+ }
+ },
+ restore: function()
+ {
+ var node1 = this.$editor.find('span#selection-marker-1');
+ var node2 = this.$editor.find('span#selection-marker-2');
+
+ if (node1.length !== 0 && node2.length !== 0)
+ {
+ this.caret.set(node1, 0, node2, 0);
+ }
+ else if (node1.length !== 0)
+ {
+ this.caret.set(node1, 0, node1, 0);
+ }
+ else
+ {
+ this.$editor.focus();
+ }
+
+ this.selection.removeMarkers();
+ this.savedSel = false;
+
+ },
+ removeMarkers: function()
+ {
+ this.$editor.find('span.redactor-selection-marker').remove();
+ },
+ getText: function()
+ {
+ this.selection.get();
+
+ return this.sel.toString();
+ },
+ getHtml: function()
+ {
+ var html = '';
+
+ this.selection.get();
+ if (this.sel.rangeCount)
+ {
+ var container = document.createElement('div');
+ var len = this.sel.rangeCount;
+ for (var i = 0; i < len; ++i)
+ {
+ container.appendChild(this.sel.getRangeAt(i).cloneContents());
+ }
+
+ html = container.innerHTML;
+ }
+
+ return this.clean.onSync(html);
+ }
+ };
},
- isEndOfElement: function()
+ observe: function()
{
- var current = this.getBlock();
- var offset = this.getCaretOffset(current);
+ return {
+ load: function()
+ {
+ this.observe.images();
+ this.observe.links();
+ },
+ buttons: function(e, btnName)
+ {
+ var current = this.selection.getCurrent();
+ var parent = this.selection.getParent();
- var text = $.trim($(current).text()).replace(/\n\r\n/g, '');
+ this.button.setInactiveAll(btnName);
- var len = text.length;
+ if (e === false && btnName !== 'html')
+ {
+ if ($.inArray(btnName, this.opts.activeButtons) != -1) this.button.toggleActive(btnName);
+ return;
+ }
- if (offset == len) return true;
- else return false;
+ var linkButtonName = (this.utils.isCurrentOrParent('A')) ? this.lang.get('link_edit') : this.lang.get('link_insert');
+ $('body').find('a.redactor-dropdown-link').text(linkButtonName);
+
+ $.each(this.opts.activeButtonsStates, $.proxy(function(key, value)
+ {
+ var parentEl = $(parent).closest(key);
+ var currentEl = $(current).closest(key);
+
+ if (!this.utils.isRedactorParent(parentEl)) return;
+ if (!this.utils.isRedactorParent(currentEl)) return;
+ if (parentEl.length !== 0 || currentEl.closest(key).length !== 0)
+ {
+
+ this.button.setActive(value);
+ }
+
+ }, this));
+
+ var $parent = $(parent).closest(this.opts.alignmentTags.toString().toLowerCase());
+ if (this.utils.isRedactorParent(parent) && $parent.length)
+ {
+ var align = ($parent.css('text-align') === '') ? 'left' : $parent.css('text-align');
+ this.button.setActive('align' + align);
+ }
+ },
+ addButton: function(tag, btnName)
+ {
+ this.opts.activeButtons.push(btnName);
+ this.opts.activeButtonsStates[tag] = btnName;
+ },
+ images: function()
+ {
+ this.$editor.find('img').each($.proxy(function(i, img)
+ {
+ var $img = $(img);
+
+ // IE fix (when we clicked on an image and then press backspace IE does goes to image's url)
+ $img.closest('a').on('click', function(e) { e.preventDefault(); });
+
+ if (this.utils.browser('msie')) $img.attr('unselectable', 'on');
+
+ this.image.setEditable($img);
+
+ }, this));
+
+ $(document).on('click.redactor-image-delete', $.proxy(function(e)
+ {
+ this.observe.image = false;
+ if (e.target.tagName == 'IMG' && this.utils.isRedactorParent(e.target))
+ {
+ this.observe.image = (this.observe.image && this.observe.image == e.target) ? false : e.target;
+ }
+
+ }, this));
+
+ },
+ links: function()
+ {
+ if (!this.opts.linkTooltip) return;
+
+ this.$editor.find('a').on('touchstart click', $.proxy(this.observe.showTooltip, this));
+ this.$editor.on('touchstart click.redactor', $.proxy(this.observe.closeTooltip, this));
+ $(document).on('touchstart click.redactor', $.proxy(this.observe.closeTooltip, this));
+ },
+ getTooltipPosition: function($link)
+ {
+ return $link.offset();
+ },
+ showTooltip: function(e)
+ {
+ var $link = $(e.target);
+ if ($link.size() === 0 || $link[0].tagName !== 'A') return;
+
+ var pos = this.observe.getTooltipPosition($link);
+
+ var tooltip = $('<span class="redactor-link-tooltip"></span>');
+
+ var href = $link.attr('href');
+ if (href === undefined)
+ {
+ href = '';
+ }
+
+ if (href.length > 24) href = href.substring(0, 24) + '...';
+
+ var aLink = $('<a href="' + $link.attr('href') + '" target="_blank" />').html(href).addClass('redactor-link-tooltip-action');
+ var aEdit = $('<a href="#" />').html(this.lang.get('edit')).on('click', $.proxy(this.link.show, this)).addClass('redactor-link-tooltip-action');
+ var aUnlink = $('<a href="#" />').html(this.lang.get('unlink')).on('click', $.proxy(this.link.unlink, this)).addClass('redactor-link-tooltip-action');
+
+ tooltip.append(aLink).append(' | ').append(aEdit).append(' | ').append(aUnlink);
+ tooltip.css({
+ top: (pos.top + 20) + 'px',
+ left: pos.left + 'px'
+ });
+
+ $('.redactor-link-tooltip').remove();
+ $('body').append(tooltip);
+ },
+ closeTooltip: function(e)
+ {
+ e = e.originalEvent || e;
+
+ if (e.target.tagName == 'A' && !$(e.target).hasClass('redactor-link-tooltip-action') && this.utils.isRedactorParent(e.target))
+ {
+ return;
+ }
+
+ $('.redactor-link-tooltip').remove();
+ }
+
+ };
},
- isFocused: function()
+ link: function()
{
- var el, sel = this.getSelection();
+ return {
+ show: function(e)
+ {
+ if (typeof e != 'undefined' && e.preventDefault) e.preventDefault();
- if (sel && sel.rangeCount && sel.rangeCount > 0) el = sel.getRangeAt(0).startContainer;
- if (!el) return false;
- if (this.opts.iframe)
- {
- if (this.getCaretOffsetRange().equals()) return !this.$editor.is(el);
- else return true;
- }
+ this.modal.load('link', this.lang.get('link_insert'), 600);
- return $(el).closest('div.redactor_editor').length != 0;
+ this.modal.createCancelButton();
+ this.link.buttonInsert = this.modal.createActionButton(this.lang.get('insert'));
+
+ this.selection.get();
+
+ this.link.getData();
+ this.link.cleanUrl();
+
+ if (this.link.target == '_blank') $('#redactor-link-blank').prop('checked', true);
+
+ this.link.$inputUrl = $('#redactor-link-url');
+ this.link.$inputText = $('#redactor-link-url-text');
+
+ this.link.$inputText.val(this.link.text);
+ this.link.$inputUrl.val(this.link.url);
+
+ this.link.buttonInsert.on('click', $.proxy(this.link.insert, this));
+
+ // show modal
+ this.selection.save();
+ this.modal.show();
+ this.link.$inputUrl.focus();
+ },
+ cleanUrl: function()
+ {
+ var thref = self.location.href.replace(/\/$/i, '');
+ this.link.url = this.link.url.replace(thref, '');
+ this.link.url = this.link.url.replace(/^\/#/, '#');
+ this.link.url = this.link.url.replace('mailto:', '');
+
+ // remove host from href
+ if (!this.opts.linkProtocol)
+ {
+ var re = new RegExp('^(http|ftp|https)://' + self.location.host, 'i');
+ this.link.url = this.link.url.replace(re, '');
+ }
+
+ },
+ getData: function()
+ {
+ this.link.$node = false;
+
+ var $el = $(this.selection.getCurrent()).closest('a');
+ if ($el.size() !== 0 && $el[0].tagName === 'A')
+ {
+ this.link.$node = $el;
+
+ this.link.url = $el.attr('href');
+ this.link.text = $el.text();
+ this.link.target = $el.attr('target');
+ }
+ else
+ {
+ this.link.text = this.sel.toString();
+ this.link.url = '';
+ this.link.target = '';
+ }
+
+ },
+ insert: function()
+ {
+ var target = '';
+ var link = this.link.$inputUrl.val();
+ var text = this.link.$inputText.val();
+
+ if ($.trim(link) === '')
+ {
+ this.link.$inputUrl.addClass('redactor-input-error').on('keyup', function()
+ {
+ $(this).removeClass('redactor-input-error');
+ $(this).off('keyup');
+
+ });
+ return;
+ }
+
+ // mailto
+ if (link.search('@') != -1 && /(http|ftp|https):\/\//i.test(link) === false)
+ {
+ link = 'mailto:' + link;
+ }
+ // url, not anchor
+ else if (link.search('#') !== 0)
+ {
+ if ($('#redactor-link-blank').prop('checked'))
+ {
+ target = '_blank';
+ }
+
+ // 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;
+ }
+ }
+
+ this.link.set(text, link, target);
+ this.modal.close();
+ },
+ set: function(text, link, target)
+ {
+ text = $.trim(text.replace(/<|>/g, ''));
+
+ this.selection.restore();
+
+ if (text === '' && link === '') return;
+ if (text === '' && link !== '') text = link;
+
+ if (this.link.$node)
+ {
+ this.buffer.set();
+
+ this.link.$node.text(text).attr('href', link);
+ if (target !== '')
+ {
+ this.link.$node.attr('target', target);
+ }
+ else
+ {
+ this.link.$node.removeAttr('target');
+ }
+
+ this.code.sync();
+ }
+ else
+ {
+ document.execCommand('createLink', false, link);
+
+ var $a = $(this.selection.getCurrent()).closest('a');
+ if (target !== '')
+ {
+ $a.attr('target', target);
+ }
+
+ $a.removeAttr('style');
+
+ this.code.sync();
+ this.core.setCallback('insertedLink', $a);
+
+ }
+
+ // link tooltip
+ setTimeout($.proxy(function()
+ {
+ this.observe.links();
+
+ }, this), 5);
+ },
+ unlink: function(e)
+ {
+ if (typeof e != 'undefined' && e.preventDefault) e.preventDefault();
+
+ var nodes = this.selection.getNodes();
+ if (!nodes) return;
+
+ this.buffer.set();
+
+ var len = nodes.length;
+ for (var i = 0; i < len; i++)
+ {
+ if (nodes[i].tagName == 'A')
+ {
+ var $node = $(nodes[i]);
+ $node.replaceWith($node.contents());
+ }
+ }
+
+ // remove tooltip
+ $('.redactor-link-tooltip').remove();
+
+ this.code.sync();
+
+ }
+ };
},
- removeEmptyAttr: function (el, attr)
+ image: function()
{
- if ($(el).attr(attr) == '') $(el).removeAttr(attr);
+ return {
+ show: function()
+ {
+ this.modal.load('image', this.lang.get('image'), 700);
+ this.upload.init('#redactor-modal-image-droparea', this.opts.imageUpload, this.image.insert);
+
+ this.selection.save();
+ this.modal.show();
+
+ },
+ showEdit: function($image)
+ {
+ var $link = $image.closest('a');
+
+ this.modal.load('imageEdit', this.lang.get('edit'), 705);
+
+ this.modal.createCancelButton();
+ this.image.buttonDelete = this.modal.createDeleteButton(this.lang.get('_delete'));
+ this.image.buttonSave = this.modal.createActionButton(this.lang.get('save'));
+
+ this.image.buttonDelete.on('click', $.proxy(function()
+ {
+ this.image.remove($image);
+
+ }, this));
+
+ this.image.buttonSave.on('click', $.proxy(function()
+ {
+ this.image.update($image);
+
+ }, this));
+
+
+ $('#redactor-image-title').val($image.attr('alt'));
+
+ if (!this.opts.imageLink) $('.redactor-image-link-option').hide();
+ else
+ {
+ var $redactorImageLink = $('#redactor-image-link');
+
+ $redactorImageLink.attr('href', $image.attr('src'));
+ if ($link.size() !== 0)
+ {
+ $redactorImageLink.val($link.attr('href'));
+ if ($link.attr('target') == '_blank') $('#redactor-image-link-blank').prop('checked', true);
+ }
+ }
+
+ if (!this.opts.imagePosition) $('.redactor-image-position-option').hide();
+ else
+ {
+ var floatValue = ($image.css('display') == 'block' && $image.css('float') == 'none') ? 'center' : $image.css('float');
+ $('#redactor-image-align').val(floatValue);
+ }
+
+ this.modal.show();
+
+ },
+ setFloating: function($image)
+ {
+ var floating = $('#redactor-image-align').val();
+
+ var imageFloat = '';
+ var imageDisplay = '';
+ var imageMargin = '';
+
+ switch (floating)
+ {
+ case 'left':
+ imageFloat = 'left';
+ imageMargin = '0 ' + this.opts.imageFloatMargin + ' ' + this.opts.imageFloatMargin + ' 0';
+ break;
+ case 'right':
+ imageFloat = 'right';
+ imageMargin = '0 0 ' + this.opts.imageFloatMargin + ' ' + this.opts.imageFloatMargin;
+ break;
+ case 'center':
+ imageDisplay = 'block';
+ imageMargin = 'auto';
+ break;
+ }
+
+ $image.css({ 'float': imageFloat, display: imageDisplay, margin: imageMargin });
+ $image.attr('rel', $image.attr('style'));
+ },
+ update: function($image)
+ {
+ this.image.hideResize();
+ this.buffer.set();
+
+ var $link = $image.closest('a');
+
+ $image.attr('alt', $('#redactor-image-title').val());
+
+ this.image.setFloating($image);
+
+ // as link
+ var link = $.trim($('#redactor-image-link').val());
+ if (link !== '')
+ {
+ var target = ($('#redactor-image-link-blank').prop('checked')) ? true : false;
+
+ if ($link.size() === 0)
+ {
+ var a = $('<a href="' + link + '">' + this.utils.getOuterHtml($image) + '</a>');
+ if (target) a.attr('target', '_blank');
+
+ $image.replaceWith(a);
+ }
+ else
+ {
+ $link.attr('href', link);
+ if (target)
+ {
+ $link.attr('target', '_blank');
+ }
+ else
+ {
+ $link.removeAttr('target');
+ }
+ }
+ }
+ else if ($link.size() !== 0)
+ {
+ $link.replaceWith(this.utils.getOuterHtml($image));
+
+ }
+
+ this.modal.close();
+ this.observe.images();
+ this.code.sync();
+
+
+ },
+ setEditable: function($image)
+ {
+ if (!this.opts.imageEditable) return;
+
+ $image.on('dragstart', $.proxy(this.image.onDrag, this));
+
+ $image.on('mousedown', $.proxy(this.image.hideResize, this));
+ $image.on('click touchstart', $.proxy(function(e)
+ {
+ this.observe.image = $image;
+
+ if (this.$editor.find('#redactor-image-box').size() !== 0) return false;
+
+
+ this.image.resizer = this.image.loadEditableControls($image);
+
+ $(document).on('click.redactor-image-resize-hide', $.proxy(this.image.hideResize, this));
+ this.$editor.on('click.redactor-image-resize-hide', $.proxy(this.image.hideResize, this));
+
+ // resize
+ if (!this.opts.imageResizable) return;
+
+ this.image.resizer.on('mousedown.redactor touchstart.redactor', $.proxy(function(e)
+ {
+ e.preventDefault();
+
+ this.image.resizeHandle = {
+ x : e.pageX,
+ y : e.pageY,
+ el : $image,
+ ratio: $image.width() / $image.height(),
+ h: $image.height()
+ };
+
+ e = e.originalEvent || e;
+
+ if (e.targetTouches)
+ {
+ this.image.resizeHandle.x = e.targetTouches[0].pageX;
+ this.image.resizeHandle.y = e.targetTouches[0].pageY;
+ }
+
+ this.image.startResize();
+
+ }, this));
+
+
+ }, this));
+ },
+ startResize: function()
+ {
+ $(document).on('mousemove.redactor-image-resize touchmove.redactor-image-resize', $.proxy(this.image.moveResize, this));
+ $(document).on('mouseup.redactor-image-resize touchend.redactor-image-resize', $.proxy(this.image.stopResize, this));
+ },
+ moveResize: function(e)
+ {
+ e.preventDefault();
+
+ e = e.originalEvent || e;
+
+ var height = this.image.resizeHandle.h;
+
+ if (e.targetTouches) height += (e.targetTouches[0].pageY - this.image.resizeHandle.y);
+ else height += (e.pageY - this.image.resizeHandle.y);
+
+
+ var width = Math.round(height * this.image.resizeHandle.ratio);
+
+ if (height < 50 || width < 100) return;
+
+ this.image.resizeHandle.el.height(height);
+ this.image.resizeHandle.el.width(width);
+
+ this.code.sync();
+ },
+ stopResize: function()
+ {
+ this.handle = false;
+ $(document).off('.redactor-image-resize');
+ this.image.hideResize();
+ },
+ onDrag: function(e)
+ {
+ if (this.$editor.find('#redactor-image-box').size() !== 0)
+ {
+ e.preventDefault();
+ return false;
+ }
+
+ this.$editor.on('drop.redactor-image-inside-drop', $.proxy(function()
+ {
+ setTimeout($.proxy(this.image.onDrop, this), 1);
+
+ }, this));
+ },
+ onDrop: function()
+ {
+ this.image.fixImageSourceAfterDrop();
+ this.observe.images();
+ this.$editor.off('drop.redactor-image-inside-drop');
+ this.clean.clearUnverified();
+ this.code.sync();
+ },
+ fixImageSourceAfterDrop: function()
+ {
+ this.$editor.find('img[data-save-url]').each(function()
+ {
+ var $el = $(this);
+ $el.attr('src', $el.attr('data-save-url'));
+ $el.removeAttr('data-save-url');
+ });
+ },
+ hideResize: function(e)
+ {
+ if (e && $(e.target).closest('#redactor-image-box').length !== 0) return;
+ if (e && e.target.tagName == 'IMG')
+ {
+ var $image = $(e.target);
+ $image.attr('data-save-url', $image.attr('src'));
+ }
+
+ var imageBox = this.$editor.find('#redactor-image-box');
+ if (imageBox.size() === 0) return;
+
+ this.image.editter.remove();
+ $(this.image.resizer).remove();
+
+ imageBox.find('img').css({
+ marginTop: imageBox[0].style.marginTop,
+ marginBottom: imageBox[0].style.marginBottom,
+ marginLeft: imageBox[0].style.marginLeft,
+ marginRight: imageBox[0].style.marginRight
+ });
+
+ imageBox.css('margin', '');
+ imageBox.find('img').css('opacity', '');
+ imageBox.replaceWith(function()
+ {
+ return $(this).contents();
+ });
+
+ $(document).off('click.redactor-image-resize-hide');
+ this.$editor.off('click.redactor-image-resize-hide');
+
+ this.code.sync();
+
+ },
+ loadEditableControls: function($image)
+ {
+ var imageBox = $('<span id="redactor-image-box" data-redactor="verified">');
+ 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);
+
+ // editter
+ this.image.editter = $('<span id="redactor-image-editter" data-redactor="verified">' + this.lang.get('edit') + '</span>');
+ this.image.editter.attr('contenteditable', false);
+ this.image.editter.on('click', $.proxy(function()
+ {
+ this.image.showEdit($image);
+ }, this));
+
+ imageBox.append(this.image.editter);
+
+ // position correction
+ var editerWidth = this.image.editter.innerWidth();
+ this.image.editter.css('margin-left', '-' + editerWidth/2 + 'px');
+
+
+ // resizer
+ if (this.opts.imageResizable && !this.utils.isMobile())
+ {
+ var imageResizer = $('<span id="redactor-image-resizer" data-redactor="verified"></span>');
+
+ if (!this.utils.isDesktop())
+ {
+ imageResizer.css({ width: '15px', height: '15px' });
+ }
+
+ imageResizer.attr('contenteditable', false);
+ imageBox.append(imageResizer);
+ imageBox.append($image);
+
+ return imageResizer;
+ }
+ else
+ {
+ imageBox.append($image);
+ return false;
+ }
+ },
+ remove: function(image)
+ {
+ var $image = $(image);
+ var $link = $image.closest('a');
+ var $figure = $image.closest('figure');
+ var $parent = $image.parent();
+ if ($('#redactor-image-box').size() !== 0)
+ {
+ $parent = $('#redactor-image-box').parent();
+ }
+
+ var $next;
+ if ($figure.size() !== 0)
+ {
+ $next = $figure.next();
+ $figure.remove();
+ }
+ else if ($link.size() !== 0)
+ {
+ $parent = $link.parent();
+ $link.remove();
+ }
+ else
+ {
+ $image.remove();
+ }
+
+ $('#redactor-image-box').remove();
+
+ if ($figure.size() !== 0)
+ {
+ this.caret.setStart($next);
+ }
+ else
+ {
+ this.caret.setStart($parent);
+ }
+
+ // delete callback
+ this.core.setCallback('imageDelete', $image[0].src, $image);
+
+ this.modal.close();
+ this.code.sync();
+ },
+ insert: function(json, direct, e)
+ {
+ // error callback
+ if (typeof json.error != 'undefined')
+ {
+ this.modal.close();
+ this.selection.restore();
+ this.core.setCallback('imageUploadError', json);
+ return;
+ }
+
+ var $img;
+ if (typeof json == 'string')
+ {
+ $img = $(json).attr('data-redactor-inserted-image', 'true');
+ }
+ else
+ {
+ $img = $('<img>');
+ $img.attr('src', json.filelink).attr('data-redactor-inserted-image', 'true');
+ }
+
+
+ var node = $img;
+ var isP = this.utils.isCurrentOrParent('P');
+ if (isP)
+ {
+ // will replace
+ node = $('<blockquote />').append($img);
+ }
+
+ if (direct)
+ {
+ this.selection.removeMarkers();
+ var marker = this.selection.getMarker();
+ this.insert.nodeToCaretPositionFromPoint(e, marker);
+ }
+ else
+ {
+ this.modal.close();
+ }
+
+ this.selection.restore();
+ this.buffer.set();
+
+
+ this.insert.html(this.utils.getOuterHtml(node), false);
+
+ var $image = this.$editor.find('img[data-redactor-inserted-image=true]').removeAttr('data-redactor-inserted-image');
+
+ if (isP)
+ {
+ $image.parent().contents().unwrap().wrap('<p />');
+ }
+ else if (this.opts.linebreaks)
+ {
+ $image.before('<br>').after('<br>');
+ }
+
+ if (typeof json == 'string') return;
+
+ this.core.setCallback('imageUpload', $image, json);
+
+ }
+ };
},
- removeFromArrayByValue: function(array, value)
+ file: function()
{
- var index = null;
+ return {
+ show: function()
+ {
+ this.modal.load('file', this.lang.get('file'), 700);
+ this.upload.init('#redactor-modal-file-upload', this.opts.fileUpload, this.file.insert);
- while ((index = array.indexOf(value)) !== -1)
- {
- array.splice(index, 1);
- }
+ this.selection.save();
- return array;
+ this.selection.get();
+ var text = this.sel.toString();
+
+ $('#redactor-filename').val(text);
+
+ this.modal.show();
+ },
+ insert: function(json, direct, e)
+ {
+ // error callback
+ if (typeof json.error != 'undefined')
+ {
+ this.modal.close();
+ this.selection.restore();
+ this.core.setCallback('fileUploadError', json);
+ return;
+ }
+
+ var link;
+ if (typeof json == 'string')
+ {
+ link = json;
+ }
+ else
+ {
+ var text = $('#redactor-filename').val();
+ if (typeof text == 'undefined' || text === '') text = json.filename;
+
+ link = '<a href="' + json.filelink + '" id="filelink-marker">' + text + '</a>';
+ }
+
+ if (direct)
+ {
+ this.selection.removeMarkers();
+ var marker = this.selection.getMarker();
+ this.insert.nodeToCaretPositionFromPoint(e, marker);
+ }
+ else
+ {
+ this.modal.close();
+ }
+
+ this.selection.restore();
+ this.buffer.set();
+
+
+ this.insert.html(link);
+
+ if (typeof json == 'string') return;
+
+ var linkmarker = $(this.$editor.find('a#filelink-marker'));
+ if (linkmarker.size() !== 0) linkmarker.removeAttr('id');
+ else linkmarker = false;
+
+
+ this.core.setCallback('fileUpload', linkmarker, json);
+
+ }
+ };
+ },
+ modal: function()
+ {
+ return {
+ callbacks: {},
+ loadTemplates: function()
+ {
+ this.opts.modal = {
+ imageEdit: String()
+ + '<section id="redactor-modal-image-edit">'
+ + '<label>' + this.lang.get('title') + '</label>'
+ + '<input type="text" id="redactor-image-title" />'
+ + '<label class="redactor-image-link-option">' + this.lang.get('link') + '</label>'
+ + '<input type="text" id="redactor-image-link" class="redactor-image-link-option" />'
+ + '<label class="redactor-image-link-option"><input type="checkbox" id="redactor-image-link-blank"> ' + this.lang.get('link_new_tab') + '</label>'
+ + '<label class="redactor-image-position-option">' + this.lang.get('image_position') + '</label>'
+ + '<select class="redactor-image-position-option" id="redactor-image-align">'
+ + '<option value="none">' + this.lang.get('none') + '</option>'
+ + '<option value="left">' + this.lang.get('left') + '</option>'
+ + '<option value="center">' + this.lang.get('center') + '</option>'
+ + '<option value="right">' + this.lang.get('right') + '</option>'
+ + '</select>'
+ + '</section>',
+
+ image: String()
+ + '<section id="redactor-modal-image-insert">'
+ + '<div id="redactor-modal-image-droparea"></div>'
+ + '</section>',
+
+ file: String()
+ + '<section id="redactor-modal-file-insert">'
+ + '<div id="redactor-modal-file-upload-box">'
+ + '<label>' + this.lang.get('filename') + '</label>'
+ + '<input type="text" id="redactor-filename" /><br><br>'
+ + '<div id="redactor-modal-file-upload"></div>'
+ + '</div>'
+ + '</section>',
+
+ link: String()
+ + '<section id="redactor-modal-link-insert">'
+ + '<label>URL</label>'
+ + '<input type="url" id="redactor-link-url" />'
+ + '<label>' + this.lang.get('text') + '</label>'
+ + '<input type="text" id="redactor-link-url-text" />'
+ + '<label><input type="checkbox" id="redactor-link-blank"> ' + this.lang.get('link_new_tab') + '</label>'
+ + '</section>'
+ };
+
+
+ $.extend(this.opts, this.opts.modal);
+
+ },
+ addCallback: function(name, callback)
+ {
+ this.modal.callbacks[name] = callback;
+ },
+ createTabber: function($modal)
+ {
+ this.modal.$tabber = $('<div>').attr('id', 'redactor-modal-tabber');
+
+ $modal.prepend(this.modal.$tabber);
+ },
+ addTab: function(id, name, active)
+ {
+ var $tab = $('<a href="#" rel="tab' + id + '">').text(name);
+ if (active)
+ {
+ $tab.addClass('active');
+ }
+
+ var self = this;
+ $tab.on('click', function(e)
+ {
+ e.preventDefault();
+ $('.redactor-tab').hide();
+ $('.redactor-' + $(this).attr('rel')).show();
+
+ self.modal.$tabber.find('a').removeClass('active');
+ $(this).addClass('active');
+
+ });
+
+ this.modal.$tabber.append($tab);
+ },
+ addTemplate: function(name, template)
+ {
+ this.opts.modal[name] = template;
+ },
+ getTemplate: function(name)
+ {
+ return this.opts.modal[name];
+ },
+ getModal: function()
+ {
+ return this.$modalBody.find('section');
+ },
+ load: function(templateName, title, width)
+ {
+ 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()
+ {
+ this.modal.bodyOveflow = $(document.body).css('overflow');
+ $(document.body).css('overflow', 'hidden');
+
+ if (this.utils.isMobile())
+ {
+ this.modal.showOnMobile();
+ }
+ else
+ {
+ this.modal.showOnDesktop();
+ }
+
+ this.$modalOverlay.show();
+ this.$modalBox.show();
+
+ this.modal.setButtonsWidth();
+
+ this.utils.saveScroll();
+
+ // resize
+ if (!this.utils.isMobile())
+ {
+ setTimeout($.proxy(this.modal.showOnDesktop, this), 0);
+ $(window).on('resize.redactor-modal', $.proxy(this.modal.resize, this));
+ }
+
+ // modal shown callback
+ this.core.setCallback('modalOpened', this.modal.templateName, this.$modal);
+
+ // fix bootstrap modal focus
+ $(document).off('focusin.modal');
+
+ // enter
+ this.$modal.find('input[type=text]').on('keypress.redactor-modal', $.proxy(this.modal.setEnter, this));
+
+ },
+ showOnDesktop: function()
+ {
+ var height = this.$modal.outerHeight();
+ var windowHeight = $(window).height();
+ var windowWidth = $(window).width();
+
+ if (this.modal.width > windowWidth)
+ {
+ this.$modal.css({
+ width: '96%',
+ marginTop: (windowHeight/2 - height/2) + 'px'
+ });
+ return;
+ }
+
+ if (height > windowHeight)
+ {
+ this.$modal.css({
+ width: this.modal.width + 'px',
+ marginTop: '20px'
+ });
+ }
+ else
+ {
+ this.$modal.css({
+ width: this.modal.width + 'px',
+ marginTop: (windowHeight/2 - height/2) + 'px'
+ });
+ }
+ },
+ showOnMobile: function()
+ {
+ this.$modal.css({
+ width: '96%',
+ marginTop: '2%'
+ });
+
+ },
+ resize: function()
+ {
+ if (this.utils.isMobile())
+ {
+ this.modal.showOnMobile();
+ }
+ else
+ {
+ this.modal.showOnDesktop();
+ }
+ },
+ setTitle: function(title)
+ {
+ this.$modalHeader.html(title);
+ },
+ setContent: function()
+ {
+ this.$modalBody.html(this.modal.getTemplate(this.modal.templateName));
+ },
+ setDraggable: function()
+ {
+ if (typeof $.fn.draggable === 'undefined') return;
+
+ this.$modal.draggable({ handle: this.$modalHeader });
+ this.$modalHeader.css('cursor', 'move');
+ },
+ setEnter: function(e)
+ {
+ if (e.which != 13) return;
+
+ e.preventDefault();
+ this.$modal.find('button.redactor-modal-action-btn').click();
+ },
+ createCancelButton: function()
+ {
+ var button = $('<button>').addClass('redactor-modal-btn redactor-modal-close-btn').html(this.lang.get('cancel'));
+ button.on('click', $.proxy(this.modal.close, this));
+
+ this.$modalFooter.append(button);
+ },
+ createDeleteButton: function(label)
+ {
+ return this.modal.createButton(label, 'delete');
+ },
+ createActionButton: function(label)
+ {
+ return this.modal.createButton(label, 'action');
+ },
+ createButton: function(label, className)
+ {
+ var button = $('<button>').addClass('redactor-modal-btn').addClass('redactor-modal-' + className + '-btn').html(label);
+ this.$modalFooter.append(button);
+
+ return button;
+ },
+ setButtonsWidth: function()
+ {
+ var buttons = this.$modalFooter.find('button');
+ var buttonsSize = buttons.size();
+ if (buttonsSize === 0) return;
+
+ buttons.css('width', (100/buttonsSize) + '%');
+ },
+ build: function()
+ {
+ this.modal.buildOverlay();
+
+ this.$modalBox = $('<div id="redactor-modal-box" />').hide();
+ this.$modal = $('<div id="redactor-modal" />');
+ this.$modalHeader = $('<header />');
+ this.$modalClose = $('<span id="redactor-modal-close" />').html('×');
+ this.$modalBody = $('<div id="redactor-modal-body" />');
+ this.$modalFooter = $('<footer />');
+
+ this.$modal.append(this.$modalHeader);
+ this.$modal.append(this.$modalClose);
+ this.$modal.append(this.$modalBody);
+ this.$modal.append(this.$modalFooter);
+ this.$modalBox.append(this.$modal);
+ this.$modalBox.appendTo(document.body);
+ },
+ buildOverlay: function()
+ {
+ this.$modalOverlay = $('<div id="redactor-modal-overlay">').hide();
+ $('body').prepend(this.$modalOverlay);
+ },
+ enableEvents: function()
+ {
+ this.$modalClose.on('click.redactor-modal', $.proxy(this.modal.close, this));
+ $(document).on('keyup.redactor-modal', $.proxy(this.modal.closeHandler, this));
+ this.$editor.on('keyup.redactor-modal', $.proxy(this.modal.closeHandler, this));
+ this.$modalBox.on('click.redactor-modal', $.proxy(this.modal.close, this));
+ },
+ disableEvents: function()
+ {
+ this.$modalClose.off('click.redactor-modal');
+ $(document).off('keyup.redactor-modal');
+ this.$editor.off('keyup.redactor-modal');
+ this.$modalBox.off('click.redactor-modal');
+ $(window).off('resize.redactor-modal');
+ },
+ closeHandler: function(e)
+ {
+ if (e.which != this.keyCode.ESC) return;
+
+ this.modal.close(false);
+ },
+ close: function(e)
+ {
+ if (e)
+ {
+ if (!$(e.target).hasClass('redactor-modal-close-btn') && e.target != this.$modalClose[0] && e.target != this.$modalBox[0])
+ {
+ return;
+ }
+
+ e.preventDefault();
+ }
+
+ if (!this.$modalBox) return;
+
+ this.modal.disableEvents();
+
+ this.$modalOverlay.remove();
+
+ this.$modalBox.fadeOut('fast', $.proxy(function()
+ {
+ this.$modalBox.remove();
+
+ setTimeout($.proxy(this.utils.restoreScroll, this), 0);
+
+ if (e !== undefined) this.selection.restore();
+
+ $(document.body).css('overflow', this.modal.bodyOveflow);
+ this.core.setCallback('modalClosed', this.modal.templateName);
+
+ }, this));
+
+ }
+ };
+ },
+ progress: function()
+ {
+ return {
+ show: function()
+ {
+ $(document.body).append($('<div id="redactor-progress"><span></span></div>'));
+ $('#redactor-progress').fadeIn();
+ },
+ hide: function()
+ {
+ $('#redactor-progress').fadeOut(1500, function()
+ {
+ $(this).remove();
+ });
+ }
+
+ };
+ },
+ upload: function()
+ {
+ return {
+ init: function(id, url, callback)
+ {
+ this.upload.direct = false;
+ this.upload.callback = callback;
+ this.upload.url = url;
+ this.upload.$el = $(id);
+ this.upload.$droparea = $('<div id="redactor-droparea" />');
+
+ this.upload.$placeholdler = $('<div id="redactor-droparea-placeholder" />').text('Drop file here or ');
+ this.upload.$input = $('<input type="file" name="file" />');
+
+ this.upload.$placeholdler.append(this.upload.$input);
+ this.upload.$droparea.append(this.upload.$placeholdler);
+ this.upload.$el.append(this.upload.$droparea);
+
+ this.upload.$droparea.off('redactor.upload');
+ this.upload.$input.off('redactor.upload');
+
+ this.upload.$droparea.on('dragover.redactor.upload', $.proxy(this.upload.onDrag, this));
+ this.upload.$droparea.on('dragleave.redactor.upload', $.proxy(this.upload.onDragLeave, this));
+
+ // change
+ this.upload.$input.on('change.redactor.upload', $.proxy(function(e)
+ {
+ e = e.originalEvent || e;
+ this.upload.traverseFile(this.upload.$input[0].files[0], e);
+ }, this));
+
+ // drop
+ this.upload.$droparea.on('drop.redactor.upload', $.proxy(function(e)
+ {
+ e.preventDefault();
+
+ this.upload.$droparea.removeClass('drag-hover').addClass('drag-drop');
+ this.upload.onDrop(e);
+
+ }, this));
+ },
+ directUpload: function(file, e)
+ {
+ this.upload.direct = true;
+ this.upload.traverseFile(file, e);
+ },
+ onDrop: function(e)
+ {
+ e = e.originalEvent || e;
+ var files = e.dataTransfer.files;
+
+ this.upload.traverseFile(files[0], e);
+ },
+ traverseFile: function(file, e)
+ {
+ if (this.opts.s3)
+ {
+ this.upload.setConfig(file);
+ this.upload.s3uploadFile(file);
+ return;
+ }
+
+ var formData = !!window.FormData ? new FormData() : null;
+ if (window.FormData)
+ {
+ this.upload.setConfig(file);
+
+ var name = (this.upload.type == 'image') ? this.opts.imageUploadParam : this.opts.fileUploadParam;
+ formData.append(name, file);
+ }
+
+ this.progress.show();
+ this.upload.sendData(formData, e);
+ },
+ setConfig: function(file)
+ {
+ this.upload.getType(file);
+
+ if (this.upload.direct)
+ {
+ this.upload.url = (this.upload.type == 'image') ? this.opts.imageUpload : this.opts.fileUpload;
+ this.upload.callback = (this.upload.type == 'image') ? this.image.insert : this.file.insert;
+ }
+ },
+ getType: function(file)
+ {
+ this.upload.type = 'image';
+ if (this.opts.imageTypes.indexOf(file.type) == -1)
+ {
+ this.upload.type = 'file';
+ }
+ },
+ getHiddenFields: function(obj, fd)
+ {
+ if (obj === false || typeof obj !== 'object') return fd;
+
+ $.each(obj, $.proxy(function(k, v)
+ {
+ if (v !== null && v.toString().indexOf('#') === 0) v = $(v).val();
+ fd.append(k, v);
+
+ }, this));
+
+ return fd;
+
+ },
+ sendData: function(formData, e)
+ {
+ // append hidden fields
+ if (this.upload.type == 'image')
+ {
+ formData = this.upload.getHiddenFields(this.opts.uploadImageFields, formData);
+ formData = this.upload.getHiddenFields(this.upload.imageFields, formData);
+ }
+ else
+ {
+ formData = this.upload.getHiddenFields(this.opts.uploadFileFields, formData);
+ formData = this.upload.getHiddenFields(this.upload.fileFields, formData);
+ }
+
+ var xhr = new XMLHttpRequest();
+ xhr.open('POST', this.upload.url);
+
+ // complete
+ xhr.onreadystatechange = $.proxy(function()
+ {
+ if (xhr.readyState == 4)
+ {
+ var data = xhr.responseText;
+
+ data = data.replace(/^\[/, '');
+ data = data.replace(/\]$/, '');
+
+ var json;
+ try
+ {
+ json = (typeof data === 'string' ? $.parseJSON(data) : data);
+ }
+ catch(err)
+ {
+ json = {
+ error: true
+ };
+ }
+
+
+ this.progress.hide();
+
+ if (!this.upload.direct)
+ {
+ this.upload.$droparea.removeClass('drag-drop');
+ }
+
+ this.upload.callback(json, this.upload.direct, e);
+ }
+ }, this);
+
+
+ /*
+ xhr.upload.onprogress = $.proxy(function(e)
+ {
+ if (e.lengthComputable)
+ {
+ var complete = (e.loaded / e.total * 100 | 0);
+ //progress.value = progress.innerHTML = complete;
+ }
+
+ }, this);
+ */
+
+
+ xhr.send(formData);
+ },
+ onDrag: function(e)
+ {
+ e.preventDefault();
+ this.upload.$droparea.addClass('drag-hover');
+ },
+ onDragLeave: function(e)
+ {
+ e.preventDefault();
+ this.upload.$droparea.removeClass('drag-hover');
+ },
+ clearImageFields: function()
+ {
+ this.upload.imageFields = {};
+ },
+ addImageFields: function(name, value)
+ {
+ this.upload.imageFields[name] = value;
+ },
+ removeImageFields: function(name)
+ {
+ delete this.upload.imageFields[name];
+ },
+ clearFileFields: function()
+ {
+ this.upload.fileFields = {};
+ },
+ addFileFields: function(name, value)
+ {
+ this.upload.fileFields[name] = value;
+ },
+ removeFileFields: function(name)
+ {
+ delete this.upload.fileFields[name];
+ },
+
+
+ // S3
+ s3uploadFile: function(file)
+ {
+ this.upload.s3executeOnSignedUrl(file, $.proxy(function(signedURL)
+ {
+ this.upload.s3uploadToS3(file, signedURL);
+ }, this));
+ },
+ s3executeOnSignedUrl: function(file, callback)
+ {
+ var xhr = new XMLHttpRequest();
+
+ var mark = '?';
+ if (this.opts.s3.search(/\?/) != '-1') mark = '&';
+
+ xhr.open('GET', this.opts.s3 + mark + 'name=' + file.name + '&type=' + file.type, true);
+
+ // Hack to pass bytes through unprocessed.
+ if (xhr.overrideMimeType) xhr.overrideMimeType('text/plain; charset=x-user-defined');
+
+ var that = this;
+ xhr.onreadystatechange = function(e)
+ {
+ if (this.readyState == 4 && this.status == 200)
+ {
+ that.progress.show();
+ callback(decodeURIComponent(this.responseText));
+ }
+ else if (this.readyState == 4 && this.status != 200)
+ {
+ //setProgress(0, 'Could not contact signing script. Status = ' + this.status);
+ }
+ };
+
+ xhr.send();
+ },
+ s3createCORSRequest: function(method, url)
+ {
+ var xhr = new XMLHttpRequest();
+ if ("withCredentials" in xhr)
+ {
+ xhr.open(method, url, true);
+ }
+ else if (typeof XDomainRequest != "undefined")
+ {
+ xhr = new XDomainRequest();
+ xhr.open(method, url);
+ }
+ else
+ {
+ xhr = null;
+ }
+
+ return xhr;
+ },
+ s3uploadToS3: function(file, url)
+ {
+ var xhr = this.upload.s3createCORSRequest('PUT', url);
+ if (!xhr)
+ {
+ //setProgress(0, 'CORS not supported');
+ }
+ else
+ {
+ xhr.onload = $.proxy(function()
+ {
+ if (xhr.status == 200)
+ {
+ //setProgress(100, 'Upload completed.');
+
+ this.progress.hide();
+
+ var s3file = url.split('?');
+
+ if (!s3file[0])
+ {
+ // url parsing is fail
+ return false;
+ }
+
+
+ if (!this.upload.direct)
+ {
+ this.upload.$droparea.removeClass('drag-drop');
+ }
+
+ var json = { filelink: s3file[0] };
+ if (this.upload.type == 'file')
+ {
+ var arr = s3file[0].split('/');
+ json.filename = arr[arr.length-1];
+ }
+
+ this.upload.callback(json, this.upload.direct, false);
+
+
+ }
+ else
+ {
+ //setProgress(0, 'Upload error: ' + xhr.status);
+ }
+ }, this);
+
+ xhr.onerror = function()
+ {
+ //setProgress(0, 'XHR error.');
+ };
+
+ xhr.upload.onprogress = function(e)
+ {
+ /*
+ if (e.lengthComputable)
+ {
+ var percentLoaded = Math.round((e.loaded / e.total) * 100);
+ setProgress(percentLoaded, percentLoaded == 100 ? 'Finalizing.' : 'Uploading.');
+ }
+ */
+ };
+
+ xhr.setRequestHeader('Content-Type', file.type);
+ xhr.setRequestHeader('x-amz-acl', 'public-read');
+
+ xhr.send(file);
+ }
+ }
+ };
+ },
+ utils: function()
+ {
+ return {
+ isMobile: function()
+ {
+ return /(iPhone|iPod|BlackBerry|Android)/.test(navigator.userAgent);
+ },
+ isDesktop: function()
+ {
+ return !/(iPhone|iPod|iPad|BlackBerry|Android)/.test(navigator.userAgent);
+ },
+ isString: function(obj)
+ {
+ return Object.prototype.toString.call(obj) == '[object String]';
+ },
+ isEmpty: function(html, removeEmptyTags)
+ {
+ html = html.replace(/[\u200B-\u200D\uFEFF]/g, '');
+ html = html.replace(/ /gi, '');
+ html = html.replace(/<\/?br\s?\/?>/g, '');
+ html = html.replace(/\s/g, '');
+ html = html.replace(/^<p>[^\W\w\D\d]*?<\/p>$/i, '');
+
+ // remove empty tags
+ if (removeEmptyTags !== false)
+ {
+ html = html.replace(/<[^\/>][^>]*><\/[^>]+>/gi, '');
+ html = html.replace(/<[^\/>][^>]*><\/[^>]+>/gi, '');
+ }
+
+ html = $.trim(html);
+
+ return html === '';
+ },
+ normalize: function(str)
+ {
+ if (typeof(str) === 'undefined') return 0;
+ return parseInt(str.replace('px',''), 10);
+ },
+ hexToRgb: function(hex)
+ {
+ if (typeof hex == 'undefined') return;
+ if (hex.search(/^#/) == -1) return hex;
+
+ var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+ hex = hex.replace(shorthandRegex, function(m, r, g, b)
+ {
+ return r + r + g + g + b + b;
+ });
+
+ var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+ return 'rgb(' + parseInt(result[1], 16) + ', ' + parseInt(result[2], 16) + ', ' + parseInt(result[3], 16) + ')';
+ },
+ getOuterHtml: function(el)
+ {
+ return $('<div>').append($(el).eq(0).clone()).html();
+ },
+ getAlignmentElement: function(el)
+ {
+ if ($.inArray(el.tagName, this.opts.alignmentTags) !== -1)
+ {
+ return $(el);
+ }
+ else
+ {
+ return $(el).closest(this.opts.alignmentTags.toString().toLowerCase(), this.$editor[0]);
+ }
+ },
+ removeEmptyAttr: function(el, attr)
+ {
+ var $el = $(el);
+ if (typeof $el.attr(attr) == 'undefined')
+ {
+ return true;
+ }
+
+ if ($el.attr(attr) === '')
+ {
+ $el.removeAttr(attr);
+ return true;
+ }
+
+ return false;
+ },
+ removeEmpty: function(i, s)
+ {
+ var $s = $(s);
+ var text = $.trim($s.text());
+ if ($s.children('hr, br, img').length !== 0) return;
+ if (this.utils.isEmpty(text, false))
+ {
+ $s.remove();
+ }
+ },
+
+ // save and restore scroll
+ saveScroll: function()
+ {
+ if (this.utils.isSelectAll()) return;
+
+ this.saveEditorScroll = this.$editor.scrollTop();
+ this.saveBodyScroll = $(window).scrollTop();
+
+ if (this.opts.scrollTarget) this.saveTargetScroll = $(this.opts.scrollTarget).scrollTop();
+ },
+ restoreScroll: function()
+ {
+ if (!this.saveScroll && !this.saveBodyScroll) return;
+
+ $(window).scrollTop(this.saveBodyScroll);
+ this.$editor.scrollTop(this.saveEditorScroll);
+
+ if (this.opts.scrollTarget) $(this.opts.scrollTarget).scrollTop(this.saveTargetScroll);
+ },
+
+ // get invisible space element
+ createSpaceElement: function()
+ {
+ var space = document.createElement('span');
+ space.className = 'redactor-invisible-space';
+ space.innerHTML = this.opts.invisibleSpace;
+
+ return space;
+ },
+
+ // replace
+ removeInlineTags: function(node)
+ {
+ var tags = this.opts.inlineTags;
+ tags.push('span');
+
+ if (node.tagName == 'PRE') tags.push('a');
+
+ $(node).find(tags.join(',')).not('span.redactor-selection-marker').contents().unwrap();
+ },
+ replaceWithContents: function(node, removeInlineTags)
+ {
+ var self = this;
+ $(node).replaceWith(function()
+ {
+ if (removeInlineTags === true) self.utils.removeInlineTags(this);
+
+ return $(this).contents();
+ });
+ },
+ replaceToTag: function(node, tag, removeInlineTags)
+ {
+ var replacement;
+ var self = this;
+ $(node).replaceWith(function()
+ {
+ replacement = $('<' + tag + ' />').append($(this).contents());
+
+ for (var i = 0; i < this.attributes.length; i++)
+ {
+ replacement.attr(this.attributes[i].name, this.attributes[i].value);
+ }
+
+ if (removeInlineTags === true) self.utils.removeInlineTags(replacement);
+
+ return replacement;
+ });
+
+ return replacement;
+ },
+
+ // start and end of element
+ isStartOfElement: function()
+ {
+ var block = this.selection.getBlock();
+ if (!block) return false;
+
+ var offset = this.caret.getOffsetOfElement(block);
+
+ return (offset === 0) ? true : false;
+ },
+ isEndOfElement: function()
+ {
+ var block = this.selection.getBlock();
+ if (!block) return false;
+
+ var offset = this.caret.getOffsetOfElement(block);
+ var text = $.trim($(block).text()).replace(/\n\r\n/g, '');
+ var len = text.length;
+
+ return (offset == len) ? true : false;
+ },
+
+ // test blocks
+ isBlock: function(block)
+ {
+ block = block[0] || block;
+
+ return block && this.utils.isBlockTag(block.tagName);
+ },
+ isBlockTag: function(tag)
+ {
+ if (typeof tag == 'undefined') return false;
+
+ return this.reIsBlock.test(tag);
+ },
+
+ // tag detection
+ isTag: function(current, tag)
+ {
+ var element = $(current).closest(tag);
+ if (element.size() == 1)
+ {
+ return element[0];
+ }
+
+ return false;
+ },
+
+ // select all
+ isSelectAll: function()
+ {
+ return this.selectAll;
+ },
+ enableSelectAll: function()
+ {
+ this.selectAll = true;
+ },
+ disableSelectAll: function()
+ {
+ this.selectAll = false;
+ },
+
+ // parents detection
+ isRedactorParent: function(el)
+ {
+ if (!el)
+ {
+ return false;
+ }
+
+ if ($(el).parents('.redactor-editor').length === 0 || $(el).hasClass('redactor-editor'))
+ {
+ return false;
+ }
+
+ return el;
+ },
+ isCurrentOrParent: function(tagName)
+ {
+ var parent = this.selection.getParent();
+ var current = this.selection.getCurrent();
+
+ if ($.isArray(tagName))
+ {
+ var matched = 0;
+ $.each(tagName, $.proxy(function(i, s)
+ {
+ if (this.utils.isCurrentOrParentOne(current, parent, s))
+ {
+ matched++;
+ }
+ }, this));
+
+ return (matched === 0) ? false : true;
+ }
+ else
+ {
+ return this.utils.isCurrentOrParentOne(current, parent, tagName);
+ }
+ },
+ isCurrentOrParentOne: function(current, parent, tagName)
+ {
+ return parent && parent.tagName === tagName ? parent : current && current.tagName === tagName ? current : false;
+ },
+
+
+ // browsers detection
+ isOldIe: function()
+ {
+ return (this.utils.browser('msie') && parseInt(this.utils.browser('version'), 10) < 9) ? true : false;
+ },
+ isLessIe10: function()
+ {
+ return (this.utils.browser('msie') && parseInt(this.utils.browser('version'), 10) < 10) ? true : false;
+ },
+ isIe11: function()
+ {
+ return !!navigator.userAgent.match(/Trident\/7\./);
+ },
+ browser: function(browser)
+ {
+ var ua = navigator.userAgent.toLowerCase();
+ var match = /(opr)[\/]([\w.]+)/.exec( ua ) ||
+ /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
+ /(webkit)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec(ua) ||
+ /(webkit)[ \/]([\w.]+)/.exec( ua ) ||
+ /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
+ /(msie) ([\w.]+)/.exec( ua ) ||
+ ua.indexOf("trident") >= 0 && /(rv)(?::| )([\w.]+)/.exec( ua ) ||
+ ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
+ [];
+
+ if (browser == 'version') return match[2];
+ if (browser == 'webkit') return (match[1] == 'chrome' || match[1] == 'webkit');
+ if (match[1] == 'rv') return browser == 'msie';
+ if (match[1] == 'opr') return browser == 'webkit';
+
+ return browser == match[1];
+ }
+ };
}
-
};
// constructor
Redactor.prototype.init.prototype = Redactor.prototype;
// LINKIFY
- $.Redactor.fn.formatLinkify = function(protocol, convertLinks, convertImageLinks, convertVideoLinks, linkSize)
+ $.Redactor.fn.formatLinkify = function(protocol, convertLinks, convertUrlLinks, convertImageLinks, convertVideoLinks, linkSize)
{
- var url = /(((https?|ftps?):\/\/)|www[.][^\s])(.+?\..+?)([.),]?)(\s|\.\s+|\)|$)/gi,
- rProtocol = /(https?|ftp):\/\//i,
- urlImage = /(https?:\/\/.*\.(?:png|jpg|jpeg|gif))/gi;
+ var urlCheck = '((?:http[s]?:\\/\\/(?:www\\.)?|www\\.){1}(?:[0-9A-Za-z\\-%_]+\\.)+[a-zA-Z]{2,}(?::[0-9]+)?(?:(?:/[0-9A-Za-z\\-\\.%_]*)+)?(?:\\?(?:[0-9A-Za-z\\-\\.%_]+(?:=[0-9A-Za-z\\-\\.%_\\+]*)?)?(?:&(?:[0-9A-Za-z\\-\\.%_]+(?:=[0-9A-Za-z\\-\\.%_\\+]*)?)?)*)?(?:#[0-9A-Za-z\\-\\.%_\\+=\\?&;]*)?)';
+ var regex = new RegExp(urlCheck, 'gi');
+ var rProtocol = /(https?|ftp):\/\//i;
+ var urlImage = /(https?:\/\/.*\.(?:png|jpg|jpeg|gif))/gi;
- var childNodes = (this.$editor ? this.$editor.get(0) : this).childNodes, i = childNodes.length;
+ var childNodes = (this.$editor ? this.$editor[0] : this).childNodes, i = childNodes.length;
while (i--)
{
var n = childNodes[i];
@@ -8224,38 +7818,38 @@
// image
if (convertImageLinks && html && html.match(urlImage))
{
- html = html.replace(urlImage, '<img src="$1">');
+ html = html.replace(urlImage, '<img src="$1" />');
$(n).after(html).remove();
+ return;
}
// link
- if (convertLinks && html && html.match(url))
- {
- var matches = html.match(url);
+ if (html.search(/\$/g) != -1) html = html.replace(/\$/g, '$');
- for (var i in matches)
+ var matches = html.match(regex);
+ if (convertUrlLinks && html && matches)
+ {
+
+ var len = matches.length;
+ for (var z = 0; z < len; z++)
{
- var href = matches[i];
+ // remove dot in the end
+ if (matches[z].match(/\.$/) !== null) matches[z] = matches[z].replace(/\.$/, '');
+
+ var href = matches[z];
var text = href;
var space = '';
if (href.match(/\s$/) !== null) space = ' ';
- var addProtocol = protocol;
+ var addProtocol = protocol + '://';
if (href.match(rProtocol) !== null) addProtocol = '';
if (text.length > linkSize) text = text.substring(0, linkSize) + '...';
+ text = text.replace(/$/g, '$').replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
- text = text.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>')
-
- /*
- To handle URLs which may have $ characters in them, need to escape $ -> $$ to prevent $1 from getting treated as a backreference.
- See http://gotofritz.net/blog/code-snippets/escaping-in-replace-strings-in-javascript/
- */
- var escapedBackReferences = text.replace('$', '$$$');
-
- html = html.replace(href, '<a href=\"' + addProtocol + $.trim(href) + '\">' + $.trim(escapedBackReferences) + '</a>' + space);
+ html = html.replace(href, '<a href=\"' + addProtocol + $.trim(href) + '\">' + $.trim(text) + '</a>' + space);
}
$(n).after(html).remove();
@@ -8263,93 +7857,9 @@
}
else if (n.nodeType === 1 && !/^(a|button|textarea)$/i.test(n.tagName))
{
- $.Redactor.fn.formatLinkify.call(n, protocol, convertLinks, convertImageLinks, convertVideoLinks, linkSize);
+ $.Redactor.fn.formatLinkify.call(n, protocol, convertLinks, convertUrlLinks, convertImageLinks, convertVideoLinks, linkSize);
}
}
};
-})(jQuery);
-
-
-if (!RedactorPlugins) var RedactorPlugins = {};
-
-RedactorPlugins.fontcolor = {
- init: function()
- {
- var colors = [
- '#ffffff','#000000',"#993300","#333300","#003300","#003366","#000080","#333399","#333333","#800000","#FF6600","#808000","#008000","#008080","#0000FF","#666699","#808080","#FF0000","#FF9900","#99CC00","#339966","#33CCCC","#3366FF","#800080","#999999","#FF00FF","#FFCC00","#FFFF00","#00FF00","#00FFFF","#00CCFF","#993366","#C0C0C0","#FF99CC","#FFCC99","#FFFF99","#CCFFCC","#CCFFFF","#99CCFF","#CC99FF",
- '#eeece1', '#1f497d', '#4f81bd', '#c0504d', '#9bbb59', '#8064a2', '#4bacc6', '#f79646', '#ffff00',
- '#f2f2f2', '#7f7f7f', '#ddd9c3', '#c6d9f0', '#dbe5f1', '#f2dcdb', '#ebf1dd', '#e5e0ec', '#dbeef3', '#fdeada', '#fff2ca',
- '#d8d8d8', '#595959', '#c4bd97', '#8db3e2', '#b8cce4', '#e5b9b7', '#d7e3bc', '#ccc1d9', '#b7dde8', '#fbd5b5', '#ffe694',
- '#bfbfbf', '#3f3f3f', '#938953', '#548dd4', '#95b3d7', '#d99694', '#c3d69b', '#b2a2c7', '#b7dde8', '#fac08f', '#f2c314',
- '#a5a5a5', '#262626', '#494429', '#17365d', '#366092', '#953734', '#76923c', '#5f497a', '#92cddc', '#e36c09', '#c09100',
- '#7f7f7f', '#0c0c0c', '#1d1b10', '#0f243e', '#244061', '#632423', '#4f6128', '#3f3151', '#31859b', '#974806', '#7f6000'
- ];
-
- var buttons = ['fontcolor', 'backcolor'];
-
- for (var i = 0; i < 2; i++)
- {
- var name = buttons[i];
-
- var $dropdown = $('<div class="redactor_dropdown redactor_dropdown_box_' + name + '" style="display: none; width: 243px;">');
-
- this.pickerBuild($dropdown, name, colors);
- $(this.$toolbar).append($dropdown);
-
- var btn = this.buttonAdd(name, this.opts.curLang[name], $.proxy(function(btnName, $button, btnObject, e)
- {
- this.dropdownShow(e, btnName);
-
- }, this));
-
- btn.data('dropdown', $dropdown);
- }
- },
- pickerBuild: function($dropdown, name, colors)
- {
- var rule = 'color';
- if (name === 'backcolor') rule = 'background-color';
-
- var _self = this;
- var onSwatch = function(e)
- {
- e.preventDefault();
-
- var $this = $(this);
- _self.pickerSet($this.data('rule'), $this.attr('rel'));
-
- }
-
- var len = colors.length;
- for (var z = 0; z < len; z++)
- {
- var color = colors[z];
-
- var $swatch = $('<a rel="' + color + '" data-rule="' + rule +'" href="#" style="float: left; font-size: 0; border: 2px solid #fff; padding: 0; margin: 0; width: 20px; height: 20px;"></a>');
- $swatch.css('background-color', color);
- $dropdown.append($swatch);
- $swatch.on('click', onSwatch);
- }
-
- var $elNone = $('<a href="#" style="display: block; clear: both; padding: 4px 0; font-size: 11px; line-height: 1;"></a>')
- .html(this.opts.curLang.none)
- .on('click', function(e)
- {
- e.preventDefault();
- _self.pickerSet(rule, false);
- });
-
- $dropdown.append($elNone);
- },
- pickerSet: function(rule, type)
- {
- this.bufferSet();
-
- this.$editor.focus();
- this.inlineRemoveStyle(rule);
- if (type !== false) this.inlineSetStyle(rule, type);
- if (this.opts.air) this.$air.fadeOut(100);
- this.sync();
- }
-};
\ No newline at end of file
+})(jQuery);
\ No newline at end of file
diff --git a/app/assets/javascripts/redactor_plugins/fontcolor.js b/app/assets/javascripts/redactor_plugins/fontcolor.js
new file mode 100755
index 0000000..562c4cc
--- /dev/null
+++ b/app/assets/javascripts/redactor_plugins/fontcolor.js
@@ -0,0 +1,73 @@
+if (!RedactorPlugins) var RedactorPlugins = {};
+
+RedactorPlugins.fontcolor = function()
+{
+ return {
+ init: function()
+ {
+ var colors = [
+ '#ffffff', '#000000', '#eeece1', '#1f497d', '#4f81bd', '#c0504d', '#9bbb59', '#8064a2', '#4bacc6', '#f79646', '#ffff00',
+ '#f2f2f2', '#7f7f7f', '#ddd9c3', '#c6d9f0', '#dbe5f1', '#f2dcdb', '#ebf1dd', '#e5e0ec', '#dbeef3', '#fdeada', '#fff2ca',
+ '#d8d8d8', '#595959', '#c4bd97', '#8db3e2', '#b8cce4', '#e5b9b7', '#d7e3bc', '#ccc1d9', '#b7dde8', '#fbd5b5', '#ffe694',
+ '#bfbfbf', '#3f3f3f', '#938953', '#548dd4', '#95b3d7', '#d99694', '#c3d69b', '#b2a2c7', '#b7dde8', '#fac08f', '#f2c314',
+ '#a5a5a5', '#262626', '#494429', '#17365d', '#366092', '#953734', '#76923c', '#5f497a', '#92cddc', '#e36c09', '#c09100',
+ '#7f7f7f', '#0c0c0c', '#1d1b10', '#0f243e', '#244061', '#632423', '#4f6128', '#3f3151', '#31859b', '#974806', '#7f6000'
+ ];
+
+ var buttons = ['fontcolor', 'backcolor'];
+
+ for (var i = 0; i < 2; i++)
+ {
+ var name = buttons[i];
+
+ var button = this.button.add(name, this.lang.get(name));
+ var $dropdown = this.button.addDropdown(button);
+
+ $dropdown.width(242);
+ this.fontcolor.buildPicker($dropdown, name, colors);
+
+ }
+ },
+ buildPicker: function($dropdown, name, colors)
+ {
+ var rule = (name == 'backcolor') ? 'background-color' : 'color';
+
+ var len = colors.length;
+ var self = this;
+ var func = function(e)
+ {
+ e.preventDefault();
+ self.fontcolor.set($(this).data('rule'), $(this).attr('rel'));
+ };
+
+ for (var z = 0; z < len; z++)
+ {
+ var color = colors[z];
+
+ var $swatch = $('<a rel="' + color + '" data-rule="' + rule +'" href="#" style="float: left; font-size: 0; border: 2px solid #fff; padding: 0; margin: 0; width: 22px; height: 22px;"></a>');
+ $swatch.css('background-color', color);
+ $swatch.on('click', func);
+
+ $dropdown.append($swatch);
+ }
+
+ var $elNone = $('<a href="#" style="display: block; clear: both; padding: 5px; font-size: 12px; line-height: 1;"></a>').html(this.lang.get('none'));
+ $elNone.on('click', $.proxy(function(e)
+ {
+ e.preventDefault();
+ this.fontcolor.remove(rule);
+
+ }, this));
+
+ $dropdown.append($elNone);
+ },
+ set: function(rule, type)
+ {
+ this.inline.format('span', 'style', rule + ': ' + type + ';');
+ },
+ remove: function(rule)
+ {
+ this.inline.removeStyleRule(rule);
+ }
+ };
+};
\ No newline at end of file
diff --git a/app/assets/javascripts/redactor_plugins/fontfamily.js b/app/assets/javascripts/redactor_plugins/fontfamily.js
new file mode 100755
index 0000000..5e42671
--- /dev/null
+++ b/app/assets/javascripts/redactor_plugins/fontfamily.js
@@ -0,0 +1,32 @@
+if (!RedactorPlugins) var RedactorPlugins = {};
+
+RedactorPlugins.fontfamily = function()
+{
+ return {
+ init: function ()
+ {
+ var fonts = [ 'Lato', 'Stylograph','Arial', 'Helvetica', 'Georgia', 'Times New Roman', 'Monospace' ];
+ var that = this;
+ var dropdown = {};
+
+ $.each(fonts, function(i, s)
+ {
+ dropdown['s' + i] = { title: s, func: function() { that.fontfamily.set(s); }};
+ });
+
+ dropdown.remove = { title: 'Remove Font Family', func: that.fontfamily.reset };
+
+ var button = this.button.add('fontfamily', 'Change Font Family');
+ this.button.addDropdown(button, dropdown);
+
+ },
+ set: function (value)
+ {
+ this.inline.format('span', 'style', 'font-family:' + value + ';');
+ },
+ reset: function()
+ {
+ this.inline.removeStyleRule('font-family');
+ }
+ };
+};
\ No newline at end of file
diff --git a/app/assets/javascripts/redactor_plugins/fontsize.js b/app/assets/javascripts/redactor_plugins/fontsize.js
new file mode 100755
index 0000000..6a3df8f
--- /dev/null
+++ b/app/assets/javascripts/redactor_plugins/fontsize.js
@@ -0,0 +1,75 @@
+if (!RedactorPlugins) var RedactorPlugins = {};
+
+RedactorPlugins.fontsize = function()
+{
+ return {
+ init: function()
+ {
+ var fonts = [10, 11, 12, 14, 16, 18, 20, 24, 28, 30];
+ var that = this;
+ var dropdown = {};
+
+ $.each(fonts, function(i, s)
+ {
+ dropdown['s' + i] = { title: s + 'px', func: function() { that.fontsize.set(s); } };
+ });
+
+ dropdown.remove = { title: 'Remove Font Size', func: that.fontsize.reset };
+
+ var button = this.button.add('fontsize', 'Change Font Size');
+ this.button.addDropdown(button, dropdown);
+ },
+ set: function(size)
+ {
+ this.inline.format('span', 'style', 'font-size: ' + size + 'px;');
+ },
+ reset: function()
+ {
+ this.inline.removeStyleRule('font-size');
+ }
+ };
+};
+
+if (!RedactorPlugins) var RedactorPlugins = {};
+
+RedactorPlugins.scriptbuttons = function()
+{
+ return {
+ init: function()
+ {
+ var sup = this.button.add('superscript', 'Superscript');
+ var sub = this.button.add('subscript', 'Subscript');
+
+ // make your added buttons as Font Awesome's icon
+ this.button.setAwesome('superscript', 'fa-superscript');
+ this.button.setAwesome('subscript', 'fa-subscript');
+
+ this.button.addCallback(sup, this.scriptbuttons.formatSup);
+ this.button.addCallback(sub, this.scriptbuttons.formatSub);
+ },
+ formatSup: function()
+ {
+ this.inline.format('sup');
+ },
+ formatSub: function()
+ {
+ this.inline.format('sub');
+ }
+ };
+};
+
+if (!RedactorPlugins) var RedactorPlugins = {};
+
+RedactorPlugins.bufferbuttons = function()
+{
+ return {
+ init: function()
+ {
+ var undo = this.button.addFirst('undo', 'Undo');
+ var redo = this.button.addAfter('undo', 'redo', 'Redo');
+
+ this.button.addCallback(undo, this.buffer.undo);
+ this.button.addCallback(redo, this.buffer.redo);
+ }
+ };
+};
\ No newline at end of file
diff --git a/app/assets/stylesheets/admin.css.scss b/app/assets/stylesheets/admin.css.scss
index 59ad8a1..554c81f 100644
--- a/app/assets/stylesheets/admin.css.scss
+++ b/app/assets/stylesheets/admin.css.scss
@@ -3,19 +3,16 @@
@import "bootstrap";
@import "fontawesome/font-awesome";
-//@import "admin/lesshat";
-
@import "manager";
@import "redactor";
@import "pane_hover";
@import "vendor/select2";
-@import "admin/topics";
-
-#admin_navbar{
+#admin_nav{
border-radius:0px;
}
+
span.preview{
img{
max-width:125px;
@@ -38,7 +35,7 @@ html {
body {
height: 100%;
width: 100%;
-
+
}
@@ -108,7 +105,7 @@ text-decoration:none;
}
-
+
#upload_details{
display:none;
.content{
@@ -182,124 +179,125 @@ text-decoration:none;
- #toolbar-text{
- position:fixed;
+ #toolbar-text{
+ position:fixed;
z-index:2;
- top:52px;
- left:0px;
- right:330px;
+ top:52px;
+ left:0px;
+ right:330px;
-
- }
-
- #flashs{
- position:fixed;
- bottom:0px;
+
+ }
+
+ #flashs{
+ position:fixed;
+ bottom:0px;
- right:1em;
- min-width:600px;
- width:50%;
+ left:1em;
+ min-width:600px;
+ width:50%;
+ z-index:3;
- }
-
+ }
+
- form .clearfix:before, form .clearfix:after {
- display: inline;
- }
+ form .clearfix:before, form .clearfix:after {
+ display: inline;
+ }
- .error{
- color:red;
-
- input{
- border-color:red;
- }
-
- *{
- color:red;
- }
- }
+ .error{
+ color:red;
+
+ input{
+ border-color:red;
+ }
+
+ *{
+ color:red;
+ }
+ }
- body.dragging, body.dragging * {
- cursor: move !important;
+ body.dragging, body.dragging * {
+ cursor: move !important;
- }
+ }
- .dragged {
- position: absolute;
- opacity: 0.5;
- z-index: 2000;
- }
+ .dragged {
+ position: absolute;
+ opacity: 0.5;
+ z-index: 2000;
+ }
- ol.sortable li.placeholder {
- position: relative;
- }
+ ol.sortable li.placeholder {
+ position: relative;
+ }
- ol.sortable li.placeholder:before {
- position: absolute;
+ ol.sortable li.placeholder:before {
+ position: absolute;
- }
+ }
-
-
+
+
-
- .placeholder{
- background:rgba(143,202,70,0.8);
- height:10px;
- }
+
+ .placeholder{
+ background:rgba(143,202,70,0.8);
+ height:10px;
+ }
- .prevv_folder{
+ .prevv_folder{
- border-top:1px solid #999999;
- border-bottom:1px solid #999999;
- padding:8px 0px;
+ border-top:1px solid #999999;
+ border-bottom:1px solid #999999;
+ padding:8px 0px;
- .placeholder{
- height:0px;
- }
-
- &.active{
- background:rgba(143,202,70,0.8);
+ .placeholder{
+ height:0px;
+ }
+
+ &.active{
+ background:rgba(143,202,70,0.8);
- }
+ }
- }
+ }
- #sortable_menu_item{
- .menu_item_row{
- padding:8px 0px;
- background:rgba(240,240,240,1);
- margin:3px 0px;
+ #sortable_menu_item{
+ .menu_item_row{
+ padding:8px 0px;
+ background:rgba(240,240,240,1);
+ margin:3px 0px;
- .actions{
- text-align:right;
+ .actions{
+ text-align:right;
- }
-
- }
-
-
-
- .receptable{
- position:relative;
-
- .placeholder{
- position:absolute;
- top:0px;
- left:0px;
- right:0px;
- bottom:0px;
- height:auto;
- }
+ }
+
+ }
+
+
+
+ .receptable{
+ position:relative;
+
+ .placeholder{
+ position:absolute;
+ top:0px;
+ left:0px;
+ right:0px;
+ bottom:0px;
+ height:auto;
+ }
- }
+ }
- }
-
- #menu_item_informations{
+ }
+
+ #menu_item_informations{
form{
@@ -313,251 +311,256 @@ text-decoration:none;
}
}
- position:fixed;
+ position:fixed;
z-index:3;
overflow:auto;
box-shadow:rgba(0,0,0,1) 0px 0px 5px;
margin-bottom:0px;
- top:52px;
- right:0px;
- width:330px;
- bottom:0px;
+ top:52px;
+ right:0px;
+ width:330px;
+ bottom:0px;
background:white;
- .placeholder{
- display:inline-block;
- width:91px;
- height:91px;
- margin:0px;
+ .placeholder{
+ display:inline-block;
+ width:91px;
+ height:91px;
+ margin:0px;
}
-
+
- }
-
+ }
+
-
- .block_portlets{
- min-height:50px;
- border:1px dotted rgba(227,227,227,1);
-
-
- }
-
- .block_portlets_sortable{
- border:0px;
-
- }
-
-
-
- #menu_item_inspector_container{
-
- .accordion{
-
- height:auto;
-
- }
-
- .accordion-group{
- border:0px;
- border-radius:0px;
- }
-
-
- .accordion-body{
- background:white;
-
- }
- .accordion-heading{
- border-radius:0px;
- border:0px;
- background:-webkit-linear-gradient(top, #222222, #111111);
- padding:0px;
- min-height:0px;
- a{
- padding:10px 20px;
- color:white;
-
- &:hover{
- text-decoration:none;
- }
- }
-
- }
- .inspector_handle{
- height:10px;
- width:100%;
- background:black;
- cursor:pointer;
-
- }
-
- .content_type{
- display:inline-block;
- img{height:50px;cursor:pointer;}
+
+ .block_portlets{
+ min-height:50px;
+ border:1px dotted rgba(227,227,227,1);
+
- }
- }
-
- .btn-toolbar{
- display:none;
+ }
+
+ .block_portlets_sortable{
+ border:0px;
+
+ }
+
+
+
+ #menu_item_inspector_container{
+ .panel{
+ border-radius:0px;
+ border-left:0px;
+ border-right:0px;
+
+ }
+ .accordion{
+
+ height:auto;
+
+ }
+
+ .accordion-group{
+ border:0px;
+ border-radius:0px;
+ }
+
+
+ .accordion-body{
+ background:white;
+
+ }
+ .accordion-heading{
+ border-radius:0px;
+ border:0px;
+ background:-webkit-linear-gradient(top, #222222, #111111);
+ padding:0px;
+ min-height:0px;
+ a{
+ padding:10px 20px;
+ color:white;
+
+ &:hover{
+ text-decoration:none;
+ }
+ }
+
+ }
+ .inspector_handle{
+ height:10px;
+ width:100%;
+ background:black;
+ cursor:pointer;
+
+ }
+
+ .content_type{
+ display:inline-block;
+ img{height:50px;cursor:pointer;}
+
+ }
+ }
+
+ .btn-toolbar{
+ display:none;
top:-35px;
-
- }
-
-
- #column_sliders{
-
- position:relative;
-
- .slider{
- position:absolute;
- top:0px;
- left:0px;
- width:100%;
- }
-
- .slider-selection{
- display:none !important;
- }
-
- .slider:not(:first-child){
-
-
- .slider-track{
- background:transparent;
- box-shadow:transparent 0px 0px 0px;
- }
- }
-
-
- .slider-handle{
- z-index:100;
- }
-
- }
-
- .html_content_form{
+
+ }
+
+
+ #column_sliders{
+
+ position:relative;
+
+ .slider{
+ position:absolute;
+ top:0px;
+ left:0px;
+ width:100%;
+ }
+
+ .slider-selection{
+ display:none !important;
+ }
+
+ .slider:not(:first-child){
+
+
+ .slider-track{
+ background:transparent;
+ box-shadow:transparent 0px 0px 0px;
+ }
+ }
+
+
+ .slider-handle{
+ z-index:100;
+ }
+
+ }
+
+ .html_content_form{
-
-
+
+
- #ace_editor_pre{
- position:relative;
- width:100%;
- height:400px;
- background:white;
- border:1px solid #353535;
-
- }
-
+ #ace_editor_pre{
+ position:relative;
+ width:100%;
+ height:400px;
+ background:white;
+ border:1px solid #353535;
+
+ }
+
-
+
- &.large{
- position:fixed;
- top:0px;
- left:0px;
- bottom:0px;
- right:0px;
- background:white;
- z-index:2000 !important;
-
-
- #ace_editor_pre{
- position:absolute;
- top:10px;
- left:10px;
- bottom:50px;
- right:10px;
- width:inherit;
- height:inherit;
-
-
- }
-
- .action{
-
- position:absolute;
-
- bottom:15px;
- right:5px;
-
-
- }
-
-
-
-
- }
+ &.large{
+ position:fixed;
+ top:0px;
+ left:0px;
+ bottom:0px;
+ right:0px;
+ background:white;
+ z-index:2000 !important;
+
+
+ #ace_editor_pre{
+ position:absolute;
+ top:10px;
+ left:10px;
+ bottom:50px;
+ right:10px;
+ width:inherit;
+ height:inherit;
+
+
+ }
+
+ .action{
+
+ position:absolute;
+
+ bottom:15px;
+ right:5px;
+
+
+ }
+
+
+
+
+ }
-
- }
-
-
+
+ }
+
+
- .image_square{
- display:inline-block;
- padding:5px;
- margin:5px;
- position:relative;
- border : 1px solid rgb(230,230,230);
+ .image_square{
+ display:inline-block;
+ padding:5px;
+ margin:5px;
+ position:relative;
+ border : 1px solid rgb(230,230,230);
- background:white;
-
- .actions{
- display:none;
- position:absolute;
- top:0px;
- right:0px;
- }
- }
+ background:white;
+
+ .actions{
+ display:none;
+ position:absolute;
+ top:0px;
+ right:0px;
+ }
+ }
- .image_square .img{
- text-align:center;
- width:150px;
- height:150px;
- margin:0px;
- background-position:center center;
- background-repeat:no-repeat;
+ .image_square .img{
+ text-align:center;
+ width:150px;
+ height:150px;
+ margin:0px;
+ background-position:center center;
+ background-repeat:no-repeat;
- background-size: contain;
-
-
-
- }
+ background-size: contain;
+
+
+
+ }
- .image_square:hover .actions{
- display:block;
- border:none;
- padding:0px;
- margin:0px;
+ .image_square:hover .actions{
+ display:block;
+ border:none;
+ padding:0px;
+ margin:0px;
-
- }
+
+ }
- .image_square:hover .actions:hover{
+ .image_square:hover .actions:hover{
- opacity:1;
-
- }
-
-
-
+ opacity:1;
+
+ }
+
+
+
}
.event_date_form{
- background:rgba(143,193,46,0.9);
- margin:0px -10px 20px -10px;
- padding:10px;
-
- color:black;
-
- p{
- line-height:35px;
- }
+ background:rgba(143,193,46,0.9);
+ margin:0px -10px 20px -10px;
+ padding:10px;
+
+ color:black;
+
+ p{
+ line-height:35px;
+ }
label{
display:inline;
@@ -567,21 +570,21 @@ text-decoration:none;
.field_with_suppr{
- display:inline-block;
- position:relative;
-
- .suppr{
+ display:inline-block;
+ position:relative;
+
+ .suppr{
- display:block;
- position:absolute;
- top:7px;
- right:5px;
- img{
- cursor:pointer;
- }
+ display:block;
+ position:absolute;
+ top:7px;
+ right:5px;
+ img{
+ cursor:pointer;
+ }
- }
-
+ }
+
}
.periodes_form .field, .jockers_form .field{
@@ -638,10 +641,180 @@ cursor:pointer;
box-sizing: border-box;
&.active{
border:3px solid rgba(129,155,237,1);
+.redactor-editor{
+background:rgba(225,237,251,1);
+
+}
+}
+&.portlet_text_content{
+border:0;
}
&.move{
opacity:0.5;
}
-}
\ No newline at end of file
+}
+h1{
+margin-top:0;
+
+}
+
+.table-striped tr:nth-child(odd) td, .table-striped tr:nth-child(odd) th{
+
+background:rgba(235,244,250,1) !important;
+
+}
+
+.block_portlets{
+.portlet{
+min-height:50px;
+}
+
+}
+
+#menu_item_informations{
+ #collapse3{
+
+ position:relative;
+ padding-bottom:50px;
+ }
+
+
+ #element_form_action{
+
+ position:fixed;
+ width:330px;
+ right:0;
+ bottom:0;
+ border-top:solid rgba(221,221,221,1) 1px;
+
+ .portlet_handle, .trash, .save{
+ border-radius:0;
+ border:0;
+ margin:0;
+ display:block;
+ float:left;
+ padding:10px 12px;
+
+ }
+
+ .portlet_handle{
+ width:35%;
+
+ .cancel_message{
+ display:none;
+ }
+ }
+ .trash{
+ width:20%;
+ }
+ .save{
+ width:45%;
+ }
+
+
+ }
+
+}
+
+
+
+
+.row{
+
+margin:auto;
+max-width:1100px;
+display:block;
+
+
+&:after{
+content: "";
+ display: table;
+ clear: both;
+
+}
+
+.columns{
+
+display:block;
+
+box-sizing: border-box;
+float:left;
+display:inline-block;
+
+&.span_12{
+width:100%;
+
+}
+
+&.span_11{
+width:100/12*11;
+
+}
+&.span_10{
+width:percentage(1/12*10);
+
+}
+&.span_9{
+width:percentage(1/12*9);
+
+}
+&.span_8{
+width:percentage(1/12*8);
+
+}
+&.span_7{
+width:percentage(1/12*7);
+
+}
+
+&.span_6{
+width:percentage(1/12*6);
+
+}
+&.span_5{
+width:percentage(1/12*5);
+
+}
+&.span_4{
+width:percentage(1/12*4);
+
+}
+&.span_3{
+width:percentage(1/12*3);
+
+}
+&.span_2{
+width:percentage(1/12*2);
+
+}
+
+&.span_1{
+width:percentage(1/12*1);
+
+}
+
+
+}
+}
+#menu_item_informations{
+h4{
+color: #333333;
+background-color: whitesmoke;
+border:1px solid #dddddd;
+padding:10px 15px;
+font-size:16px;
+cursor:pointer;
+border-left:0px;
+border-right:0px;
+}
+
+.panel{
+padding:0 10px;
+}
+}
+#collapse3{
+height:auto !important;
+
+}
diff --git a/app/assets/stylesheets/redactor.css b/app/assets/stylesheets/redactor.css
index 718781c..9f2da53 100755
--- a/app/assets/stylesheets/redactor.css
+++ b/app/assets/stylesheets/redactor.css
@@ -11,143 +11,120 @@
font-weight: normal;
font-style: normal;
}
-/* =Selection
------------------------------------------------------------------------------*/
-.redactor_box ::selection {
- background: #ffff9e;
-}
-.redactor_box ::-moz-selection {
- background: #ffff9e;
-}
-.redactor_box img::selection {
- background: transparent;
-}
-.redactor_box img::-moz-selection {
- background: transparent;
-}
/*
- BOX
-
-.redactor_box {
+ Box
+*/
+.redactor-box {
position: relative;
overflow: visible;
background: #fff;
+ margin-bottom: 24px;
}
-
-*/
-.redactor_box iframe {
+.redactor-box iframe,
+.redactor-box textarea {
display: block;
- margin: 0;
- padding: 0;
- border: 1px solid #eee;
-}
-.redactor_box textarea {
position: relative;
- display: block;
- overflow: auto;
margin: 0;
padding: 0;
width: 100%;
+}
+.redactor-box iframe {
+ border: 1px solid #eee;
+}
+.redactor-box textarea {
+ overflow: auto;
outline: none;
border: none;
- background-color: #222;
+ background-color: #111;
box-shadow: none;
color: #ccc;
font-size: 13px;
font-family: Menlo, Monaco, monospace, sans-serif;
resize: none;
}
-.redactor_box textarea:focus {
+.redactor-box textarea:focus {
outline: none;
}
-.redactor_box,
-.redactor_box textarea {
+/*
+ Z-index setup
+*/
+.redactor-editor,
+.redactor-box,
+.redactor-box textarea {
z-index: auto !important;
}
-.redactor_box_fullscreen {
- z-index: 99 !important;
+.redactor-box-fullscreen {
+ z-index: 1052 !important;
}
-#redactor_modal_overlay,
-#redactor_modal,
-.redactor_dropdown {
- z-index: 100 !important;
+.redactor-toolbar,
+.redactor-dropdown {
+ z-index: 1050 !important;
+}
+#redactor-modal-overlay,
+#redactor-modal-box,
+#redactor-modal {
+ z-index: 1051 !important;
}
/*
- AIR
-
+ Resize
*/
-body .redactor_air {
- position: absolute;
- z-index: 502;
+.redactor-resize {
+ background: #f4f4f4;
+ padding: 4px 0 3px 0;
+ cursor: move;
+ border: 1px solid #e3e3e3;
+ border-top: none;
+}
+.redactor-resize div {
+ width: 30px;
+ margin: auto;
+ border-top: 1px solid #bbb;
+ border-bottom: 1px solid #fff;
}
/*
- FULLSCREEN
+ Fullscreen
*/
-body .redactor_box_fullscreen {
+body .redactor-box-fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
/*
- LINK TOOLTIP
+ Editor
*/
-.redactor-link-tooltip {
- position: absolute;
- z-index: 49999;
- padding: 10px;
- line-height: 1;
- display: inline-block;
- background-color: #000;
- color: #555 !important;
-}
-.redactor-link-tooltip,
-.redactor-link-tooltip a {
- font-size: 12px;
- font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
-}
-.redactor-link-tooltip a {
- color: #ccc;
- margin: 0 5px;
- text-decoration: none;
-}
-.redactor-link-tooltip a:hover {
- color: #fff;
-}
-/*
- IMAGE BOX
-*/
-#redactor-image-box img {
- width: 100%;
-}
-/*
-.redactor_editor {
+.redactor-editor {
position: relative;
- overflow: auto;
margin: 0 !important;
- padding: 10px 20px;
- padding-bottom: 5px;
- outline: none;
- background: none;
- background: #fff;
- box-shadow: none !important;
- white-space: normal;
- border: 1px solid #eee;
+
+
}
-*/
-.redactor_editor:focus {
+.redactor-editor:focus {
outline: none;
}
-
-.redactor_editor .redactor_placeholder {
- color: #999 !important;
- display: block !important;
-}
-
/*
- TOOLBAR
+ Placeholder
*/
-.redactor_toolbar {
+.redactor-placeholder {
+ position: relative;
+}
+.redactor-placeholder:after {
+ position: absolute;
+ top: 20px;
+ left: 20px;
+ content: attr(placeholder);
+ color: #999 !important;
+ font-weight: normal !important;
+}
+/* Placeholder in linebreaks mode */
+.redactor-linebreaks.redactor-placeholder:after {
+ top: 20px;
+ left: 20px;
+}
+/*
+ Toolbar
+*/
+.redactor-toolbar {
position: relative;
top: 0;
left: 0;
@@ -155,32 +132,27 @@ body .redactor_box_fullscreen {
padding: 0 !important;
list-style: none !important;
font-size: 14px !important;
- font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
line-height: 1 !important;
background: #fff;
border: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
- z-index: 3;
}
-.redactor_toolbar:after {
+.redactor-toolbar:after {
content: "";
display: table;
clear: both;
}
-.redactor_toolbar.redactor-toolbar-overflow {
+.redactor-toolbar.redactor-toolbar-overflow {
overflow-y: auto;
height: 29px;
white-space: nowrap;
}
-.redactor_toolbar.redactor-toolbar-external {
+.redactor-toolbar.redactor-toolbar-external {
z-index: 999;
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.1);
}
-body .redactor_air .redactor_toolbar {
- padding-right: 2px !important;
-}
-.redactor_toolbar li {
+.redactor-toolbar li {
vertical-align: top;
display: inline-block;
margin: 0 !important;
@@ -191,7 +163,7 @@ body .redactor_air .redactor_toolbar {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
-.redactor_toolbar li a {
+.redactor-toolbar li a {
display: block;
color: #333;
text-align: center;
@@ -205,56 +177,45 @@ body .redactor_air .redactor_toolbar {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
-.redactor_toolbar li a:hover {
+.redactor-toolbar li a:hover {
outline: none;
background-color: #1f78d8;
color: #fff;
}
-.redactor_toolbar li a:hover i:before {
+.redactor-toolbar li a:hover i:before {
color: #fff;
}
-.redactor_toolbar li a:active,
-.redactor_toolbar li a.redactor_act {
+.redactor-toolbar li a:active,
+.redactor-toolbar li a.redactor-act {
outline: none;
background-color: #ccc;
color: #444;
}
-.redactor_toolbar li a.redactor-btn-image {
+.redactor-toolbar li a.redactor-btn-image {
width: 14px;
height: 14px;
background-position: center center;
background-repeat: no-repeat;
}
-.redactor_button_disabled {
- filter: alpha(opacity=30);
- -moz-opacity: 0.3;
- opacity: 0.3;
-}
-.redactor_button_disabled:hover {
- outline: none;
- background-color: transparent !important;
- cursor: default;
-}
-.redactor_toolbar li a.fa-redactor-btn {
+.redactor-toolbar li a.fa-redactor-btn {
display: inline-block;
padding: 9px 10px 8px 10px;
line-height: 1;
}
-.redactor_toolbar.redactor-toolbar-typewriter {
- box-shadow: none;
- background: rgba(240, 240, 240, 0.9);
+.redactor-toolbar li a.redactor-button-disabled {
+ filter: alpha(opacity=30);
+ -moz-opacity: 0.3;
+ opacity: 0.3;
}
-.redactor_toolbar.redactor-toolbar-typewriter li a:hover {
+.redactor-toolbar li a.redactor-button-disabled:hover {
+ color: #333;
outline: none;
- background-color: #1f78d8;
- color: #fff;
-}
-.redactor_toolbar.redactor-toolbar-typewriter li a:active,
-.redactor_toolbar.redactor-toolbar-typewriter li a.redactor_act {
- outline: none;
- background-color: #ccc;
- color: #444;
+ background-color: transparent !important;
+ cursor: default;
}
+/*
+ Icons
+*/
.re-icon {
font-family: 'RedactorFont';
speak: none;
@@ -368,408 +329,138 @@ body .redactor_air .redactor_toolbar {
content: "\e61f";
}
/*
- Toolbar classes
+ Toolbar tooltip
*/
-.redactor_format_blockquote {
- padding-left: 10px;
- color: #666 !important;
- font-style: italic;
-}
-.redactor_format_pre {
- font-family: monospace, sans-serif;
-}
-.redactor_format_h1,
-.redactor_format_h2,
-.redactor_format_h3,
-.redactor_format_h4,
-.redactor_format_h5 {
- font-weight: bold;
-}
-.redactor_format_h1 {
- font-size: 30px;
- line-height: 36px;
-}
-.redactor_format_h2 {
- font-size: 24px;
- line-height: 36px;
-}
-.redactor_format_h3 {
- font-size: 20px;
- line-height: 30px;
-}
-.redactor_format_h4 {
- font-size: 16px;
- line-height: 26px;
-}
-.redactor_format_h5 {
- font-size: 14px;
- line-height: 23px;
-}
-.redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h1,
-.redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h2,
-.redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h3,
-.redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h4,
-.redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h5 {
- font-size: 1em;
- line-height: 1.6em;
- text-transform: uppercase;
-}
-.redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h2 {
- font-size: .85em;
+.redactor-toolbar-tooltip {
+ position: absolute;
+ z-index: 100;
+ text-align: center;
+ top: 0;
+ left: 0;
+ background: #000;
+ color: #fff;
+ padding: 5px 8px;
+ line-height: 1;
+ font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
+ font-size: 12px;
+ border-radius: 2px;
}
/*
- Typewriter
+ Dropdown
*/
-.redactor_editor.redactor-editor-typewriter {
- background: #f5f5f5 !important;
- padding: 25px 50px !important;
-}
-.redactor_editor.redactor-editor-typewriter div,
-.redactor_editor.redactor-editor-typewriter p,
-.redactor_editor.redactor-editor-typewriter ul,
-.redactor_editor.redactor-editor-typewriter ol,
-.redactor_editor.redactor-editor-typewriter table,
-.redactor_editor.redactor-editor-typewriter dl,
-.redactor_editor.redactor-editor-typewriter blockquote,
-.redactor_editor.redactor-editor-typewriter pre,
-.redactor_editor.redactor-editor-typewriter h1,
-.redactor_editor.redactor-editor-typewriter h2,
-.redactor_editor.redactor-editor-typewriter h3,
-.redactor_editor.redactor-editor-typewriter h4,
-.redactor_editor.redactor-editor-typewriter h5,
-.redactor_editor.redactor-editor-typewriter h6 {
- font-family: 'Courier New', 'Lucida Console', Consolas, Monaco, monospace, sans-serif;
- font-size: 18px !important;
- line-height: 1.5em !important;
- margin-bottom: 1.5em !important;
-}
-.redactor_editor.redactor-editor-typewriter h2 {
- font-size: 14px !important;
-}
-.redactor_editor.redactor-editor-typewriter h1,
-.redactor_editor.redactor-editor-typewriter h2,
-.redactor_editor.redactor-editor-typewriter h3,
-.redactor_editor.redactor-editor-typewriter h4,
-.redactor_editor.redactor-editor-typewriter h5,
-.redactor_editor.redactor-editor-typewriter h6 {
- text-transform: uppercase;
-}
-.redactor_editor.redactor-editor-typewriter a {
- color: #000 !important;
- text-decoration: underline !important;
-}
-/*
- WYM
-*/
-.redactor_editor.redactor_editor_wym {
- padding: 10px 7px 0 7px !important;
- background: #f6f6f6 !important;
-}
-.redactor_editor.redactor_editor_wym div,
-.redactor_editor.redactor_editor_wym p,
-.redactor_editor.redactor_editor_wym ul,
-.redactor_editor.redactor_editor_wym ol,
-.redactor_editor.redactor_editor_wym table,
-.redactor_editor.redactor_editor_wym dl,
-.redactor_editor.redactor_editor_wym pre,
-.redactor_editor.redactor_editor_wym h1,
-.redactor_editor.redactor_editor_wym h2,
-.redactor_editor.redactor_editor_wym h3,
-.redactor_editor.redactor_editor_wym h4,
-.redactor_editor.redactor_editor_wym h5,
-.redactor_editor.redactor_editor_wym h6,
-.redactor_editor.redactor_editor_wym blockquote {
- margin-top: 0;
- margin-bottom: 5px !important;
- padding: 10px !important;
- border: 1px solid #e4e4e4 !important;
- background-color: #fff !important;
- z-index: 0;
-}
-.redactor_editor.redactor_editor_wym blockquote:before {
- content: '';
-}
-.redactor_editor.redactor_editor_wym img {
- position: relative;
- z-index: 1;
-}
-.redactor_editor.redactor_editor_wym div {
- border: 1px dotted #aaa !important;
-}
-.redactor_editor.redactor_editor_wym pre {
- border: 2px dashed #e4e4e4 !important;
- background-color: #f8f8f8 !important;
-}
-.redactor_editor.redactor_editor_wym ul,
-.redactor_editor.redactor_editor_wym ol {
- padding-left: 2em !important;
-}
-.redactor_editor.redactor_editor_wym ul li ul,
-.redactor_editor.redactor_editor_wym ol li ul,
-.redactor_editor.redactor_editor_wym ul li ol,
-.redactor_editor.redactor_editor_wym ol li ol {
- border: none !important;
-}
-/*
- DROPDOWN
-*/
-.redactor_dropdown {
+.redactor-dropdown {
position: absolute;
top: 28px;
left: 0;
- padding: 10px;
- width: 200px;
+ padding: 0;
+ min-width: 220px;
+ max-height: 254px;
+ overflow: auto;
background-color: #fff;
- box-shadow: 0 1px 5px #bbb;
- font-size: 13px;
- font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
- line-height: 21px;
+ box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
+ font-size: 14px;
+ font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
+ line-height: 1.6em;
}
-.redactor-toolbar-typewriter .redactor_dropdown {
- font-family: 'Courier New', 'Lucida Console', Consolas, Monaco, monospace, sans-serif;
- background-color: #f5f5f5;
-}
-.redactor_separator_drop {
- padding: 0 !important;
- border-top: 1px solid #ddd;
- font-size: 0;
- line-height: 0;
-}
-.redactor_dropdown a {
+.redactor-dropdown a {
display: block;
- padding: 3px 5px;
+ padding: 10px 15px;
color: #000;
text-decoration: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
-.redactor_dropdown a:hover {
- background-color: #dde4ef;
- color: #444 !important;
+.redactor-dropdown a:last-child {
+ border-bottom: none;
+}
+.redactor-dropdown a:hover {
+ background-color: #1f78d8;
+ color: #fff !important;
text-decoration: none;
}
/*
- MODAL
+ IMAGE BOX
*/
-#redactor_modal_overlay {
- position: fixed;
- top: 0;
- left: 0;
- margin: auto;
- width: 100%;
- height: 100%;
- background-color: #000 !important;
- filter: alpha(opacity=30);
- -moz-opacity: 0.3;
- opacity: 0.3;
+#redactor-image-box {
+ position: relative;
+ max-width: 100%;
+ display: inline-block;
+ line-height: 0;
+ outline: 1px dashed rgba(0, 0, 0, 0.6);
}
-#redactor_modal {
- position: fixed;
+#redactor-image-editter {
+ position: absolute;
+ z-index: 5;
top: 50%;
left: 50%;
- padding: 0;
- background: #fff;
- color: #000;
- font-size: 12px !important;
- font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
- box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
-}
-#redactor_modal header {
- padding: 20px 30px 5px 30px;
- font-size: 16px;
-}
-#redactor_modal section {
- padding: 20px 30px;
-}
-#redactor_modal label {
- display: block !important;
- float: none !important;
- margin: 10px 0 3px 0 !important;
- padding: 0 !important;
- font-size: 12px !important;
-}
-#redactor_modal footer:after {
- content: "";
- display: table;
- clear: both;
-}
-#redactor_modal footer div {
- float: left;
-}
-#redactor_modal input[type="radio"],
-#redactor_modal input[type="checkbox"] {
- position: relative;
- top: -1px;
-}
-#redactor_modal input[type="text"],
-#redactor_modal input[type="password"],
-#redactor_modal input[type="email"],
-#redactor_modal textarea {
- position: relative;
- z-index: 2;
- margin: 0;
- padding: 1px 2px;
- height: 23px;
- border: 1px solid #ccc;
- border-radius: 1px;
- background-color: white;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
- color: #333;
- font-size: 13px;
- font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
+ margin-top: -11px;
+ margin-left: -18px;
line-height: 1;
- -moz-transition: border 0.3s ease-in;
- transition: border 0.3s ease-in;
+ background-color: #000;
+ color: #fff;
+ font-size: 11px;
+ padding: 7px 10px;
+ cursor: pointer;
}
-#redactor_modal textarea {
- display: block;
- margin-top: 4px;
- line-height: 1.4em;
-}
-#redactor_modal input:focus,
-#redactor_modal textarea:focus {
- outline: none;
- border-color: #5ca9e4;
- box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
-}
-#redactor_modal_close {
+#redactor-image-resizer {
position: absolute;
- top: 5px;
- right: 3px;
- width: 20px;
- height: 20px;
- color: #999;
- font-size: 26px;
- cursor: pointer;
-}
-#redactor_modal_close:hover {
- color: #000;
-}
-.redactor_input {
- width: 99%;
- font-size: 14px;
-}
-.redactor_modal_box {
- overflow: auto;
- margin-bottom: 10px;
- height: 350px;
-}
-#redactor_image_box {
- overflow: auto;
- margin-bottom: 10px;
- height: 270px;
-}
-#redactor_image_box_select {
- display: block;
- margin-bottom: 15px !important;
- width: 200px;
-}
-#redactor_image_box img {
- margin-right: 10px;
- margin-bottom: 10px;
- max-width: 100px;
- cursor: pointer;
-}
-#redactor_tabs {
- margin-bottom: 18px;
-}
-#redactor_tabs a {
- display: inline-block;
- margin-right: 2px;
- padding: 4px 14px;
- border: 1px solid #d2d2d2;
- border-radius: 3px;
- background: #fff;
- color: #000;
- text-decoration: none;
+ z-index: 2;
line-height: 1;
+ cursor: nw-resize;
+ bottom: -4px;
+ right: -5px;
+ border: 1px solid #fff;
+ background-color: #000;
+ width: 8px;
+ height: 8px;
}
-#redactor_tabs a:hover,
-#redactor_tabs a.redactor_tabs_act {
- border-color: #eee;
- color: #999 !important;
- text-decoration: none !important;
+/*
+ LINK TOOLTIP
+*/
+.redactor-link-tooltip {
+ position: absolute;
+ z-index: 49999;
+ padding: 10px;
+ line-height: 1;
+ display: inline-block;
+ background-color: #000;
+ color: #555 !important;
}
-.redactor_modal_btn_hidden {
- display: none;
-}
-#redactor_modal footer button {
- position: relative;
- width: 100%;
- padding: 10px 16px;
- margin: 0;
- outline: none;
- border: none;
- background-color: #ddd;
- color: #000;
- text-align: center;
- text-decoration: none;
- font-weight: normal;
+.redactor-link-tooltip,
+.redactor-link-tooltip a {
font-size: 12px;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
- line-height: 1;
- cursor: pointer;
}
-#redactor_modal footer button:hover {
- color: #777;
- background: none;
- background: #bbb;
+.redactor-link-tooltip a {
+ color: #ccc;
+ margin: 0 5px;
text-decoration: none;
}
-#redactor_modal footer button.redactor_modal_delete_btn {
- background: none;
+.redactor-link-tooltip a:hover {
color: #fff;
- background-color: #b52525;
}
-#redactor_modal footer button.redactor_modal_delete_btn:hover {
- color: rgba(255, 255, 255, 0.6);
- background-color: #881b1b;
-}
-#redactor_modal footer button.redactor_modal_action_btn {
- background: none;
- color: #fff;
- background-color: #2461b5;
-}
-#redactor_modal footer button.redactor_modal_action_btn:hover {
- color: rgba(255, 255, 255, 0.6);
- background-color: #1a4580;
-}
-/* Drag and Drop Area */
-.redactor_droparea {
+/*
+ DROPAREA
+*/
+#redactor-droparea {
position: relative;
- margin: auto;
- margin-bottom: 5px;
- width: 100%;
+ overflow: hidden;
+ padding: 140px 20px;
+ border: 3px dashed rgba(0, 0, 0, 0.1);
}
-.redactor_droparea .redactor_dropareabox {
- position: relative;
- z-index: 1;
- padding: 60px 0;
- width: 99%;
- border: 1px dashed #ddd;
- background: #fff;
+#redactor-droparea.drag-hover {
+ background: rgba(200, 222, 250, 0.75);
+}
+#redactor-droparea.drag-drop {
+ background: rgba(250, 248, 200, 0.5);
+}
+#redactor-droparea-placeholder {
text-align: center;
-}
-.redactor_droparea .redactor_dropareabox,
-.redactor_dropalternative {
- color: #555;
font-size: 12px;
+ color: rgba(0, 0, 0, 0.7);
}
-.redactor_dropalternative {
- margin: 4px 0 2px 0;
-}
-.redactor_dropareabox.hover {
- border-color: #aaa;
- background: #efe3b8;
-}
-.redactor_dropareabox.error {
- border-color: #dcc3c3;
- background: #f7e5e5;
-}
-.redactor_dropareabox.drop {
- border-color: #e0e5d6;
- background: #f4f4ee;
-}
-/* =ProgressBar
------------------------------------------------------------------------------*/
+/*
+ PROGRESS
+*/
#redactor-progress {
position: fixed;
top: 0;
@@ -815,3 +506,252 @@ body .redactor_air .redactor_toolbar {
background-position: 0 0;
}
}
+/*
+ MODAL
+*/
+#redactor-modal-overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ margin: auto;
+ overflow: auto;
+ width: 100%;
+ height: 100%;
+ background-color: #000 !important;
+ filter: alpha(opacity=30);
+ -moz-opacity: 0.3;
+ opacity: 0.3;
+}
+#redactor-modal-box {
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+#redactor-modal {
+ position: relative;
+ margin: auto;
+ margin-bottom: 20px;
+ padding: 0;
+ background: #fff;
+ color: #000;
+ font-size: 14px !important;
+ font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
+ box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5);
+}
+#redactor-modal header {
+ padding: 30px 40px 5px 40px;
+ font-size: 18px;
+ font-weight: bold;
+}
+#redactor-modal section {
+ padding: 30px 40px 50px 40px;
+}
+#redactor-modal label {
+ display: block;
+ float: none !important;
+ margin: 15px 0 3px 0 !important;
+ padding: 0;
+}
+#redactor-modal input[type="radio"],
+#redactor-modal input[type="checkbox"] {
+ position: relative;
+ top: -1px;
+}
+#redactor-modal select {
+ width: 100%;
+}
+#redactor-modal input[type="text"],
+#redactor-modal input[type="password"],
+#redactor-modal input[type="email"],
+#redactor-modal input[type="url"],
+#redactor-modal textarea {
+ position: relative;
+ z-index: 2;
+ margin: 0;
+ padding: 5px 4px;
+ height: 28px;
+ border: 1px solid #ccc;
+ border-radius: 1px;
+ background-color: white;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
+ color: #333;
+ width: 100%;
+ font-size: 14px;
+ font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
+ -moz-transition: border 0.3s ease-in;
+ transition: border 0.3s ease-in;
+}
+#redactor-modal input[type="text"]:focus,
+#redactor-modal input[type="password"]:focus,
+#redactor-modal input[type="email"]:focus,
+#redactor-modal input[type="url"]:focus,
+#redactor-modal textarea:focus {
+ outline: none;
+ border-color: #5ca9e4;
+ box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
+}
+#redactor-modal input[type="text"].redactor-input-error,
+#redactor-modal input[type="password"].redactor-input-error,
+#redactor-modal input[type="email"].redactor-input-error,
+#redactor-modal input[type="url"].redactor-input-error,
+#redactor-modal textarea.redactor-input-error {
+ border-color: #e82f2f;
+ box-shadow: 0 0 0 2px rgba(232, 47, 47, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
+}
+#redactor-modal textarea {
+ display: block;
+ margin-top: 4px;
+ line-height: 1.4em;
+}
+/*
+ Tabs in Modal
+*/
+#redactor-modal-tabber {
+ margin-bottom: 15px;
+ font-size: 12px;
+}
+#redactor-modal-tabber a {
+ border: 1px solid #ddd;
+ line-height: 1;
+ padding: 8px 15px;
+ margin-right: -1px;
+ text-decoration: none;
+ color: #000;
+}
+#redactor-modal-tabber a:hover {
+ background-color: #1f78d8;
+ border-color: #1f78d8;
+ color: #fff;
+}
+#redactor-modal-tabber a.active {
+ cursor: default;
+ background-color: #ddd;
+ border-color: #ddd;
+ color: rgba(0, 0, 0, 0.6);
+}
+/*
+ List in Modal
+*/
+#redactor-modal #redactor-modal-list {
+ margin-left: 0;
+ padding-left: 0;
+ list-style: none;
+ max-height: 250px;
+ overflow-x: scroll;
+}
+#redactor-modal #redactor-modal-list li {
+ border-bottom: 1px solid #ddd;
+}
+#redactor-modal #redactor-modal-list li:last-child {
+ border-bottom: none;
+}
+#redactor-modal #redactor-modal-list a {
+ padding: 10px 5px;
+ color: #000;
+ text-decoration: none;
+ font-size: 13px;
+ display: block;
+ position: relative;
+}
+#redactor-modal #redactor-modal-list a:hover {
+ background-color: #eee;
+}
+#redactor-modal-close {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ width: 30px;
+ height: 30px;
+ text-align: right;
+ color: #bbb;
+ font-size: 30px;
+ font-weight: 300;
+ cursor: pointer;
+}
+#redactor-modal-close:hover {
+ color: #000;
+}
+#redactor-modal footer button {
+ position: relative;
+ width: 100%;
+ padding: 14px 16px;
+ margin: 0;
+ outline: none;
+ border: none;
+ background-color: #ddd;
+ color: #000;
+ text-align: center;
+ text-decoration: none;
+ font-weight: normal;
+ font-size: 12px;
+ font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
+ line-height: 1;
+ cursor: pointer;
+}
+#redactor-modal footer button:hover {
+ color: #777;
+ background: none;
+ background: #bbb;
+ text-decoration: none;
+}
+#redactor-modal footer button.redactor-modal-delete-btn {
+ background: none;
+ color: #fff;
+ background-color: #b52525;
+}
+#redactor-modal footer button.redactor-modal-delete-btn:hover {
+ color: rgba(255, 255, 255, 0.6);
+ background-color: #881b1b;
+}
+#redactor-modal footer button.redactor-modal-action-btn {
+ background: none;
+ color: #fff;
+ background-color: #2461b5;
+}
+#redactor-modal footer button.redactor-modal-action-btn:hover {
+ color: rgba(255, 255, 255, 0.6);
+ background-color: #1a4580;
+}
+/*
+ ##############################################
+
+ DROPDOWN FORMATTING
+
+ ##############################################
+*/
+.redactor-dropdown .redactor-formatting-blockquote {
+ color: rgba(0, 0, 0, 0.4);
+ font-style: italic;
+}
+.redactor-dropdown .redactor-formatting-pre {
+ font-family: monospace, sans-serif;
+}
+.redactor-dropdown .redactor-formatting-h1 {
+ font-size: 36px;
+ line-height: 36px;
+ font-weight: bold;
+}
+.redactor-dropdown .redactor-formatting-h2 {
+ font-size: 24px;
+ line-height: 36px;
+ font-weight: bold;
+}
+.redactor-dropdown .redactor-formatting-h3 {
+ font-size: 21px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.redactor-dropdown .redactor-formatting-h4 {
+ font-size: 18px;
+ line-height: 26px;
+ font-weight: bold;
+}
+.redactor-dropdown .redactor-formatting-h5 {
+ font-size: 16px;
+ line-height: 23px;
+ font-weight: bold;
+}
diff --git a/app/views/admin/pages/_page.html.haml b/app/views/admin/pages/_page.html.haml
index 4c27149..3534023 100644
--- a/app/views/admin/pages/_page.html.haml
+++ b/app/views/admin/pages/_page.html.haml
@@ -5,7 +5,17 @@
=render :partial => "admin/blocks/block", :locals => {:block => page.blocks[0], :sortable => true}
-
+%br
+%br
+%br
+%br
+%br
+%br
+%br
+%br
+%br
+%br
+%br
#menu_item_inspector_container
@@ -14,55 +24,54 @@
- .accordion#menu_item_informations.panel-group
- .panel.panel-default
- .panel-heading
- %h4.panel-title
- %a.panel-toggle{:href => "#collapseOne",:data => {:toggle => "collapse", :parent => "#menu_item_informations"}}
- Infos sur la page
+ #menu_item_informations
+ %h4
+ Infos sur la page
- #collapseOne.panel-collapse.collapse
- .panel-body
- =render :partial => "edit_form"
+ .panel#collapseOne{:style => "display:none;"}
+ =render :partial => "edit_form"
- .panel.panel-default
- .panel-heading
- %h4.panel-title
- %a.panel-toggle{:href => "#collapse2",:data => {:toggle => "collapse", :parent => "#menu_item_informations"}}
- éléments
+ %h4 éléments
-
- #collapse2.panel-collapse.collapse.in
- .panel-body
- .block_portlets_sortable#content_types
- -page.blocks[0].alloweds_types.each do |slug, name|
+ .panel#collapse2
+ .block_portlets_sortable#content_types
+ -page.blocks[0].alloweds_types.each do |slug, name|
+
+ .content_type{:id => slug, :"data-type" => slug}
+ =#i slug.to_s.constantize.picto
+ =image_tag("admin/content_type/type_"+slug.to_s+".png", :alt => name, :title => name, :class => "handle")
+
- .content_type{:id => slug, :"data-type" => slug}
- =image_tag("admin/content_type/type_"+slug.to_s+".png", :alt => name, :title => name, :class => "handle")
-
-
- .panel.panel-default
- .panel-heading
- %h4.panel-title
- %a.panel-toggle{:href => "#collapse3",:data => {:toggle => "collapse", :parent => "#menu_item_informations"}}
- Modifier l'élément
+ #collapse3{:style => "display:none;"}
+ %h4 Modifier l'élément
- #collapse3.panel-collapse.collapse
- .panel-body
-
- #element_form
-
- %div
- %a.btn.btn-default.portlet_handle{:href => "#", :data => {:portlet_id => nil}}
+ .panel
+ #element_form
+
+ %div#element_form_action
+ %a.move.btn.btn-default.portlet_handle{:href => "#", :data => {:portlet_id => nil}}
+ %span.move_message
=ic :arrows
+
déplacer
- =link_to ic(:"trash-o")+" Supprimer", "#", :method => :delete, :data => { :confirm => "Etes-vous sûr ?"}, :remote => true, :class => "btn btn-danger trash"
-
+ %span.cancel_message
+ =ic :ban
+
+ annuler
+
+ =link_to ic(:"trash-o"), "#", :method => :delete, :data => { :confirm => "Etes-vous sûr ?"}, :remote => true, :class => "btn btn-danger trash"
+
+ %button.save.btn.btn-primary
+ =ic(:"floppy-o")
+
+ Sauvegarder
+
+
+
-
diff --git a/app/views/admin/testimonies/_testimony.html.haml b/app/views/admin/testimonies/_testimony.html.haml
index b53f242..fae4cc1 100644
--- a/app/views/admin/testimonies/_testimony.html.haml
+++ b/app/views/admin/testimonies/_testimony.html.haml
@@ -1,4 +1,4 @@
-%tr#testimony_row.testimony_row.row{:id => testimony.id}
+%tr#testimony_row.testimony_row{:id => testimony.id}
%td=testimony.author
%td=testimony.quote
diff --git a/app/views/admin/testimonies/edit.html.haml b/app/views/admin/testimonies/edit.html.haml
index a9d8bc1..8197f5a 100644
--- a/app/views/admin/testimonies/edit.html.haml
+++ b/app/views/admin/testimonies/edit.html.haml
@@ -5,7 +5,17 @@
=render :partial => "admin/blocks/block", :locals => {:block => @testimony.block, :sortable => true}
-
+%br
+%br
+%br
+%br
+%br
+%br
+%br
+%br
+%br
+%br
+%br
#menu_item_inspector_container
@@ -14,60 +24,53 @@
- .accordion#menu_item_informations.panel-group
- .panel.panel-default
- .panel-heading
- %h4.panel-title
- %a.panel-toggle{:href => "#collapseOne",:data => {:toggle => "collapse", :parent => "#menu_item_informations"}}
- Infos sur le témoignage
+ #menu_item_informations
+ %h4
+ Infos sur le témoignage
- #collapseOne.panel-collapse.collapse
- .panel-body
- =link_to "modifier", edit_admin_testimony_path(@testimony), :remote => true,:class => "btn"
- =render :partial => "show"
+ .panel#collapseOne{:style => "display:none;"}
+ =link_to "modifier", edit_admin_testimony_path(@testimony), :remote => true,:class => "btn"
+ =render :partial => "show"
- .panel.panel-default
- .panel-heading
- %h4.panel-title
- %a.panel-toggle{:href => "#collapse2",:data => {:toggle => "collapse", :parent => "#menu_item_informations"}}
- éléments
+ %h4 éléments
-
- #collapse2.panel-collapse.collapse.in
- .panel-body
- .block_portlets_sortable#content_types
- -@testimony.alloweds_types.each do |slug, name|
+ .panel#collapse2
+ .block_portlets_sortable#content_types
+ -@testimony.alloweds_types.each do |slug, name|
- .content_type{:id => slug, :"data-type" => slug}
- =image_tag("admin/content_type/type_"+slug.to_s+".png", :alt => name, :title => name, :class => "handle")
+ .content_type{:id => slug, :"data-type" => slug}
+ =image_tag("admin/content_type/type_"+slug.to_s+".png", :alt => name, :title => name, :class => "handle")
+
-
-
-
- .panel.panel-default
- .panel-heading
- %h4.panel-title
- %a.panel-toggle{:href => "#collapse3",:data => {:toggle => "collapse", :parent => "#menu_item_informations"}}
- Modifier l'élément
+ #collapse3{:style => "display:none;"}
+ %h4 Modifier l'élément
- #collapse3.panel-collapse.collapse
- .panel-body
-
- #element_form
-
- %div
- %a.btn.btn-default.portlet_handle{:href => "#", :data => {:portlet_id => nil}}
+ .panel
+ #element_form
+
+ %div#element_form_action
+ %a.move.btn.btn-default.portlet_handle{:href => "#", :data => {:portlet_id => nil}}
+ %span.move_message
=ic :arrows
+
déplacer
- =link_to ic(:"trash-o")+" Supprimer", "#", :method => :delete, :data => { :confirm => "Etes-vous sûr ?"}, :remote => true, :class => "btn btn-danger trash"
-
+ %span.cancel_message
+ =ic :ban
+
+ annuler
+
+ =link_to ic(:"trash-o"), "#", :method => :delete, :data => { :confirm => "Etes-vous sûr ?"}, :remote => true, :class => "btn btn-danger trash"
+
+ %button.save.btn.btn-primary
+ =ic(:"floppy-o")
+
+ Sauvegarder
+
+
-
-
-
diff --git a/app/views/admin/topics/edit.haml b/app/views/admin/topics/edit.haml
index 84734ce..f00cdfb 100644
--- a/app/views/admin/topics/edit.haml
+++ b/app/views/admin/topics/edit.haml
@@ -5,7 +5,17 @@
=render :partial => "admin/blocks/block", :locals => {:block => @topic.block, :sortable => true}
-
+%br
+%br
+%br
+%br
+%br
+%br
+%br
+%br
+%br
+%br
+%br
#menu_item_inspector_container
@@ -14,59 +24,47 @@
- .accordion#menu_item_informations.panel-group
- .panel.panel-default
- .panel-heading
- %h4.panel-title
- %a.panel-toggle{:href => "#collapseOne",:data => {:toggle => "collapse", :parent => "#menu_item_informations"}}
- Infos sur la ressource
+ #menu_item_informations
+ %h4
+ Infos sur la ressource
- #collapseOne.panel-collapse.collapse
- .panel-body
- =render :partial => "form"
-
-
-
-
- .panel.panel-default
- .panel-heading
- %h4.panel-title
- %a.panel-toggle{:href => "#collapse2",:data => {:toggle => "collapse", :parent => "#menu_item_informations"}}
- éléments
-
-
- #collapse2.panel-collapse.collapse.in
- .panel-body
- .block_portlets_sortable#content_types
- -@topic.block.alloweds_types.each do |slug, name|
-
- .content_type{:id => slug, :"data-type" => slug}
- =image_tag("admin/content_type/type_"+slug.to_s+".png", :alt => name, :title => name, :class => "handle")
-
-
- .panel.panel-default
- .panel-heading
- %h4.panel-title
- %a.panel-toggle{:href => "#collapse3",:data => {:toggle => "collapse", :parent => "#menu_item_informations"}}
- Modifier l'élément
-
-
- #collapse3.panel-collapse.collapse
- .panel-body
-
- #element_form
+ .panel#collapseOne{:style => "display:none;"}
+ =render :partial => "form"
- %div
- %a.btn.btn-default.portlet_handle{:href => "#", :data => {:portlet_id => nil}}
+ %h4 éléments
+
+ .panel#collapse2
+ .block_portlets_sortable#content_types
+ -@topic.block.alloweds_types.each do |slug, name|
+
+ .content_type{:id => slug, :"data-type" => slug}
+ =image_tag("admin/content_type/type_"+slug.to_s+".png", :alt => name, :title => name, :class => "handle")
+
+
+ #collapse3{:style => "display:none;"}
+ %h4 Modifier l'élément
+
+
+ .panel
+ #element_form
+
+ %div#element_form_action
+ %a.move.btn.btn-default.portlet_handle{:href => "#", :data => {:portlet_id => nil}}
+ %span.move_message
=ic :arrows
+
déplacer
- =link_to ic(:"trash-o")+" Supprimer", "#", :method => :delete, :data => { :confirm => "Etes-vous sûr ?"}, :remote => true, :class => "btn btn-danger trash"
-
-
-
-
-
-
-
+ %span.cancel_message
+ =ic :ban
+
+ annuler
+
+ =link_to ic(:"trash-o"), "#", :method => :delete, :data => { :confirm => "Etes-vous sûr ?"}, :remote => true, :class => "btn btn-danger trash"
+
+ %button.save.btn.btn-primary
+ =ic(:"floppy-o")
+
+ Sauvegarder
+
diff --git a/app/views/portlet/block_contents/_block_content.html.haml b/app/views/portlet/block_contents/_block_content.html.haml
index aad17fe..773d51f 100644
--- a/app/views/portlet/block_contents/_block_content.html.haml
+++ b/app/views/portlet/block_contents/_block_content.html.haml
@@ -1,20 +1,20 @@
-style=""
-if block_content.style== 2
- -style += "background:#d8d8d8;"
+ -style += "background:#d8d8d8;"
-if block_content.nbr_columns == 1
- -block_content.blocks.each do |block|
+ -block_content.blocks.each do |block|
- .container_12{:style => "padding:0px;"+style.to_s}
- .grid_12
- =render :partial => "admin/blocks/block", :locals => {:block => block}
- .clear
+ .container_12{:style => "padding:0px;"+style.to_s}
+ .grid_12
+ =render :partial => "admin/blocks/block", :locals => {:block => block}
+ .clear
-else
- .container_12{:style => "padding:0px;"+style.to_s}
- -i = 0
- -block_content.blocks.each do |block|
- -i+=1
- .grid_6.col{:class => ("col_"+i.to_s)}
+ .container_12{:style => "padding:0px;"+style.to_s}
+ -i = 0
+ -block_content.blocks.each do |block|
+ -i+=1
+ .grid_6.col{:class => ("col_"+i.to_s)}
- =render :partial => "admin/blocks/block", :locals => {:block => block}
-
- .clear
\ No newline at end of file
+ =render :partial => "admin/blocks/block", :locals => {:block => block}
+
+ .clear
\ No newline at end of file
diff --git a/app/views/portlet/block_contents/_form.html.haml b/app/views/portlet/block_contents/_form.html.haml
index e5fd920..bff1406 100644
--- a/app/views/portlet/block_contents/_form.html.haml
+++ b/app/views/portlet/block_contents/_form.html.haml
@@ -1,89 +1,84 @@
=semantic_form_for( [:portlet, @block_content], :remote => true) do |f|
- -if !@block_content.id
- %table
- %tr
- %td Nombre de colonnes :
- %td
-
- %p
- =f.radio_button :nbr_columns, 1
- Une colonne
- %p
- =f.radio_button :nbr_columns, 2
- Deux colonnes
-
- %p
- =f.radio_button :nbr_columns, 3
- Trois colonnes
-
- %p
- =f.radio_button :nbr_columns, 4
- Quatre colonnes
-
- -else
-
-
- #column_sliders{:style => "height:22px;"}
- -for i in 1..(@block_content.nbr_columns.to_i-1)
-
- .column_slider{:"data-slider-value"=>eval("@block_content.row#{i}_value.to_i"), :style => "width:100%;"}
-
+ -if !@block_content.id
+ %table
+ %tr
+ %td Nombre de colonnes :
+ %td
+
+ %p
+ =f.radio_button :nbr_columns, 1
+ Une colonne
+ %p
+ =f.radio_button :nbr_columns, 2
+ Deux colonnes
+
+ %p
+ =f.radio_button :nbr_columns, 3
+ Trois colonnes
+
+ %p
+ =f.radio_button :nbr_columns, 4
+ Quatre colonnes
+
+ -else
+
+
+ #column_sliders{:style => "height:22px;"}
+ -for i in 1..(@block_content.nbr_columns.to_i-1)
+
+ .column_slider{:"data-slider-value"=>eval("@block_content.row#{i}_value.to_i"), :style => "width:100%;"}
+
-
- :javascript
- function compareNumbers(a, b)
- {
- return a - b;
- }
-
- $(".column_slider").slider({
- max: 12,
- min: 0,
- step:1
- }).on("slide", function(ev)
- {
- var return_array = new Array();
-
- $("#column_sliders .column_slider").each(function(){
- return_array.push($(this).data('slider').getValue());
-
- });
-
- var cols_values = [];
- prev_value= 0;
- $.each(return_array.sort(compareNumbers), function(index, value) {
- cols_values.push(value-prev_value);
-
-
- prev_value = value;
-
- });
-
- cols_values.push(12-prev_value);
-
- $.each(cols_values, function(index, value) {
-
- $("#row"+(index+1)).val(value);
-
-
- });
-
-
-
- });
-
- =f.hidden_field :row1, :id => "row1"
- =f.hidden_field :row2, :id => "row2"
- =f.hidden_field :row3, :id => "row3"
- =f.hidden_field :row4, :id => "row4"
-
- -if BlockContent::STYLES.size > 0
- Style :
- = f.select :style, BlockContent::STYLES
- %br
-
-
- = f.submit "Sauvegarder", :class => "btn btn-primary"
-
+
+ :javascript
+ function compareNumbers(a, b)
+ {
+ return a - b;
+ }
+ $(".column_slider").slider({
+ max: 12,
+ min: 0,
+ step:1
+ }).on("slide", function(ev)
+ {
+ var return_array = new Array();
+
+ $("#column_sliders .column_slider").each(function(){
+ return_array.push($(this).data('slider').getValue());
+
+ });
+
+ var cols_values = [];
+ prev_value= 0;
+ $.each(return_array.sort(compareNumbers), function(index, value) {
+ cols_values.push(value-prev_value);
+
+
+ prev_value = value;
+
+ });
+
+ cols_values.push(12-prev_value);
+
+ $.each(cols_values, function(index, value) {
+
+ $("#row"+(index+1)).val(value);
+
+
+ });
+
+
+
+ });
+
+ =f.hidden_field :row1, :id => "row1"
+ =f.hidden_field :row2, :id => "row2"
+ =f.hidden_field :row3, :id => "row3"
+ =f.hidden_field :row4, :id => "row4"
+
+ -if BlockContent::STYLES.size > 0
+ Style :
+ = f.select :style, BlockContent::STYLES
+
diff --git a/app/views/portlet/break_contents/_form.html.haml b/app/views/portlet/break_contents/_form.html.haml
index 25fd51f..cd5b099 100644
--- a/app/views/portlet/break_contents/_form.html.haml
+++ b/app/views/portlet/break_contents/_form.html.haml
@@ -1,15 +1,11 @@
=semantic_form_for( [:portlet, @break_content], :remote => true) do |f|
- %table.form_table
- %tr
- %td Trait ?
- %td=f.check_box :line
-
- -if BreakContent::STYLES.size > 0
- %tr
- %td Style :
- %td= f.select :style, BreakContent::STYLES
-
- = f.submit "Sauvegarder", :class => "btn btn-primary"
-
-
-
+ %table.form_table
+ %tr
+ %td Trait ?
+ %td=f.check_box :line
+
+ -if BreakContent::STYLES.size > 0
+ %tr
+ %td Style :
+ %td= f.select :style, BreakContent::STYLES
+
\ No newline at end of file
diff --git a/app/views/portlet/download_contents/_download_content.html.haml b/app/views/portlet/download_contents/_download_content.html.haml
index 701df56..edbf904 100644
--- a/app/views/portlet/download_contents/_download_content.html.haml
+++ b/app/views/portlet/download_contents/_download_content.html.haml
@@ -1,8 +1,8 @@
%p
- Titre :
- =download_content.title
-
+ Titre :
+ =download_content.title
+
%p
- Téléchargement :
- =download_content.data_file.abstract_file_name if download_content.data_file
+ Téléchargement :
+ =download_content.data_file.abstract_file_name if download_content.data_file
diff --git a/app/views/portlet/download_contents/_form.html.haml b/app/views/portlet/download_contents/_form.html.haml
index 26ee980..921a049 100644
--- a/app/views/portlet/download_contents/_form.html.haml
+++ b/app/views/portlet/download_contents/_form.html.haml
@@ -1,39 +1,31 @@
=semantic_form_for( [:portlet, @download_content], :remote => true) do |f|
-
-
- %table.form_table
+
+
+ %table.form_table
- %tr
- %td Titre :
- %td=f.text_field :title
-
- %tr
- %td
- -r = rand(1000000000000000000000000000)
- Fichier :
- %td
- #name{:id => r}
- =f.object.data_file.abstract_file_name if f.object.data_file
- =f.hidden_field :data_file_id, :id => "input_"+r.to_s
-
- =link_to "Modifier ce fichier", "#", :onclick => "select_file_from_manager('"+r.to_s+"');return false;"
-
-
-
- -if DownloadContent::STYLES.size >0
- %tr
- %td Style :
- %td= f.select :style, DownloadContent::STYLES
-
-
-
-
- = f.submit "Sauvegarder", :class => "btn btn-primary"
-
-
+ %tr
+ %td Titre :
+ %td=f.text_field :title
+
+ %tr
+ %td
+ -r = rand(1000000000000000000000000000)
+ Fichier :
+ %td
+ #name{:id => r}
+ =f.object.data_file.abstract_file_name if f.object.data_file
+ =f.hidden_field :data_file_id, :id => "input_"+r.to_s
+ =link_to "Modifier ce fichier", "#", :onclick => "select_file_from_manager('"+r.to_s+"');return false;"
+
+
+ -if DownloadContent::STYLES.size >0
+ %tr
+ %td Style :
+ %td= f.select :style, DownloadContent::STYLES
+
\ No newline at end of file
diff --git a/app/views/portlet/dynamic_contents/_form.html.haml b/app/views/portlet/dynamic_contents/_form.html.haml
index f4ce1e8..8e91f3d 100644
--- a/app/views/portlet/dynamic_contents/_form.html.haml
+++ b/app/views/portlet/dynamic_contents/_form.html.haml
@@ -1,18 +1,11 @@
=semantic_form_for( [:portlet, @dynamic_content], :remote => true) do |f|
- %table.form_table
+ %table.form_table
- %tr
+ %tr
- %td= f.select :name, DynamicContent::NAMES.map {|u| [u[1], u[0]] }
+ %td= f.select :name, DynamicContent::NAMES.map {|u| [u[1], u[0]] }
-
-
-
- = f.submit "Sauvegarder", :class => "btn btn-primary"
-
-
-
diff --git a/app/views/portlet/gallery_contents/_form.html.haml b/app/views/portlet/gallery_contents/_form.html.haml
index 0a03a59..149cd36 100644
--- a/app/views/portlet/gallery_contents/_form.html.haml
+++ b/app/views/portlet/gallery_contents/_form.html.haml
@@ -1,9 +1,10 @@
= semantic_form_for [:portlet, @gallery_content], :remote => true do |form|
-
- -if GalleryContent::STYLES.size > 0
- Style :
- = form.select :style, GalleryContent::STYLES
-
- = form.submit "Sauvegarder", :class => "btn btn-primary"
+ %p
+ =link_to "Ajouter des images", "#", :onclick => "select_gallery_images_from_manager('#{form.object.id.to_s}');return false;", :class => "btn btn-default" if form.object.id
+ -if GalleryContent::STYLES.size > 0
+ Style :
+ = form.select :style, GalleryContent::STYLES
+
+
diff --git a/app/views/portlet/gallery_images/_form.html.haml b/app/views/portlet/gallery_images/_form.html.haml
index d64ae28..dd6bbd9 100644
--- a/app/views/portlet/gallery_images/_form.html.haml
+++ b/app/views/portlet/gallery_images/_form.html.haml
@@ -1,32 +1,19 @@
-#myModal.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1"}
-
+= semantic_form_for [:portlet, @gallery_image], :remote => true do |form|
+ .content
-
+ %h3 Modifier les infos
- .modal-header
- %button.close{"aria-hidden" => "true", "data-dismiss" => "modal", :type => "button"} ×
- %h3#myModalLabel Modifier les infos
- .modal-body
-
- = semantic_form_for [:portlet, @gallery_image], :remote => true do |form|
- = form.inputs do
- = form.input :title, :label => "Titre :"
- = form.input :tags, :label => "Tags :"
- = form.input :description, :label => "Description :", :as => :text, :input_html => {:class => "text_editor"}
-
-
-
-
-
- .modal-footer
- %button.btn{"aria-hidden" => "true", "data-dismiss" => "modal"} Annuler
- %button.btn.btn-primary{"aria-hidden" => "true", "data-dismiss" => "modal", :onclick => "$(this).closest('.modal').find('form').submit();"} Sauvegarder
-
+ = form.inputs do
+ = form.input :title, :label => "Titre :"
+ = form.input :tags, :label => "Tags :"
+ = form.input :description, :label => "Description :", :as => :text, :input_html => {:class => "text_editor"}
-
-
-
+
+ .actions
+ =form.submit "Sauvegarder", :class => "btn btn-primary"
+
+
diff --git a/app/views/portlet/gallery_images/_gallery_image.html.haml b/app/views/portlet/gallery_images/_gallery_image.html.haml
index 46def24..a1a660e 100644
--- a/app/views/portlet/gallery_images/_gallery_image.html.haml
+++ b/app/views/portlet/gallery_images/_gallery_image.html.haml
@@ -1,9 +1,9 @@
-if gallery_image.image_file
- .gallery_image.image_square#gallery_image{:id => gallery_image.id, :data => { :title => gallery_image.title , :description => gallery_image.description, :id => gallery_image.id} }
- .img{:style => "background-image : url('#{gallery_image.image_file.file.large.medium.small.thumb.url}');"}
-
- .actions
- =link_to i(:"trash-o"), [:portlet, gallery_image], :confirm => 'Voulez-vous vraiment supprimer cette image ?', :method => :delete, :remote => true
- =link_to i(:pencil), edit_portlet_gallery_image_path(gallery_image), :remote => true
-
-
\ No newline at end of file
+ .gallery_image.image_square#gallery_image{:id => gallery_image.id, :data => { :title => gallery_image.title , :description => gallery_image.description, :id => gallery_image.id} }
+ .img{:style => "background-image : url('#{gallery_image.image_file.file.large.medium.small.thumb.url}');"}
+
+ .actions
+ =link_to i(:"trash-o"), [:portlet, gallery_image], :confirm => 'Voulez-vous vraiment supprimer cette image ?', :method => :delete, :remote => true
+ =link_to i(:pencil), edit_portlet_gallery_image_path(gallery_image), :remote => true
+
+
\ No newline at end of file
diff --git a/app/views/portlet/gallery_images/edit.js.erb b/app/views/portlet/gallery_images/edit.js.erb
index 0412d2c..3d94bc2 100644
--- a/app/views/portlet/gallery_images/edit.js.erb
+++ b/app/views/portlet/gallery_images/edit.js.erb
@@ -1,2 +1 @@
-
-$('<%= escape_javascript(render(:partial => "form"))%>').modal('show');
+show_pane_hover("<%= escape_javascript(render(:partial => "form"))%>");
\ No newline at end of file
diff --git a/app/views/portlet/html_contents/_form.html.haml b/app/views/portlet/html_contents/_form.html.haml
index 347a6e9..5b68841 100644
--- a/app/views/portlet/html_contents/_form.html.haml
+++ b/app/views/portlet/html_contents/_form.html.haml
@@ -1,60 +1,53 @@
.html_content_form
-
- =semantic_form_for( [:portlet, @html_content], :remote => true) do |f|
-
-
- =f.text_area :content, :style => "width:98%;height:400px;", :class => "inputText", :id => "ace_editor_textarea"
-
- %pre#ace_editor_pre{:style => "margin:0px;"}
-
- <script>
- var editor;
-
- editor = ace.edit("ace_editor_pre");
- editor.setTheme("ace/theme/textmate");
- editor.getSession().setMode("ace/mode/html");
- editor.setPrintMarginColumn(0);
- editor.session.setUseWrapMode(true);
-
- var textarea = $('#ace_editor_textarea').hide();
- editor.getSession().setValue(textarea.val());
-
- editor.getSession().on('change', function(){
-
- textarea.val(editor.getSession().getValue());
-
-
- });
-
+
+ =semantic_form_for( [:portlet, @html_content], :remote => true) do |f|
- </script>
-
-
- %table.form_table
- %tr
- %td Style :
- %td= f.select :content_type, HtmlContent::CONTENT_TYPES
-
-
-
- .action
- %button{:onclick => "$(this).closest('.html_content_form').toggleClass('large');editor.resize() ;return false;"} zoom
- = f.submit "Sauvegarder", :class => "btn btn-primary"
-
-
-
-
-
-
+ =f.text_area :content, :style => "width:98%;height:400px;", :class => "inputText", :id => "ace_editor_textarea"
+
+ %pre#ace_editor_pre{:style => "margin:0px;"}
+ =raw "<!---"
+ <script>
+ var editor;
+
+ editor = ace.edit("ace_editor_pre");
+ editor.setTheme("ace/theme/textmate");
+ editor.getSession().setMode("ace/mode/html");
+ editor.setPrintMarginColumn(0);
+ editor.session.setUseWrapMode(true);
+
+ var textarea = $('#ace_editor_textarea').hide();
+ editor.getSession().setValue(textarea.val());
+
+ editor.getSession().on('change', function(){
+
+ textarea.val(editor.getSession().getValue());
+
+
+ });
+
+ </script>
+
+ =raw "---->"
+ %table.form_table
+ %tr
+ %td Style :
+ %td= f.select :content_type, HtmlContent::CONTENT_TYPES
+
+
+
+ .action
+ %button{:onclick => "$(this).closest('.html_content_form').toggleClass('large');editor.resize() ;return false;"} zoom
+
- -if HtmlContent::STYLES.size > 0
- %table.form_table
- %tr
- %td Style :
- %td= f.select :style, HtmlContent::STYLES
-
-
-
+
+ -if HtmlContent::STYLES.size > 0
+ %table.form_table
+ %tr
+ %td Style :
+ %td= f.select :style, HtmlContent::STYLES
+
+
+
diff --git a/app/views/portlet/html_contents/_html_content.html.haml b/app/views/portlet/html_contents/_html_content.html.haml
index bfdff74..220947b 100644
--- a/app/views/portlet/html_contents/_html_content.html.haml
+++ b/app/views/portlet/html_contents/_html_content.html.haml
@@ -1,11 +1,11 @@
-begin
- =render :inline => html_content.content, :type => html_content.content_type
+ =render :inline => html_content.content, :type => html_content.content_type
-rescue Exception=>e
- -if html_content.content_type == "haml"
- %h3= e.message
- %p
- à la ligne
- = e.original_exception.line
+ -if html_content.content_type == "haml"
+ %h3= e.message
+ %p
+ à la ligne
+ = e.original_exception.line
- -else
- %h3= e.message
+ -else
+ %h3= e.message
diff --git a/app/views/portlet/image_contents/_form.html.haml b/app/views/portlet/image_contents/_form.html.haml
index 7056bf1..4ac7c09 100644
--- a/app/views/portlet/image_contents/_form.html.haml
+++ b/app/views/portlet/image_contents/_form.html.haml
@@ -1,32 +1,29 @@
-
+
= semantic_form_for [:portlet, @image_content], :remote => true do |form|
- = form.inputs do
- = form.input :image_file_id, :label => "Image :" , :as => :qi_image_select
-
+ = form.inputs do
+ = form.input :image_file_id, :label => "Image :" , :as => :qi_image_select
+
- = form.input :alt, :label => "Texte alternatif :"
-
- = form.input :alignement, :label => "Alignement :", :as => :select, :collection => ImageContent::ALIGNS, :include_blank => false
- = form.input :style, :label => "Style :", :as => :select, :collection => ImageContent::STYLES, :include_blank => false
- = form.input :width, :label => "Largeur :"
- = form.input :height, :label => "Hauteur :"
-
-
- = form.input :with_cible, :as => :boolean, :label => "Avec lien ?", :input_html => { :onchange => "if ($('#with_cible').is(':checked')) { $('#with_cible').closest('form').find('.cible_space').show();$('#with_cible').closest('form').find('.expandable').hide(); }else{ $('#with_cible').closest('form').find('.cible_space').hide();$('#with_cible').closest('form').find('.expandable').show(); }", :id => "with_cible" }, :label_html => {:onchange => ""}
+ = form.input :alt, :label => "Texte alternatif :"
+
+ = form.input :alignement, :label => "Alignement :", :as => :select, :collection => ImageContent::ALIGNS, :include_blank => false
+ = form.input :style, :label => "Style :", :as => :select, :collection => ImageContent::STYLES, :include_blank => false
+ = form.input :width, :label => "Largeur :"
+ = form.input :height, :label => "Hauteur :"
+
+
+ = form.input :with_cible, :as => :boolean, :label => "Avec lien ?", :input_html => { :onchange => "if ($('#with_cible').is(':checked')) { $('#with_cible').closest('form').find('.cible_space').show();$('#with_cible').closest('form').find('.expandable').hide(); }else{ $('#with_cible').closest('form').find('.cible_space').hide();$('#with_cible').closest('form').find('.expandable').show(); }", :id => "with_cible" }, :label_html => {:onchange => ""}
- .expandable{:style => ((!@image_content.cible and !@image_content.with_cible) ? "display:block;" : "display:none;" )}
- = form.inputs do
- = form.input :expandable,:as => :boolean , :label => "L'image peut être agrandie ? :"
-
+ .expandable{:style => ((!@image_content.cible and !@image_content.with_cible) ? "display:block;" : "display:none;" )}
+ = form.inputs do
+ = form.input :expandable,:as => :boolean , :label => "L'image peut être agrandie ? :"
+
- .cible_space{:style => ((!@image_content.cible and !@image_content.with_cible) ? "display:none;" : "display:block;" )}
- = form.inputs do
- = form.input :cible, :label => "Cible :" , :as => :qi_cible_select
- = form.input :popup, :label => "Ouvrir dans une popup ?", :as => :boolean
-
-
- = form.submit "Sauvegarder", :class => "btn btn-primary"
+ .cible_space{:style => ((!@image_content.cible and !@image_content.with_cible) ? "display:none;" : "display:block;" )}
+ = form.inputs do
+ = form.input :cible, :label => "Cible :" , :as => :qi_cible_select
+ = form.input :popup, :label => "Ouvrir dans une popup ?", :as => :boolean
diff --git a/app/views/portlet/image_contents/_image_content.html.haml b/app/views/portlet/image_contents/_image_content.html.haml
index 4d10c9a..860311f 100644
--- a/app/views/portlet/image_contents/_image_content.html.haml
+++ b/app/views/portlet/image_contents/_image_content.html.haml
@@ -1,31 +1,31 @@
-if image_content.image_file
- -if image_content.style== "1"
- -url =image_content.image_file.file.large.medium.url
+ -if image_content.style== "1"
+ -url =image_content.image_file.file.large.medium.url
- -elsif image_content.style== "2"
- -url =image_content.image_file.file.large.medium.small.url
+ -elsif image_content.style== "2"
+ -url =image_content.image_file.file.large.medium.small.url
- -elsif image_content.style== "3"
- -url =image_content.image_file.file.square.url
+ -elsif image_content.style== "3"
+ -url =image_content.image_file.file.square.url
- -elsif image_content.style== "4"
- -url =image_content.image_file.file.large.medium.small.thumb.url
- -elsif image_content.style== "5"
- -url =image_content.image_file.file.large.url
-
+ -elsif image_content.style== "4"
+ -url =image_content.image_file.file.large.medium.small.thumb.url
+ -elsif image_content.style== "5"
+ -url =image_content.image_file.file.large.url
+
- =image_content.style
+ =image_content.style
-else
- -url ="admin/default_image.png"
+ -url ="admin/default_image.png"
-style = ""
-style = "text-align:center;" if image_content.alignement == "center"
-style = "text-align:right;" if image_content.alignement == "right"
-
+
-style = "text-align:left;" if image_content.alignement == "left"
@@ -36,7 +36,7 @@
%p.img{:style =>style}
- =image_tag(url, :alt => image_content.alt.to_s, :style => styleimg)
-
+ =image_tag(url, :alt => image_content.alt.to_s, :style => styleimg)
+
="L'image peut être agrandie si l'on clique dessus" if image_content.expandable
\ No newline at end of file
diff --git a/app/views/portlet/link_contents/_form.html.haml b/app/views/portlet/link_contents/_form.html.haml
index d6e906f..fb4f4b3 100644
--- a/app/views/portlet/link_contents/_form.html.haml
+++ b/app/views/portlet/link_contents/_form.html.haml
@@ -1,14 +1,12 @@
= semantic_form_for [:portlet, @link_content], :remote => true do |form|
-
- .form1
- = form.inputs do
- = form.input :name, :label => "Texte à afficher :"
- =# form.input :title, :label => "Title :"
- = form.input :popup,:as => :boolean , :label => "Ouvrir dans une nouvelle fenêtre ?"
-
- = form.input :cible, :label => "Cible :" , :as => :qi_cible_select
-
-
- = form.submit "Sauvegarder", :class => "btn btn-primary"
-
+
+ .form1
+ = form.inputs do
+ = form.input :name, :label => "Texte à afficher :"
+ =# form.input :title, :label => "Title :"
+ = form.input :popup,:as => :boolean , :label => "Ouvrir dans une nouvelle fenêtre ?"
+ = form.input :cible, :label => "Cible :" , :as => :qi_cible_select
+
+
+
\ No newline at end of file
diff --git a/app/views/portlet/link_contents/_link_content.html.haml b/app/views/portlet/link_contents/_link_content.html.haml
index 20387b2..63f5510 100644
--- a/app/views/portlet/link_contents/_link_content.html.haml
+++ b/app/views/portlet/link_contents/_link_content.html.haml
@@ -4,7 +4,7 @@ Texte affiché :
%br
="s'ouvre dans une nouvelle page" if link_content.popup
-- if link_content.cible
- %strong
- Liens vers
- = link_content.cible.cible_name
\ No newline at end of file
+- if link_content.cible
+ %strong
+ Liens vers
+ = link_content.cible.cible_name
\ No newline at end of file
diff --git a/app/views/portlet/map_contents/_form.html.haml b/app/views/portlet/map_contents/_form.html.haml
index 3298e04..d4bc2ba 100644
--- a/app/views/portlet/map_contents/_form.html.haml
+++ b/app/views/portlet/map_contents/_form.html.haml
@@ -1,26 +1,22 @@
=semantic_form_for( [:portlet, @map_content], :remote => true) do |f|
-
- %p
- Adresse :
- =f.text_field :address, :style => "width:98%;", :class => "inputText"
+
+ %p
+ Adresse :
+ =f.text_field :address, :style => "width:98%;", :class => "inputText"
- %p
- Nom du lieu :
- =f.text_field :name, :style => "width:98%;", :class => "inputText"
-
- %p
- Infobule
- =f.check_box :info_bule
-
- %p
- Vue
- = f.select :view, MapContent::VIEWS
-
- %p
- Zoom
- = f.select :zoom, MapContent::ZOOMS
- %br
- = f.submit "Sauvegarder", :class => "btn btn-primary"
-
-
+ %p
+ Nom du lieu :
+ =f.text_field :name, :style => "width:98%;", :class => "inputText"
+
+ %p
+ Infobule
+ =f.check_box :info_bule
+
+ %p
+ Vue
+ = f.select :view, MapContent::VIEWS
+ %p
+ Zoom
+ = f.select :zoom, MapContent::ZOOMS
+
diff --git a/app/views/portlet/map_contents/_map_content.html.haml b/app/views/portlet/map_contents/_map_content.html.haml
index 54e9ac9..111ca18 100644
--- a/app/views/portlet/map_contents/_map_content.html.haml
+++ b/app/views/portlet/map_contents/_map_content.html.haml
@@ -22,12 +22,12 @@ var myOptions = {
center: myLatlng,
-if map_content.view == 1
- mapTypeId: google.maps.MapTypeId.ROADMAP
+ mapTypeId: google.maps.MapTypeId.ROADMAP
-elsif map_content.view == 2
- mapTypeId: google.maps.MapTypeId.HYBRID
+ mapTypeId: google.maps.MapTypeId.HYBRID
-elsif map_content.view == 3
- mapTypeId: google.maps.MapTypeId.SATELLITE
+ mapTypeId: google.maps.MapTypeId.SATELLITE
};
="var map = new google.maps.Map(document.getElementById('map_content_map_#{map_content.id}'),"
@@ -53,7 +53,7 @@ var infowindow = new google.maps.InfoWindow({
-if map_content.info_bule
- infowindow.open(map,marker);
+ infowindow.open(map,marker);
}
});
diff --git a/app/views/portlet/shared/create.js.erb b/app/views/portlet/shared/create.js.erb
index ec20433..e509526 100644
--- a/app/views/portlet/shared/create.js.erb
+++ b/app/views/portlet/shared/create.js.erb
@@ -5,9 +5,14 @@ $("#new_portlet_form_inline").replaceWith("<%= escape_javascript(render(@portlet
+$("#collapse3 .trash").attr("href", $("#portlet_<%= @portlet.id %>").data("show-link"));
+
update_block_portlet_order(block_portlet_id);
+//$.ajax({url : $("#portlet_<%= @portlet.id %>").data("edit-link"), type: "GET"});
-$(".block_portlets").sortable("enable");
+cancel_move_portlet();
+unselect_portlet();
+
<%= flash_js %>
\ No newline at end of file
diff --git a/app/views/portlet/shared/destroy.js.erb b/app/views/portlet/shared/destroy.js.erb
index 64fd98f..2cb1c3a 100644
--- a/app/views/portlet/shared/destroy.js.erb
+++ b/app/views/portlet/shared/destroy.js.erb
@@ -1,4 +1,10 @@
+
+cancel_move_portlet();
+reset_edit_pane();
$("#portlet_<%= @portlet.id %>").remove();
+$("#element_form").html("");
<%= flash_js %>
-block_js_initialize();
-update_portlet_order();
\ No newline at end of file
+
+update_portlet_order();
+
+
diff --git a/app/views/portlet/shared/edit.js.erb b/app/views/portlet/shared/edit.js.erb
index c424788..63fb69d 100644
--- a/app/views/portlet/shared/edit.js.erb
+++ b/app/views/portlet/shared/edit.js.erb
@@ -1,18 +1,11 @@
-//$("#portlet_<%= @portlet.id %>").html("<div id='edit_portlet_content_form'></div>");
-
-//$("#edit_portlet_content_form").html("<%= escape_javascript(render( :partial => "form")) %>");
-
+$("#toolbar-text").html("");
$("#element_form").html("<%= escape_javascript(render( :partial => "form")) %>");
-$("#collapse2").collapse('hide');
-$("#collapse3").collapse('show');
-//$(".block_portlets").sortable("disable");
-
-
-
+open_collapse3();
<%- cancel_button = escape_javascript(link_to("annuler", portlet_portlet_path(@portlet), :class => "button cancel", :remote => true)); %>
+
$("#portlet_<%= @portlet.id %>").find('.buttons ol').prepend('<%= cancel_button %>');
diff --git a/app/views/portlet/shared/new.js.erb b/app/views/portlet/shared/new.js.erb
index d8a994a..5aa53af 100644
--- a/app/views/portlet/shared/new.js.erb
+++ b/app/views/portlet/shared/new.js.erb
@@ -1,21 +1,7 @@
-$("#new_portlet_content_form").html("<%= escape_javascript(render( :partial => "portlet/shared/new")) %>");
+$("#toolbar-text").html("");
+$("#element_form").html("<%= escape_javascript(render( :partial => "form")) %>");
-$(".block_portlets").sortable("disable");
+$("#collapse3 .portlet_handle").data("portlet-id", "");
+open_collapse3();
-
-var first_form_element = $("#new_portlet_content_form input:text:visible:first")
-if(first_form_element.length == 0){
- first_form_element = $("#new_portlet_content_form .text_editor:first")
-
- //first_form_element.tinymce().focus();
-}
-
-if(first_form_element.length == 0){
- first_form_element = $("#new_portlet_content_form textarea:first")
-}
-
-
-first_form_element.focus();
-
-uninitialize_block_js();
diff --git a/app/views/portlet/shared/update.js.erb b/app/views/portlet/shared/update.js.erb
index 848bb04..f35ef7b 100644
--- a/app/views/portlet/shared/update.js.erb
+++ b/app/views/portlet/shared/update.js.erb
@@ -1,7 +1,7 @@
$("#portlet_<%= @portlet.id %>").replaceWith("<%= escape_javascript(render(@portlet)) %>");
-$("#portlet_<%= @portlet.id %>").addClass("active")
-//$("#element_form").html("")
-//$(".block_portlets").sortable("enable");
+
+cancel_move_portlet();
+unselect_portlet();
<%= flash_js %>
\ No newline at end of file
diff --git a/app/views/portlet/table_contents/_form.html.haml b/app/views/portlet/table_contents/_form.html.haml
index d194428..675ea62 100644
--- a/app/views/portlet/table_contents/_form.html.haml
+++ b/app/views/portlet/table_contents/_form.html.haml
@@ -2,21 +2,17 @@
=semantic_form_for( [:portlet, @table_content], :remote => true) do |f|
- -if !@table_content.id
- %table
- %tr
- %td Nombre de lignes :
- %td=f.text_field :nbr_rows
- %tr
- %td Nombre de colonnes :
- %td=f.text_field :nbr_cols
-
- -if BlockContent::STYLES.size > 0
- Style :
- = f.select :style, TableContent::STYLES
-
- %br
- = f.submit "Sauvegarder", :class => "btn btn-primary"
-
-
-
+ -if !@table_content.id
+ %table
+ %tr
+ %td Nombre de lignes :
+ %td=f.text_field :nbr_rows
+ %tr
+ %td Nombre de colonnes :
+ %td=f.text_field :nbr_cols
+
+ -if BlockContent::STYLES.size > 0
+ Style :
+ = f.select :style, TableContent::STYLES
+
+
\ No newline at end of file
diff --git a/app/views/portlet/table_contents/_table_content.html.haml b/app/views/portlet/table_contents/_table_content.html.haml
index bf948ab..e8208fe 100644
--- a/app/views/portlet/table_contents/_table_content.html.haml
+++ b/app/views/portlet/table_contents/_table_content.html.haml
@@ -2,45 +2,45 @@
%table.table_content
- -table_rows = table_content.table_rows
- %tr
- -i = 0
- -table_content.nbr_cols.times do
- -i += 1
- %td.add_col
- %span.innerWrapper
- .col_menu
- =link_to "Ajouter une colonne avant", portlet_table_cols_path(:position => i, :table_content_id =>table_content.id ), :method => :post, :remote => true
-
- =link_to "Ajouter une colonne après", portlet_table_cols_path(:position => i+1, :table_content_id =>table_content.id ), :method => :post, :remote => true
-
- -if table_content.nbr_cols > 1
- =link_to "Supprimer cette colonne", portlet_table_col_path(:id => i, :table_content_id =>table_content.id ), :method => :delete, :remote => true, :confirm => "Voulez-vous vraiment supprimer cette colonne ?"
- = i(:cog_alt, :gray_light, 12)
-
- %td
-
- -table_rows.each do |table_row|
- %tr{:id => table_row.id}
-
-
- -CelTable.where(:table_row_id => table_row.id).order("position ASC").each do |cel_table|
-
- %td.table_content_cel{:id => cel_table.id}
+ -table_rows = table_content.table_rows
+ %tr
+ -i = 0
+ -table_content.nbr_cols.times do
+ -i += 1
+ %td.add_col
+ %span.innerWrapper
+ .col_menu
+ =link_to "Ajouter une colonne avant", portlet_table_cols_path(:position => i, :table_content_id =>table_content.id ), :method => :post, :remote => true
+
+ =link_to "Ajouter une colonne après", portlet_table_cols_path(:position => i+1, :table_content_id =>table_content.id ), :method => :post, :remote => true
+
+ -if table_content.nbr_cols > 1
+ =link_to "Supprimer cette colonne", portlet_table_col_path(:id => i, :table_content_id =>table_content.id ), :method => :delete, :remote => true, :confirm => "Voulez-vous vraiment supprimer cette colonne ?"
+ = i(:cog_alt, :gray_light, 12)
+
+ %td
+
+ -table_rows.each do |table_row|
+ %tr{:id => table_row.id}
+
+
+ -CelTable.where(:table_row_id => table_row.id).order("position ASC").each do |cel_table|
+
+ %td.table_content_cel{:id => cel_table.id}
- =render :partial => "admin/blocks/block", :locals => {:block => cel_table.block}
-
- %td.add_cel
-
- .innerWrapper
- .row_menu
- =link_to "Ajouter un rang avant", portlet_table_rows_path(:table_row => {:table_content_id => table_content.id, :position => (table_row.position)}), :method => :post, :remote => true
-
- =link_to "Ajouter un rang après", portlet_table_rows_path(:table_row => {:table_content_id => table_content.id, :position => (table_row.position+1)}), :method => :post, :remote => true
- -if table_content.nbr_rows > 1
- =link_to "Supprimer ce rang", portlet_table_row_path(table_row), :method => :delete, :remote => true, :confirm => "Voulez-vous vraiment supprimer ce rang ?"
- = i(:cog_alt, :gray_light, 12)
-
-
-
-
\ No newline at end of file
+ =render :partial => "admin/blocks/block", :locals => {:block => cel_table.block}
+
+ %td.add_cel
+
+ .innerWrapper
+ .row_menu
+ =link_to "Ajouter un rang avant", portlet_table_rows_path(:table_row => {:table_content_id => table_content.id, :position => (table_row.position)}), :method => :post, :remote => true
+
+ =link_to "Ajouter un rang après", portlet_table_rows_path(:table_row => {:table_content_id => table_content.id, :position => (table_row.position+1)}), :method => :post, :remote => true
+ -if table_content.nbr_rows > 1
+ =link_to "Supprimer ce rang", portlet_table_row_path(table_row), :method => :delete, :remote => true, :confirm => "Voulez-vous vraiment supprimer ce rang ?"
+ = i(:cog_alt, :gray_light, 12)
+
+
+
+
\ No newline at end of file
diff --git a/app/views/portlet/table_contents/_table_content_edit_pane.html.haml b/app/views/portlet/table_contents/_table_content_edit_pane.html.haml
index 7d42a41..5dfdc3c 100644
--- a/app/views/portlet/table_contents/_table_content_edit_pane.html.haml
+++ b/app/views/portlet/table_contents/_table_content_edit_pane.html.haml
@@ -1,33 +1,33 @@
%table.table_content
- -table_rows = @table_content.table_rows
- %tr
-
-
+ -table_rows = @table_content.table_rows
+ %tr
+
+
- -table_rows.each do |table_row|
- %tr
- %td.row_left
- .crl
- %a{:href => "#", :onclick => "$('.table_row_menu').hide();$('#table_row_menu_"+table_row.id.to_s+"').toggle();return false;"}+
-
-
-
-
- .table_row_menu#table_row_menu{:id => table_row.id}
- =link_to "ajouter un rang avant", portlet_table_rows_path(:table_row => {:table_content_id => @table_content.id, :position => (table_row.position)}), :method => :post
- %br
- =link_to "ajouter un rang après", portlet_table_rows_path(:table_row => {:table_content_id => @table_content.id, :position => (table_row.position+1)}), :method => :post
- %br
- =link_to "supprimer ce rang", [:portlet, table_row], :method => :delete, :confirm => "Voulez-vous vraiment supprimer ce rang ainsi que son contenu ?", :remote => true
-
- -table_row.cel_tables.each do |cel_table|
+ -table_rows.each do |table_row|
+ %tr
+ %td.row_left
+ .crl
+ %a{:href => "#", :onclick => "$('.table_row_menu').hide();$('#table_row_menu_"+table_row.id.to_s+"').toggle();return false;"}+
+
+
+
+
+ .table_row_menu#table_row_menu{:id => table_row.id}
+ =link_to "ajouter un rang avant", portlet_table_rows_path(:table_row => {:table_content_id => @table_content.id, :position => (table_row.position)}), :method => :post
+ %br
+ =link_to "ajouter un rang après", portlet_table_rows_path(:table_row => {:table_content_id => @table_content.id, :position => (table_row.position+1)}), :method => :post
+ %br
+ =link_to "supprimer ce rang", [:portlet, table_row], :method => :delete, :confirm => "Voulez-vous vraiment supprimer ce rang ainsi que son contenu ?", :remote => true
+
+ -table_row.cel_tables.each do |cel_table|
- %td.table_content_cel
- =auto_load_div(admin_block_path(cel_table.block),"Page_"+"@page.id.to_s"+"_blocks_part")
+ %td.table_content_cel
+ =auto_load_div(admin_block_path(cel_table.block),"Page_"+"@page.id.to_s"+"_blocks_part")
- %td.add_col
- %span +
- -@table_content.nbr_cols.times do
- %td.add_col
- %span +f
+ %td.add_col
+ %span +
+ -@table_content.nbr_cols.times do
+ %td.add_col
+ %span +f
diff --git a/app/views/portlet/text_contents/_form.html.haml b/app/views/portlet/text_contents/_form.html.haml
index d4d06af..6186808 100644
--- a/app/views/portlet/text_contents/_form.html.haml
+++ b/app/views/portlet/text_contents/_form.html.haml
@@ -1,48 +1,46 @@
+%p Vous pouvez modifier le contenu directement à l'endroit où vous avez placé votre texte.
+%p N'oubliez pas de sauvegarder vos modifications avec le bouton ci dessous.
+
-if @text_content.id
=semantic_form_for( [:portlet, @text_content], :remote => true, :html => {:"data-portlet-id" => @text_content.portlet.id}) do |f|
- %p{:style => "text-align:center;"}= f.submit "Sauvegarder", :class => "btn btn-primary"
-
+
=f.text_area :content, :style => "width:98%;height:600px;", :class => "redactor_content", :style => "display:none;"
+
-if TextContent::STYLES.size > 0
Style :
= f.select :style, TextContent::STYLES
-
+
:javascript
$("#element_form form").submit(function (e){
- $("textarea").val($('#portlet_'+$("#element_form form").data("portlet-id")+' .content').html());
+ $("#element_form textarea").val($('#portlet_'+$("#element_form form").data("portlet-id")+' .content').redactor('code.get'));
$("#toolbar-text").html("");
});
-
+
$('#portlet_'+$("#element_form form").data("portlet-id")+' .content').redactor({
- plugins: ['fontcolor'],
+ focus: true,
toolbarExternal: '#toolbar-text',
- buttons : ['undo','redo','|', 'formatting', '|', 'bold', 'italic', 'deleted','underline','|', 'fontcolor','|', 'alignleft', 'aligncenter', 'alignright', 'justify', '|', 'unorderedlist', 'orderedlist', 'outdent', 'indent', '|', 'table', 'link', '|','fontcolor', 'backcolor','|', 'horizontalrule', '|','html']
+ buttonSource: true,
+ buttons : [ 'html','alignleft', 'aligncenter', 'alignright', 'justify', 'formatting', 'bold', 'italic', 'deleted','underline','unorderedlist', 'orderedlist', 'outdent', 'indent','image', 'file', 'link', 'alignment','fontsize', 'horizontalrule','fontcolor', 'backcolor'],
+ plugins : ['bufferbuttons','fontsize',"fontfamily", 'fontcolor', 'scriptbuttons']
});
-
-
-
-
-else
=semantic_form_for( [:portlet, @text_content], :remote => true) do |f|
-
- %p{:style => "text-align:center;"}= f.submit "Sauvegarder", :class => "btn btn-primary"
-
- =f.text_area :content, :style => "width:98%;height:600px;", :class => "redactor_content"
+ =f.text_area :content, :style => "width:98%;height:600px;", :class => "redactor_content", :style => "display:none;"
@@ -52,21 +50,29 @@
= f.select :style, TextContent::STYLES
-
-
-
+
:javascript
- $('.redactor_content').redactor({
- plugins: ['fontcolor'],
+ $("#new_portlet_form_inline").html('<div class="content"></div>')
+
+ content_element = $('#new_portlet_form_inline .content')
+
+ $("#element_form form").submit(function (e){
+
+ $("#element_form textarea").val(content_element.redactor('code.get'));
+ $("#toolbar-text").html("");
+
+ });
+
+ content_element.redactor({
+ focus: true,
toolbarExternal: '#toolbar-text',
- buttons : ['undo','redo','|', 'formatting', '|', 'bold', 'italic', 'deleted','underline','|', 'fontcolor','|', 'alignleft', 'aligncenter', 'alignright', 'justify', '|', 'unorderedlist', 'orderedlist', 'outdent', 'indent', '|', 'table', 'link', '|','fontcolor', 'backcolor','|', 'horizontalrule', '|','html']
-
+ buttons : ['undo','redo','|', 'formatting', '|', 'bold', 'italic', 'deleted','underline','|', 'alignleft', 'aligncenter', 'alignright', 'justify', '|', 'unorderedlist', 'orderedlist', 'outdent', 'indent', '|', 'table', 'link', '|','fontcolor', 'backcolor','|', 'horizontalrule', '|','html']
+
});
-
-
+
diff --git a/app/views/portlet/title_contents/_form.html.haml b/app/views/portlet/title_contents/_form.html.haml
index b084cfd..dfb1a51 100644
--- a/app/views/portlet/title_contents/_form.html.haml
+++ b/app/views/portlet/title_contents/_form.html.haml
@@ -1,15 +1,34 @@
-=semantic_form_for( [:portlet, @title_content], :remote => true) do |f|
+=semantic_form_for( [:portlet, @title_content], :remote => true, :html => {:"data-portlet-id" => (@title_content.portlet.id if @title_content.portlet)}) do |f|
+
+ =f.text_field :content, :style => "width:98%;", :class => "inputText", :style => ("display:none;" if @title_content.id)
- =f.text_field :content, :style => "width:98%;", :class => "inputText" if !@title_content.id
-
- Importance :
- = f.select :level, TitleContent::LEVELS
- -if TitleContent::STYLES.size > 0
- Style :
- = f.select :style, TitleContent::STYLES
- %br
-
- = f.submit "Sauvegarder", :class => "btn btn-primary"
-
-
+ Importance :
+ = f.select :level, TitleContent::LEVELS
+ -if TitleContent::STYLES.size > 0
+ Style :
+ = f.select :style, TitleContent::STYLES
+ %br
+-if @title_content.id
+
+ :javascript
+
+ $("#element_form form").submit(function (e){
+
+ $("#element_form #title_content_content").val($('#portlet_'+$("#element_form form").data("portlet-id")+' .title_content_inline').redactor('code.get'));
+ $("#toolbar-text").html("");
+
+ });
+
+ $('#portlet_'+$("#element_form form").data("portlet-id")+' .title_content_inline').redactor({
+ focus: true,
+ toolbarExternal: '#toolbar-text',
+ buttonSource: true,
+ plugins : [ 'fontcolor', 'scriptbuttons'],
+ buttons: [ 'bold', 'italic'],
+ allowedTags: ['sup', "strong", "em", "sub", "span", "br"],
+ linebreaks: true
+
+
+
+ });
\ No newline at end of file
|