Added update support for styles (WIP)

[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / js / 3rdParty / redactor / plugins / wbbcode.js

if (!RedactorPlugins) var RedactorPlugins = {};

/**
 * Provides the smiley button and modifies the source mode to transform HTML into BBCodes.
 * 
 * @author	Alexander Ebert, Marcel Werk
 * @copyright	2001-2015 WoltLab GmbH
 * @license	GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
 */
RedactorPlugins.wbbcode = function() {
	"use strict";
	
	var $skipOnSyncReplacementOnce = false;
	
	return {
		/**
		 * Initializes the RedactorPlugins.wbbcode plugin.
		 */
		init: function() {
			var $identifier = this.$textarea.wcfIdentify();
			
			this.opts.initCallback = (function() {
				window.addEventListener('unload', (function(event) {
					this.code.startSync();
					
					this.$textarea.val(this.wbbcode.convertFromHtml(this.$textarea.val()));
				}).bind(this));
				
				if ($.browser.msie) {
					this.$editor.addClass('msie');
				}
				this.$textarea[0].setAttribute('data-is-dirty', true);
				// use stored editor contents
				var $content = $.trim(this.wutil.getOption('woltlab.originalValue'));
				if ($content.length) {
					this.wutil.replaceText($content);
					
					// ensure that the caret is not within a quote tag
					this.wutil.selectionEndOfEditor();
				}
				
				delete this.opts.woltlab.originalValue;
				
				$(document).trigger('resize');
				this.wutil.saveSelection();
			}).bind(this);
			
			this.opts.pasteBeforeCallback = $.proxy(this.wbbcode._pasteBeforeCallback, this);
			this.opts.pasteCallback = $.proxy(this.wbbcode._pasteCallback, this);
			
			var $mpCleanOnSync = this.clean.onSync;
			this.clean.onSync = (function(html) {
				html = html.replace(/\u200C/g, '__wcf_zwnj__');
				html = html.replace(/\u200D/g, '__wcf_zwj__');
				
				if ($skipOnSyncReplacementOnce === true) {
					$skipOnSyncReplacementOnce = false;
				}
				else {
					html = html.replace(/<p><br([^>]+)?><\/p>/g, '<p>@@@wcf_empty_line@@@</p>');
				}
				
				html = $mpCleanOnSync.call(this, html);
				
				html = html.replace(/__wcf_zwnj__/g, '\u200C');
				return html.replace(/__wcf_zwj__/g, '\u200D');
			}).bind(this);
			
			if (this.wutil.getOption('woltlab.autosaveOnce')) {
				this.wutil.saveTextToStorage();
				delete this.opts.woltlab.autosaveOnce;
			}
			
			// we do not support table heads
			var $tableButton = this.button.get('table');
			if ($tableButton.length) {
				var $dropdown = $tableButton.data('dropdown');
				
				// remove head add/delete
				$dropdown.find('.redactor-dropdown-add_head').parent().remove();
				$dropdown.find('.redactor-dropdown-delete_head').parent().remove();
				
				// add visual divider
				$('<li class="dropdownDivider" />').insertBefore($dropdown.find('.redactor-dropdown-delete_table').parent());
				
				// toggle dropdown options
				$tableButton.click($.proxy(this.wbbcode._tableButtonClick, this));
			}
			
			// handle 'insert quote' button
			WCF.System.Event.addListener('com.woltlab.wcf.redactor', 'insertBBCode_quote_' + $identifier, $.proxy(function(data) {
				data.cancel = true;
				
				this.wbbcode._handleInsertQuote();
			}, this));
			
			// handle 'insert code' button
			WCF.System.Event.addListener('com.woltlab.wcf.redactor', 'insertBBCode_code_' + $identifier, $.proxy(function(data) {
				data.cancel = true;
				
				this.wbbcode._handleInsertCode(null, true);
			}, this));
			
			// handle keydown
			WCF.System.Event.addListener('com.woltlab.wcf.redactor', 'keydown_' + $identifier, $.proxy(this.wbbcode._keydownCallback, this));
			WCF.System.Event.addListener('com.woltlab.wcf.redactor', 'keyup_' + $identifier, $.proxy(this.wbbcode._keyupCallback, this));
			
			// disable automatic synchronization
			this.code.sync = function() { };
			
			// fix button label for source toggling
			var $tooltip = $('.redactor-toolbar-tooltip-html:not(.jsWbbcode)').addClass('jsWbbcode').text(WCF.Language.get('wcf.bbcode.button.toggleBBCode'));
			
			var $fixBR = function(editor) {
				var elements = editor[0].querySelectorAll('br:not(:empty)');
				for (var i = 0, length = elements.length; i < length; i++) {
					elements[0].innerHTML = '';
				}
			};
			
			this.code.toggle = (function() {
				if (this.opts.visual) {
					this.code.startSync();
					
					this.code.showCode();
					this.$textarea.val(this.wbbcode.convertFromHtml(this.$textarea.val()));
					
					this.button.get('html').children('i').removeClass('fa-square-o').addClass('fa-square');
					$tooltip.text(WCF.Language.get('wcf.bbcode.button.toggleHTML'));
				}
				else {
					this.$textarea.val(this.wbbcode.convertToHtml(this.$textarea.val()));
					this.code.offset = this.$textarea.val().length;
					this.code.showVisual();
					this.wbbcode.fixBlockLevelElements();
					this.wutil.selectionEndOfEditor();
					this.wbbcode.observeQuotes();
					this.wbbcode.observeCodeListings();
					
					this.button.get('html').children('i').removeClass('fa-square').addClass('fa-square-o');
					$tooltip.text(WCF.Language.get('wcf.bbcode.button.toggleBBCode'));
					this.wutil.fixDOM();
					$fixBR(this.$editor);
					
					this.wutil.saveSelection();
				}
			}).bind(this);
			
			// insert a new line if user clicked into the editor and the last children is a quote (same behavior as arrow down)
			this.wutil.setOption('clickCallback', (function(event) {
				this.wutil.saveSelection();
				
				if (event.target === this.$editor[0]) {
					if (this.$editor[0].lastElementChild && this.$editor[0].lastElementChild.tagName === 'BLOCKQUOTE') {
						this.wutil.setCaretAfter($(this.$editor[0].lastElementChild));
					}
				}
			}).bind(this));
			
			// drop ul to prevent being touched by this.clean.clearUnverifiedRemove()
			var $index = this.opts.verifiedTags.indexOf('ul');
			if ($index > -1) {
				this.opts.verifiedTags.splice($index, 1);
			}
			
			// reattach event listeners
			WCF.System.Event.addListener('com.woltlab.wcf.redactor', 'observe_load_' + $identifier, (function(data) {
				this.wbbcode.observeCodeListings();
				this.wbbcode.observeQuotes();
			}).bind(this));
			
			WCF.System.Event.addListener('com.woltlab.wcf.redactor', 'fixFormatting_' + $identifier, $.proxy(this.wbbcode.fixFormatting, this));
		},
		
		/**
		 * Toggles features within the table dropdown.
		 * 
		 * @param	object		event
		 */
		_tableButtonClick: function(event) {
			var $button = $(event.currentTarget);
			if (!$button.hasClass('dropact')) {
				return;
			}
			
			var $current = this.selection.getBlock() || this.selection.getCurrent();
			var $dropdown = $button.data('dropdown');
			
			// within table
			$dropdown.children('li').show();
			var $insertTable = $dropdown.find('> li > .redactor-dropdown-insert_table').parent();
			if ($current.tagName == 'TD') {
				$insertTable.hide();
			}
			else {
				$insertTable.nextAll().hide();
			}
		},
		
		/**
		 * Inserts a smiley, optionally trying to register a new smiley.
		 * 
		 * @param	string		smileyCode
		 * @param	string		smileyPath
		 * @param	boolean		registerSmiley
		 */
		insertSmiley: function(smileyCode, smileyPath, registerSmiley) {
			if (registerSmiley) {
				this.wbbcode.registerSmiley(smileyCode, smileyPath);
			}
			
			if (this.opts.visual) {
				var $parentBefore = null;
				if (window.getSelection().rangeCount && window.getSelection().getRangeAt(0).collapsed) {
					$parentBefore = window.getSelection().getRangeAt(0).startContainer;
					if ($parentBefore.nodeType === Node.TEXT_NODE) {
						$parentBefore = $parentBefore.parentElement;
					}
					
					if (!this.utils.isRedactorParent($parentBefore)) {
						$parentBefore = null;
					}
				}
				
				this.insert.html('<img src="' + smileyPath + '" class="smiley" alt="' + smileyCode + '" id="redactorSmiley">', false);
				
				var $smiley = document.getElementById('redactorSmiley');
				$smiley.removeAttribute('id');
				if ($parentBefore !== null) {
					var $currentParent = window.getSelection().getRangeAt(0).startContainer;
					if ($currentParent.nodeType === Node.TEXT_NODE) {
						$currentParent = $currentParent.parentElement;
					}
					
					// smiley has been inserted outside the original caret parent, move
					if ($parentBefore !== $currentParent) {
						$parentBefore.appendChild($smiley);
					}
				}
				
				var $isSpace = function(sibling) {
					if (sibling === null) return false;
					
					if ((sibling.nodeType === Node.ELEMENT_NODE && sibling.nodeName === 'SPAN') || sibling.nodeType === Node.TEXT_NODE) {
						if (sibling.textContent === "\u00A0") {
							return true;
						}
					}
					
					return false;
				};
				
				// add spaces as paddings
				var $parent = $smiley.parentElement;
				if (!$isSpace($smiley.previousSibling)) {
					var $node = document.createTextNode('\u00A0');
					$parent.insertBefore($node, $smiley);
				}
				
				if (!$isSpace($smiley.nextSibling)) {
					var $node = document.createTextNode('\u00A0');
					if ($parent.lastChild === $smiley) {
						$parent.appendChild($node);
					}
					else {
						$parent.insertBefore($node, $smiley.nextSibling);
					}
				}
			}
			else {
				this.wutil.insertAtCaret(' ' + smileyCode + ' ');
			}
		},
		
		/**
		 * Registers a new smiley, returns false if the smiley code is already registered.
		 * 
		 * @param	string		smileyCode
		 * @param	string		smileyPath
		 * @return	boolean
		 */
		registerSmiley: function(smileyCode, smileyPath) {
			if (__REDACTOR_SMILIES[smileyCode]) {
				return false;
			}
			
			__REDACTOR_SMILIES[smileyCode] = smileyPath;
			
			return true;
		},
		
		/**
		 * Converts source contents from HTML into BBCode.
		 * 
		 * @param	string		message
		 */
		convertFromHtml: function(message) {
			var obj = { html: message };
			
			/** @deprecated legacy event */
			WCF.System.Event.fireEvent('com.woltlab.wcf.redactor', 'beforeConvertFromHtml', obj);
			
			/** @deprecated legacy event */
			WCF.System.Event.fireEvent('com.woltlab.wcf.redactor', 'convertFromHtml', obj);
			
			obj.html = __REDACTOR_AMD_DEPENDENCIES.BbcodeFromHTML.convert(obj.html);
			
			/** @deprecated legacy event */
			WCF.System.Event.fireEvent('com.woltlab.wcf.redactor', 'afterConvertFromHtml', obj);
			
			return obj.html;
		},
		
		/**
		 * Converts source contents from BBCode to HTML.
		 * 
		 * @param	string		message
		 */
		convertToHtml: function(message) {
			var obj = { data: message };
			
			/** @deprecated legacy event */
			WCF.System.Event.fireEvent('com.woltlab.wcf.redactor', 'beforeConvertToHtml', obj);
			
			obj.data = __REDACTOR_AMD_DEPENDENCIES.BbcodeToHTML.convert(obj.data, {
				attachments: {
					images: this.wbbcode._getImageAttachments(),
					thumbnailUrl: this.wutil.getOption('woltlab.attachmentThumbnailUrl'),
					url: this.wutil.getOption('woltlab.attachmentUrl')
				}
			});
			
			/** @deprecated legacy event */
			WCF.System.Event.fireEvent('com.woltlab.wcf.redactor', 'afterConvertToHtml', obj);
			
			return obj.data;
		},
		
		/**
		 * Converts certain HTML elements prior to paste in order to preserve formattings.
		 * 
		 * @param	string		html
		 * @return	string
		 */
		_pasteBeforeCallback: function(html) {
			var container = document.createElement('div');
			container.innerHTML = html;
			document.body.appendChild(container);
			
			// handle <h1> ... <h6> tags
			var defaultSizes = {
				1: 24,
				2: 22,
				3: 18,
				4: 14,
				5: 12,
				6: 10
			}, element, elements, size, styles;
			for (var i = 1; i <= 6; i++) {
				elements = container.getElementsByTagName('H' + i);
				while (elements.length) {
					element = elements[0];
					size = defaultSizes[i];
					
					if (element.style.fontSize) {
						styles = window.getComputedStyle(element);
						size = Math.round(styles.getPropertyValue('font-size').replace(/px$/, ''));
						
						if (size > 24) size = 24;
						else if (size > 22) size = 22;
						else if (size > 18) size = 22;
						else if (size > 14) size = 14;
						else if (size > 12) size = 14;
						else if (size > 10) size = 12;
						else size = 10;
					}
					
					element.outerHTML = '<span style="font-size: ' + size + 'pt" data-verified="redactor" rel="font-size: ' + size + 'pt">' + element.innerHTML + '</span>';
				}
			}
			
			document.body.removeChild(container);
			
			// remove CSS classes from certain elements
			elements = container.querySelectorAll('div,p,span');
			for (var i = 0, length = elements.length; i < length; i++) {
				if (elements[0].className) elements[0].className = '';
			}
			
			// drop <wbr>
			elements = container.getElementsByTagName('WBR');
			while (elements.length) {
				elements[0].parentNode.removeChild(elements[0]);
			}
			
			return container.innerHTML;
		},
		
		/**
		 * Restores and fixes formatting before inserting pasted HTML into the editor.
		 * 
		 * @param	string		html
		 * @return	string
		 */
		_pasteCallback: function(html) {
			// strip background-color
			html = html.replace(/style="([^"]+)"/, function(match, inlineStyles) {
				var $parts = inlineStyles.split(';');
				var $styles = [ ];
				for (var $i = 0, $length = $parts.length; $i < $length; $i++) {
					var $part = $parts[$i];
					if (!$part.match(/^\s*background-color/)) {
						$styles.push($part);
					}
				}
				
				return 'style="' + $styles.join(';') + '"';
			});
			
			WCF.System.Event.fireEvent('com.woltlab.wcf.redactor', 'afterPaste', { html: html });
			
			return html;
		},
		
		/**
		 * Inserts an attachment with live preview.
		 * 
		 * @param	integer		attachmentID
		 * @param	boolean		insertFull
		 */
		insertAttachment: function(attachmentID, insertFull) {
			attachmentID = parseInt(attachmentID);
			var $attachmentUrl = this.wutil.getOption('woltlab.attachment' + (!insertFull ? 'Thumbnail' : '') + 'Url');
			var $imageAttachments = this.wbbcode._getImageAttachments();
			
			if ($attachmentUrl && $imageAttachments[attachmentID] !== undefined) {
				var $style = '';
				if (insertFull) {
					$style = ' style="width: ' + $imageAttachments[attachmentID].width + 'px; max-height: ' + $imageAttachments[attachmentID].height + 'px; max-width: ' + $imageAttachments[attachmentID].width + 'px;"';
				}
				
				this.wutil.insertDynamic(
					'<img src="' + $attachmentUrl.replace(/987654321/, attachmentID) + '" class="redactorEmbeddedAttachment' + (!insertFull ? ' redactorDisableResize' : '') + '" data-attachment-id="' + attachmentID + '"' + $style + ' />',
					'[attach=' + attachmentID + (insertFull ? ',none,' + $imageAttachments[attachmentID].width : '') + '][/attach]'
				);
			}
			else {
				this.wutil.insertDynamic('[attach=' + attachmentID + '][/attach]');
			}
		},
		
		/**
		 * Removes an attachment from WYSIWYG view.
		 * 
		 * @param	integer		attachmentID
		 */
		removeAttachment: function(attachmentID) {
			if (!this.opts.visual) {
				// we're not going to mess with the code view
				return;
			}
			
			this.$editor.find('img.redactorEmbeddedAttachment').each(function(index, attachment) {
				var $attachment = $(attachment);
				if ($attachment.data('attachmentID') == attachmentID) {
					$attachment.remove();
				}
			});
		},
		
		/**
		 * Returns a list of attachments representing an image.
		 * 
		 * @return	object
		 */
		_getImageAttachments: function() {
			// WCF.Attachment.Upload may have no been initialized yet, fallback to static data
			var $imageAttachments = this.wutil.getOption('woltlab.attachmentImages') || [ ];
			if ($imageAttachments.length) {
				delete this.opts.attachmentImages;
				
				return $imageAttachments;
			}
			
			var $data = {
				imageAttachments: { }
			};
			WCF.System.Event.fireEvent('com.woltlab.wcf.redactor', 'getImageAttachments_' + this.$textarea.wcfIdentify(), $data);
			
			return $data.imageAttachments;
		},
		
		/**
		 * Handles up/down/delete/backspace key for quote boxes.
		 * 
		 * @param	object		data
		 */
		_keydownCallback: function(data) {
			switch (data.event.which) {
				case $.ui.keyCode.BACKSPACE:
				case $.ui.keyCode.DELETE:
				case $.ui.keyCode.DOWN:
				case $.ui.keyCode.ENTER:
				case $.ui.keyCode.UP:
				case $.ui.keyCode.RIGHT:
				case 83: // [S]
					// handle keys
				break;
				
				default:
					return;
				break;
			}
			
			this.selection.get();
			var current = this.selection.getCurrent();
			var $parent = this.selection.getParent();
			$parent = ($parent) ? $($parent) : $parent;
			var $quote = ($parent) ? $parent.closest('blockquote.quoteBox', this.$editor.get()[0]) : { length: 0 };
			
			switch (data.event.which) {
				// backspace key
				case $.ui.keyCode.BACKSPACE:
					if (this.wutil.isCaret()) {
						var $preventAndSelectQuote = false;
						
						if ($quote.length) {
							// check if quote is empty
							var $isEmpty = true;
							for (var $i = 0; $i < $quote[0].children.length; $i++) {
								var $child = $quote[0].children[$i];
								if ($child.tagName === 'DIV') {
									if ($child.textContent.replace(/\u200b/, '').length) {
										$isEmpty = false;
										break;
									}
								}
							}
							
							if ($isEmpty) {
								$preventAndSelectQuote = true;
							}
							else {
								// check if caret is at the start of the quote
								var range = (this.selection.implicitRange === null) ? this.range : this.selection.implicitRange;
								if (range.startOffset === 0) {
									var element = range.startContainer, prev;
									while ((element = element.parentNode) !== null) {
										prev = element.previousSibling;
										if (prev !== null) {
											if (prev.nodeType === Node.ELEMENT_NODE && prev.nodeName === 'HEADER') {
												$preventAndSelectQuote = true;
											}
											
											break;
										}
									}
								}								
							}
						}
						else {
							var $range = (this.selection.implicitRange === null) ? this.range : this.selection.implicitRange;
							var $scope = $range.startContainer;
							if ($scope.nodeType === Node.TEXT_NODE) {
								if ($range.startOffset === 0 || ($range.startOffset === 1 && $scope.textContent === '\u200b')) {
									if (!$scope.previousSibling) {
										$scope = $scope.parentElement;
									}
								}
							}
							
							if ($scope.nodeType === Node.ELEMENT_NODE) {
								var $previous = $scope.previousSibling;
								if ($previous && $previous.nodeType === Node.ELEMENT_NODE && $previous.tagName === 'BLOCKQUOTE') {
									$quote = $previous;
									$preventAndSelectQuote = true;
								}
							}
						}
						
						if ($preventAndSelectQuote) {
							// expand selection and prevent delete
							var $selection = window.getSelection();
							if ($selection.rangeCount) $selection.removeAllRanges();
							
							var $quoteRange = document.createRange();
							$quoteRange.selectNode($quote[0] || $quote);
							$selection.addRange($quoteRange);
							
							data.cancel = true;
						}
					}
				break;
				
				// delete key
				case $.ui.keyCode.DELETE:
					if (this.wutil.isCaret() && this.wutil.isEndOfElement(current)) {
						var $next = current.nextElementSibling;
						if ($next && $next.tagName === 'BLOCKQUOTE') {
							// expand selection and prevent delete
							var $selection = window.getSelection();
							if ($selection.rangeCount) $selection.removeAllRanges();
							
							var $quoteRange = document.createRange();
							$quoteRange.selectNode($next);
							$selection.addRange($quoteRange);
							
							data.cancel = true;
						}
					}
				break;
				
				// arrow down
				case $.ui.keyCode.DOWN:
					var $current = $(current);
					if ($current.next('blockquote').length) {
						this.caret.setStart($current.next().children('div:first'));
						
						data.cancel = true;
					}
					else if ($parent) {
						if ($parent.next('blockquote').length) {
							this.caret.setStart($parent.next().children('div:first'));
							
							data.cancel = true;
						}
						else if ($quote.length) {
							var $container = $current.closest('div', $quote[0]);
							if (!$container.next().length) {
								// check if there is an element after the quote
								if ($quote.next().length) {
									this.caret.setStart($quote.next());
								}
								else {
									this.wutil.setCaretAfter($quote);
								}
								
								data.cancel = true;
							}
						} 
					}
				break;
				
				// enter
				case $.ui.keyCode.ENTER:
					if ($quote.length) {
						// prevent Redactor's default behavior for <blockquote>
						this.keydown.blockquote = false;
						this.keydown.enterWithinBlockquote = true;
					}
					else if (current.nodeName === 'KBD') {
						data.cancel = true;
					}
				break;
				
				// arrow up
				case $.ui.keyCode.UP:
					if (!$parent || !$quote.length) {
						return;
					}
					
					var $container = $(current).closest('div', $quote[0]);
					var $prev = $container.prev();
					if ($prev[0].tagName === 'DIV') {
						return;
					}
					else if ($prev[0].tagName === 'BLOCKQUOTE') {
						return;
					}
					
					var $previousElement = $quote.prev();
					if ($previousElement.length === 0) {
						this.wutil.setCaretBefore($quote);
					}
					else {
						if ($previousElement[0].tagName === 'BLOCKQUOTE') {
							// set focus to quote text rather than the element itself
							this.caret.sendEnd($previousElement.children('div:last'));
						}
						else {
							// focus is wrong if the previous element is empty (e.g. only a newline present)
							if ($.trim($previousElement.html()) == '') {
								$previousElement.html(this.opts.invisibleSpace);
							}
							
							this.caret.setEnd($previousElement);
						}
					}
					
					data.cancel = true;
				break;
				
				case $.ui.keyCode.RIGHT:
					var range = window.getSelection().getRangeAt(0);
					if (range.startContainer.nodeType === Node.TEXT_NODE && range.startContainer.length === range.startOffset) {
						current = current.parentNode;
						if (current.nodeName !== 'KBD') {
							return;
						}
						
						var editor = this.$editor[0];
						if (current.nextElementSibling === editor.lastElementChild) {
							current = current.nextElementSibling;
							if (current.textContent === '') {
								current.textContent = '\u200b';
							}
						}
						
						if (current === editor.lastElementChild) {
							this.wutil.selectionEndOfEditor();
						}
					}
				break;
				
				// [S]
				case 83:
					// not supported on mobile devices anyway
					if ($.browser.mobile) {
						return;
					}
					
					var $submitEditor = false;
					if (navigator.platform.match(/^Mac/)) {
						if (data.event.ctrlKey && data.event.altKey) {
							$submitEditor = true;
						}
					}
					else if (data.event.altKey && !data.event.ctrlKey) {
						$submitEditor = true;
					}
					
					if ($submitEditor) {
						var $data = { cancel: false };
						WCF.System.Event.fireEvent('com.woltlab.wcf.redactor', 'submitEditor_' + this.$textarea.wcfIdentify(), $data);
						
						if ($data.cancel) {
							data.cancel = true;
						}
					}
				break;
			}
		},
		
		/**
		 * Handles quote deletion.
		 * 
		 * @param	object		data
		 */
		_keyupCallback: function(data) {
			switch (data.event.which) {
				case $.ui.keyCode.BACKSPACE:
				case $.ui.keyCode.DELETE:
					// check for empty <blockquote>
					this.$editor.find('blockquote').each(function(index, blockquote) {
						var $blockquote = $(blockquote);
						if (!$blockquote.children('header').length) {
							$blockquote.remove();
						}
					});
				break;
				
				case $.ui.keyCode.ENTER:
					// fix markup for empty lines
					for (var $i = 0, $length = this.$editor[0].children.length; $i < $length; $i++) {
						var $child = this.$editor[0].children[$i];
						if ($child.nodeType !== Node.ELEMENT_NODE || $child.tagName !== 'P') {
							// not a <p> element
							continue;
						}
						
						if ($child.textContent.length > 0) {
							// element is non-empty
							continue;
						}
						
						if ($child.children.length > 1 || $child.children[0].tagName === 'BR') {
							// element contains more than one children or it is just a <br>
							continue;
						}
						
						// head all the way down to the most inner node
						$child = $child.children[0];
						while ($child.children.length === 1) {
							$child = $child.children[0];
						}
						
						// check if node has no children and it is a <br>
						if ($child.children.length === 0 && $child.tagName === 'BR') {
							var $parent = $child.parentNode;
							var $node = document.createTextNode('\u200b');
							$parent.appendChild($node);
							$parent.removeChild($child);
						}
					}
				break;
			}
		},
		
		/**
		 * Initializes source editing for quotes.
		 */
		observeQuotes: function() {
			this.$editor.find('.redactorQuoteEdit').off('click.wbbcode').on('click.wbbcode', $.proxy(this.wbbcode._observeQuotesClick, this));
		},
		
		/**
		 * Handles clicks on the 'edit quote' link.
		 * 
		 * @param	object		event
		 */
		_observeQuotesClick: function(event) {
			var $header = $(event.currentTarget).closest('header');
			var $tooltip = $('<span class="redactor-link-tooltip" />');
			
			$('<a href="#">' + WCF.Language.get('wcf.bbcode.quote.edit') + '</a>').click($.proxy(function(e) {
				e.preventDefault();
				
				this.wbbcode._openQuoteEditOverlay($(event.currentTarget).closest('blockquote.quoteBox'), false);
				$('.redactor-link-tooltip').remove();
			}, this)).appendTo($tooltip);
			
			var $offset = $header.offset();
			$tooltip.css({
				left: $offset.left + 'px',
				top: ($offset.top + 20) + 'px'
			});
			
			$('.redactor-link-tooltip').remove();
			$tooltip.appendTo(document.body);
			
			// prevent the cursor being placed in the quote header
			this.selection.remove();
		},
		
		/**
		 * Initializes editing for code listings.
		 */
		observeCodeListings: function() {
			this.$editor.find('.codeBox').each((function(index, codeBox) {
				var $codeBox = $(codeBox);
				var $editBox = $codeBox.find('.redactorEditCodeBox');
				if (!$editBox.length) {
					$editBox = $('<div class="redactorEditCodeBox"><div>' + WCF.Language.get('wcf.bbcode.code.edit') + '</div></div>').insertAfter($codeBox.find('> div > div > h3'));
				}
				
				$editBox.off('click.wbbcode').on('click.wbbcode', (function() {
					this.wbbcode._handleInsertCode($codeBox, false);
				}).bind(this));
			}).bind(this));
		},
		
		/**
		 * Opens the quote source edit dialog.
		 * 
		 * @param	jQuery		quote
		 * @param	boolean		insertQuote
		 */
		_openQuoteEditOverlay: function(quote, insertQuote) {
			this.modal.load('quote', WCF.Language.get('wcf.bbcode.quote.' + (insertQuote ? 'insert' : 'edit')), 400);
			
			var $button = this.modal.createActionButton(this.lang.get('save'));
			if (insertQuote) {
				this.selection.save();
				
				$button.click($.proxy(function() {
					var $author = $('#redactorQuoteAuthor').val();
					var $link = WCF.String.escapeHTML($('#redactorQuoteLink').val());
					
					this.selection.restore();
					$skipOnSyncReplacementOnce = true;
					var $html = this.selection.getHtml();
					if (this.utils.isEmpty($html)) {
						$html = '';
					}
					
					var $quote = this.wbbcode.insertQuoteBBCode($author, $link, $html);
					if ($quote !== null) {
						// set caret inside the quote
						if (!$html.length) {
							// careful, Firefox is stupid and replaces an empty div with br[type=_moz]
							if ($.browser.mozilla) {
								$quote.children('br[type=_moz]').replaceWith('<div>' + this.opts.invisibleSpace + '</div>');
							}
							
							this.caret.setStart($quote.children('div')[0]);
						}
					}
					
					this.modal.close();
				}, this));
			}
			else {
				$('#redactorQuoteAuthor').val(quote.data('author'));
				
				// do not use prop() here, an empty cite attribute would yield the page URL instead
				$('#redactorQuoteLink').val(WCF.String.unescapeHTML(quote.attr('cite')));
				
				$button.click($.proxy(function() {
					var $author = $('#redactorQuoteAuthor').val();
					quote.data('author', $author);
					quote.attr('data-author', $author);
					quote.prop('cite', WCF.String.escapeHTML($('#redactorQuoteLink').val()));
					
					this.wbbcode._updateQuoteHeader(quote);
					
					this.modal.close();
				}, this));
			}
			
			this.modal.show();
		},
		
		/**
		 * Updates the quote's source.
		 * 
		 * @param	jQuery		quote
		 */
		_updateQuoteHeader: function(quote) {
			var $author = quote.data('author');
			var $link = quote.attr('cite');
			if ($link) $link = WCF.String.escapeHTML($link);
			
			quote.find('> header > h3').empty().append(this.wbbcode._buildQuoteHeader($author, $link));	
		},
		
		/**
		 * Inserts the quote BBCode.
		 * 
		 * @param	string		author
		 * @param	string		link
		 * @param	string		html
		 * @param	string		plainText
		 * @return	jQuery
		 */
		insertQuoteBBCode: function(author, link, html, plainText) {
			var $openTag = '[quote]';
			var $closingTag = '[/quote]';
			
			if (author) {
				if (link) {
					$openTag = "[quote='" + author + "','" + link + "']";
				}
				else {
					$openTag = "[quote='" + author + "']";
				}
			}
			
			var $quote = null;
			if (this.wutil.inWysiwygMode()) {
				var $id = WCF.getUUID();
				var $html = '';
				if (plainText) {
					$html = this.wbbcode.convertToHtml($openTag + plainText + $closingTag);
				}
				else {
					$html = this.wbbcode.convertToHtml($openTag + $id + $closingTag);
					$html = $html.replace($id, html.replace(/^<p>/, '').replace(/<\/p>$/, ''));
				}
				
				$html = $html.replace(/^<p>/, '').replace(/<\/p>$/, '');
				
				// assign a unique id in order to recognize the inserted quote
				$html = $html.replace(/<blockquote/, '<blockquote id="' + $id + '"');
				
				if (!window.getSelection().rangeCount) {
					this.wutil.restoreSelection();
					
					if (!window.getSelection().rangeCount) {
						this.$editor.focus();
						
						if (!window.getSelection().rangeCount) {
							this.wutil.selectionEndOfEditor();
						}
						
						this.wutil.saveSelection();
					}
				}
				
				window.getSelection().getRangeAt(0).deleteContents();
				
				this.wutil.restoreSelection();
				var $selection = window.getSelection().getRangeAt(0);
				var $current = $selection.startContainer;
				while ($current) {
					var $parent = $current.parentNode;
					if ($parent === this.$editor[0]) {
						break;
					}
					
					$current = $parent;
				}
				
				if ($current && $current.parentNode === this.$editor[0]) {
					if ($current.innerHTML.length) {
						if ($current.innerHTML === '\u200b') {
							this.caret.setEnd($current);
						}
						else {
							this.wutil.setCaretAfter($current);
						}
					}
				}
				
				this.insert.html($html, false);
				
				$quote = this.$editor.find('#' + $id);
				if ($quote.length) {
					// quote may be empty if $innerHTML was empty, fix it
					var $inner = $quote.find('> div');
					if ($inner.length == 1) {
						if ($inner[0].innerHTML === '') {
							$inner[0].innerHTML = this.opts.invisibleSpace;
						}
					}
					else if ($.browser.mozilla) {
						// Firefox on Mac OS X sometimes removes the "empty" div and replaces it with <br type="_moz">
						var $br = $quote.find('> div > br[type=_moz]');
						if ($br.length) {
							$('<div>' + this.opts.invisibleSpace + '</div>').insertBefore($br);
							$br.remove();
						}
					}
					
					$quote.removeAttr('id');
					this.wutil.setCaretAfter($quote[0]);
					
					// inserting a quote can spawn an additional empty newline in front
					var prev = $quote[0].previousElementSibling;
					if (prev !== null && prev.nodeName === 'P' && prev.innerHTML === '\u200B') {
						prev = prev.previousElementSibling;
						if (prev !== null && prev.nodeName === 'P' && (prev.innerHTML === '\u200B' || prev.innerHTML === '<br>')) {
							prev.parentNode.removeChild(prev.nextElementSibling);
						}
					}
				}
				
				this.wbbcode.observeQuotes();
				this.wbbcode.fixBlockLevelElements();
				
				this.$toolbar.find('a.re-__wcf_quote').removeClass('redactor-button-disabled');
			}
			else {
				this.wutil.insertAtCaret($openTag + plainText + $closingTag);
			}
			
			this.wutil.saveSelection();
			
			return $quote;
		},
		
		/**
		 * Builds the quote source HTML.
		 * 
		 * @param	string		author
		 * @param	string		link
		 * @return	string
		 */
		_buildQuoteHeader: function(author, link) {
			var $header = '';
			// author is empty, check if link was provided and use it instead
			if (!author && link) {
				author = link;
				link = '';
			}
			
			if (author) {
				if (link) $header += '<a href="' + link + '" tabindex="-1">';
				
				$header += WCF.Language.get('wcf.bbcode.quote.title.javascript', { quoteAuthor: WCF.String.unescapeHTML(author) });
				
				if (link) $header += '</a>';
			}
			else {
				$header = '<small>' + WCF.Language.get('wcf.bbcode.quote.title.clickToSet') + '</small>';
			}
			
			return $header;
		},
		
		_handleInsertQuote: function() {
			this.wbbcode._openQuoteEditOverlay(null, true);
		},
		
		/**
		 * Opens the code edit dialog.
		 * 
		 * @param	jQuery		codeBox
		 * @param	boolean		isInsert
		 */
		_handleInsertCode: function(codeBox, isInsert) {
			this.modal.load('code', WCF.Language.get('wcf.bbcode.code.' + (isInsert ? 'insert' : 'edit')), 400);
			
			var $button = this.modal.createActionButton(this.lang.get('save')).addClass('buttonPrimary');
			
			if (isInsert) {
				this.selection.get();
				var $selectedText = this.selection.getText();
				
				this.selection.save();
				this.modal.show();
				
				var $codeBox = $('#redactorCodeBox').focus();
				$codeBox.val($selectedText);
				
				$button.click($.proxy(function() {
					var $codeBox = $('#redactorCodeBox');
					var $filename = $('#redactorCodeFilename');
					var $highlighter = $('#redactorCodeHighlighter');
					var $lineNumber = $('#redactorCodeLineNumber');
					
					var $codeBoxContent = $codeBox.val().replace(/^\n+/, '').replace(/\n+$/, '');
					if ($.trim($codeBoxContent).length === 0) {
						if (!$codeBox.next('small.innerError').length) {
							$('<small class="innerError">' + WCF.Language.get('wcf.global.form.error.empty') + '</small>').insertAfter($codeBox);
						}
						
						return;
					}
					
					var $codeFilename = $.trim($filename.val().replace(/['"]/g, ''));
					var $bbcode = '[code=' + $highlighter.val() + ',' + $lineNumber.val() + ($codeFilename.length ? ",'" + $codeFilename + "'" : '') + ']';
					if ($bbcode.match(/\[code=([^,]+),(\d+)\]/)) {
						// reverse line number and highlighter
						$bbcode = '[code=' + RegExp.$2 + ',' + RegExp.$1 + ']';
					}
					
					$bbcode += $codeBoxContent;
					$bbcode += '[/code]';
					
					this.wutil.adjustSelectionForBlockElement();
					this.wutil.saveSelection();
					var $html = this.wbbcode.convertToHtml($bbcode);
					
					this.buffer.set();
					
					this.insert.html($html, false);
					
					// set caret after code listing
					var $codeBox = this.$editor.find('.codeBox:not(.jsRedactorCodeBox)');
					
					this.wbbcode.observeCodeListings();
					this.wbbcode.fixBlockLevelElements();
					
					// document.execCommand('insertHTML') seems to drop 'contenteditable="false"' for root element
					$codeBox.attr('contenteditable', 'false');
					this.wutil.setCaretAfter($codeBox[0]);
					
					this.modal.close();
				}, this));
			}
			else {
				var $deleteButton = this.modal.createActionButton(WCF.Language.get('wcf.global.button.delete'));
				$deleteButton.click((function() {
					this.buffer.set();
					
					codeBox.remove();
					
					this.modal.close();
				}).bind(this));
				
				this.modal.show();
				
				var $codeBox = $('#redactorCodeBox').focus();
				var $filename = $('#redactorCodeFilename');
				var $highlighter = $('#redactorCodeHighlighter');
				var $lineNumber = $('#redactorCodeLineNumber');
				
				$highlighter.val(codeBox.data('highlighter'));
				$filename.val(codeBox.data('filename') || '');
				var $list = codeBox.find('> div > ol');
				$lineNumber.val(parseInt($list.prop('start')));
				
				var $code = '';
				$list.children('li').each(function(index, listItem) {
					$code += $(listItem).text().replace(/^\u200b$/, '') + "\n";
				});
				$codeBox.val($code.replace(/^\n+/, '').replace(/\n+$/, ''));
				
				$button.click($.proxy(function() {
					var $codeBoxContent = $codeBox.val().replace(/^\n+/, '').replace(/\n+$/, '');
					if ($.trim($codeBoxContent).length === 0) {
						if (!$codeBox.next('small.innerError').length) {
							$('<small class="innerError">' + WCF.Language.get('wcf.global.form.error.empty') + '</small>').insertAfter($codeBox);
						}
						
						return;
					}
					
					var $selectedHighlighter = $highlighter.val();
					codeBox.data('highlighter', $selectedHighlighter);
					codeBox.attr('data-highlighter', $selectedHighlighter);
					
					var $headline = __REDACTOR_CODE_HIGHLIGHTERS[$selectedHighlighter];
					var $codeFilename = $.trim($filename.val().replace(/['"]/g, ''));
					if ($codeFilename) {
						$headline += ': ' + WCF.String.escapeHTML($codeFilename);
						codeBox.data('filename', $codeFilename);
						codeBox.attr('data-filename', $codeFilename);
					}
					else {
						codeBox.removeAttr('data-filename');
						codeBox.removeData('filename');
					}
					
					codeBox.data('highlighter', $highlighter.val());
					codeBox.find('> div > div > h3').html($headline);
					
					var $list = codeBox.find('> div > ol').empty();
					var $start = parseInt($lineNumber.val());
					$list.prop('start', ($start > 1 ? $start : 1));
					
					$codeBoxContent = $codeBoxContent.split('\n');
					var $codeContent = '';
					for (var $i = 0; $i < $codeBoxContent.length; $i++) {
						$codeContent += '<li>' + WCF.String.escapeHTML($codeBoxContent[$i]) + '</li>';
					}
					$list.append($($codeContent));
					
					this.modal.close();
				}, this));
			}
		},
		
		/**
		 * Inserting block-level elements (e.g. quotes or code bbcode) can lead to void paragraphs.
		 */
		fixBlockLevelElements: function() {
			return;
			var $removeVoidElements = (function(referenceElement, position) {
				var $sibling = referenceElement[position];
				if ($sibling && $sibling.nodeType === Node.ELEMENT_NODE && $sibling.tagName === 'P') {
					if (!$sibling.innerHTML.length) {
						$sibling.parentElement.removeChild($sibling);
					}
					/*else if ($sibling.innerHTML === '\u200b') {
						var $adjacentSibling = $sibling[position];
						if ($adjacentSibling && $adjacentSibling.nodeType === Node.ELEMENT_NODE && $adjacentSibling.tagName === 'P' && $adjacentSibling.innerHTML.length) {
							$sibling.parentElement.removeChild($sibling);
						}
					}*/
				}
			}).bind(this);
			
			this.$editor.find('blockquote, .codeBox').each(function() {
				$removeVoidElements(this, 'previousElementSibling');
				$removeVoidElements(this, 'nextElementSibling');
			});
		},
		
		/**
		 * Fixes incorrect formatting applied to element that should be left untouched.
		 * 
		 * @param	object		data
		 */
		fixFormatting: function(data) {
			var $stripTextAlign = function(element) {
				element.style.removeProperty('text-align');
				
				for (var $i = 0; $i < element.children.length; $i++) {
					$stripTextAlign(element.children[$i]);
				}
			};
			
			for (var $i = 0; $i < this.alignment.blocks.length; $i++) {
				var $block = this.alignment.blocks[$i];
				switch ($block.tagName) {
					case 'BLOCKQUOTE':
						$block.style.removeProperty('text-align');
						$stripTextAlign($block.children[0]);
					break;
					
					case 'DIV':
						if (/\bcodeBox\b/.test($block.className)) {
							$stripTextAlign($block);
						}
					break;
				}
			}
		}
	};
};