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

/**
 * BBCode Plugin for CKEditor
 * 
 * @author	Marcel Werk
 * @copyright 	2001-2014 WoltLab GmbH
 * @license	GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
 */
(function() {
	var $pasted = false;
	var $insertedText = null;
	
	CKEDITOR.on('instanceReady', function(event) {
		/**
		 * Fixes issues with pasted html.
		 */
		event.editor.on('paste', function(ev) {
			if (ev.data.type == 'html') {
				var $value = ev.data.dataValue;
				
				// Convert <br> to line breaks.
				$value = $value.replace(/<br><\/p>/gi,"\n\n");
				$value = $value.replace(/<br>/gi, "\n");
				$value = $value.replace(/<\/p>/gi,"\n\n");
				$value = $value.replace(/&nbsp;/gi," ");
				
				// convert div-separated content into new lines
				$value = $value.replace(/<div([^>])>/gi, '');
				$value = $value.replace(/<\/div>/gi, "\n");
				
				// convert lists into new lines
				$value = $value.replace(/<\/li>/gi, "\n");
				// remove html tags
				$value = $value.replace(/<[^>]+>/g, '');
				
				// fix multiple new lines
				$value = $value.replace(/\n{3,}/gi,"\n\n");
				
				ev.data.dataValue = $value;
				
				$pasted = true;
			}
		}, null, null, 9);
		
		// prevent drag and drop of images in Firefox
		if ($.browser.mozilla) {
			event.editor.document.on('drop', function(ev) {
				ev.data.preventDefault(true);
			});
		}
		
		event.editor.on('insertText', function(ev) {
			$insertedText = ev.data;
		}, null, null, 1);
		event.editor.on('mode', function(ev) {
			if ($.browser.mozilla && ev.editor.mode === 'wysiwyg') {
				fixFirefox();
			}
			
			ev.editor.focus();
			
			insertFakeSubmitButton(ev);
		});
		event.editor.on('afterSetData', function(ev) {
			insertFakeSubmitButton(ev);
		});
		
		event.editor.on('key', function(ev) {
			if (ev.data.keyCode == CKEDITOR.ALT + 83) { // [Alt] + [S]
				WCF.Message.Submit.execute(ev.editor.name);
			}
		});
		
		insertFakeSubmitButton(event);
		
		// remove stupid title tag
		// @todo: obsolete in ckeditor 4.2
		$(event.editor.container.$).find('.cke_wysiwyg_div').removeAttr('title');
		
		if ($.browser.mozilla) {
			fixFirefox();
		}
	});
	
	/**
	 * Inserts a fake submit button, Chrome only.
	 * 
	 * @param	object		event
	 */
	function insertFakeSubmitButton(event) {
		if (event.editor.mode === 'source' || !WCF.Browser.isChrome()) {
			return;
		}
		
		// place button outside of <body> to prevent it being removed once deleting content
		$('<button accesskey="s" />').hide().appendTo($(event.editor.container.$).find('.cke_wysiwyg_div'));
		
	}
	
	/**
	 * Disables object resizing and table handles in Firefox.
	 */
	function fixFirefox() {
		document.designMode = 'on';
		document.execCommand('enableObjectResizing', false, false);
		document.execCommand('enableInlineTableEditing', false, false);
		document.designMode = 'off';
	}
	
	/**
	 * Removes obsolete dialog elements.
	 */
	CKEDITOR.on('dialogDefinition', function(event) {
		var $tab;
		var $name = event.data.name;
		var $definition = event.data.definition;
		if ($name == 'link') {
			$definition.removeContents('target');
			$definition.removeContents('upload');
			$definition.removeContents('advanced');
			$tab = $definition.getContents('info');
			$tab.remove('emailSubject');
			$tab.remove('emailBody');
		}
		else if ($name == 'image') {
			$definition.removeContents('advanced');
			$tab = $definition.getContents('Link');
			$tab.remove('cmbTarget');
			$tab = $definition.getContents('info');
			$tab.remove('txtAlt');
			$tab.remove('basic');
			
			// remove preview, do NOT use $tab.remove() because that breaks the plugin
			$definition.dialog.on('show', function(event) {
				var $container = $(event.sender._.element.$).find('div[name=info]')
				$container.find('> table > tbody > tr:eq(1)').hide();
				$container.parent().css('height', 'auto');
			});
		}
		else if ($name == 'table') {
			$definition.removeContents('advanced');
			$definition.width = 210;
			$definition.height = 1;
			
			$tab = $definition.getContents('info');
			
			$tab.remove('selHeaders');
			$tab.remove('cmbAlign');
			$tab.remove('txtHeight');
			$tab.remove('txtCaption');
			$tab.remove('txtSummary');
			
			// don't remove these fields as we need their default values
			$tab.get('txtBorder').style = 'display: none';
			$tab.get('txtWidth').style = 'display: none';
			$tab.get('txtCellSpace').style = 'display: none';
			$tab.get('txtCellPad').style = 'display: none';
		}
		else if ($name == 'smiley') {
			$definition.contents[0].elements[0].onClick = function(ev) {
				var $target = ev.data.getTarget();
				var $targetName = $target.getName();
				
				if ($targetName == 'a') {
					$target = $target.getChild( 0 );
				}
				else if ($targetName != 'img') {
					return;
				}
				
				var $src = $target.getAttribute('cke_src');
				var $title = $target.getAttribute('title');
				
				event.editor.insertText(' ' + $title + ' ');
				
				$definition.dialog.hide();
				ev.data.preventDefault();
			};
		}
	});
	
	/**
	 * Enables this plugin.
	 */
	CKEDITOR.plugins.add('wbbcode', {
		requires: ['htmlwriter'],
		init: function(editor) {
			editor.dataProcessor = new CKEDITOR.htmlDataProcessor(editor);
			editor.dataProcessor.toHtml = toHtml;
			editor.dataProcessor.toDataFormat = toDataFormat;
		}
	});
	
	/**
	 * Removes the unicode zero width space (0x200B).
	 * 
	 * @param	string		string
	 * @return	string
	 */
	var removeCrap = function(string) {
		var $string = '';
		
		for (var $i = 0, $length = string.length; $i < $length; $i++) {
			var $byte = string.charCodeAt($i).toString(16);
			if ($byte != '200b') {
				$string += string[$i];
			}
		}
		
		return $string;
	}

	/**
	 * Converts bbcodes to html.
	 */
	var toHtml = function(data, fixForBody) {
		//if ($.trim(data) === "") return "<p></p>";
		
		// remove 0x200B (unicode zero width space)
		data = removeCrap(data);
		
		if ($insertedText !== null) {
			data = $insertedText;
			$insertedText = null;
			
			if (data == ' ') return '&nbsp;';
		}
		
		if (!$pasted) {
			// Convert & to its HTML entity.
			data = data.replace(/&/g, '&amp;');
			
			// Convert < and > to their HTML entities.
			data = data.replace(/</g, '&lt;');
			data = data.replace(/>/g, '&gt;');
		}
		
		// Convert line breaks to <br>.
		data = data.replace(/(?:\r\n|\n|\r)/g, '<br>');
		
		if ($pasted) {
			$pasted = false;
			// skip
			return data;
		}
		
		// cache code tags
		var $cachedCodes = { };
		data = data.replace(/\[code(.+?)\[\/code]/gi, function(match) {
			var $key = match.hashCode();
			$cachedCodes[$key] = match.replace(/\$/g, '$$$$');
			return '@@' + $key + '@@';
		});
		
		// [url]
		data = data.replace(/\[url\]([^"]+?)\[\/url]/gi, '<a href="$1">$1</a>');
		data = data.replace(/\[url\='([^'"]+)'](.+?)\[\/url]/gi, '<a href="$1">$2</a>');
		data = data.replace(/\[url\=([^'"\]]+)](.+?)\[\/url]/gi, '<a href="$1">$2</a>');
		
		// [email]
		data = data.replace(/\[email\]([^"]+?)\[\/email]/gi, '<a href="mailto:$1">$1</a>');
		data = data.replace(/\[email\=([^"\]]+)](.+?)\[\/email]/gi, '<a href="mailto:$1">$2</a>');
		
		// [b]
		data = data.replace(/\[b\](.*?)\[\/b]/gi, '<b>$1</b>');
		
		// [i]
		data = data.replace(/\[i\](.*?)\[\/i]/gi, '<i>$1</i>');
		
		// [u]
		data = data.replace(/\[u\](.*?)\[\/u]/gi, '<u>$1</u>');
		
		// [s]
		data = data.replace(/\[s\](.*?)\[\/s]/gi, '<s>$1</s>');
		
		// [sub]
		data = data.replace(/\[sub\](.*?)\[\/sub]/gi, '<sub>$1</sub>');
		
		// [sup]
		data = data.replace(/\[sup\](.*?)\[\/sup]/gi, '<sup>$1</sup>');
			
		// [img]
		data = data.replace(/\[img\]([^"]+?)\[\/img\]/gi,'<img src="$1" />');
		data = data.replace(/\[img='?([^"]*?)'?,'?(left|right)'?\]\[\/img\]/gi,'<img src="$1" style="float: $2" />');
		data = data.replace(/\[img='?([^"]*?)'?\]\[\/img\]/gi,'<img src="$1" />');
		
		// [quote]
		// data = data.replace(/\[quote\]/gi, '<blockquote>');
		// data = data.replace(/\[\/quote\]/gi, '</blockquote>');
		
		// [size]
		data = data.replace(/\[size=(\d+)\](.*?)\[\/size\]/gi,'<span style="font-size: $1pt">$2</span>');
		
		// [color]
		data = data.replace(/\[color=([#a-z0-9]*?)\](.*?)\[\/color\]/gi,'<span style="color: $1">$2</span>');
		
		// [font]
		data = data.replace(/\[font='?([a-z,\- ]*?)'?\](.*?)\[\/font\]/gi,'<span style="font-family: $1">$2</span>');
		
		// [align]
		data = data.replace(/\[align=(left|right|center|justify)\](.*?)\[\/align\]/gi,'<div style="text-align: $1">$2</div>');
		
		// [*]
		data = data.replace(/\[\*\](.*?)(?=\[\*\]|\[\/list\])/gi,'<li>$1</li>');
		
		// [list]
		data = data.replace(/\[list\]/gi, '<ul>');
		data = data.replace(/\[list=1\]/gi, '<ul style="list-style-type: decimal">');
		data = data.replace(/\[list=a\]/gi, '<ul style="list-style-type: lower-latin">');
		data = data.replace(/\[list=(none|circle|square|disc|decimal|lower-roman|upper-roman|decimal-leading-zero|lower-greek|lower-latin|upper-latin|armenian|georgian)\]/gi, '<ul style="list-style-type: $1">');
		data = data.replace(/\[\/list]/gi, '</ul>');
		
		// [table]
		data = data.replace(/\[table\]/gi, '<table border="1" cellspacing="1" cellpadding="1" style="width: 500px;">');
		data = data.replace(/\[\/table\]/gi, '</table>');
		// [tr]
		data = data.replace(/\[tr\]/gi, '<tr>');
		data = data.replace(/\[\/tr\]/gi, '</tr>');
		// [td]
		data = data.replace(/\[td\]/gi, '<td>');
		data = data.replace(/\[\/td\]/gi, '</td>');
		
		// smileys
		for (var i = 0; i < this.editor.config.smiley_descriptions.length; i++) {
			var smileyCode = this.editor.config.smiley_descriptions[i].replace(/</g, '&lt;').replace(/>/g, '&gt;');
			var regExp = new RegExp('(\\s|>|^)'+WCF.String.escapeRegExp(smileyCode)+'(?=\\s|<|$)', 'gi');
			data = data.replace(regExp, '$1<img src="' + this.editor.config.smiley_path + this.editor.config.smiley_images[i] + '" class="smiley" alt="'+smileyCode+'" />');
		}
		
		// remove "javascript:"
		data = data.replace(/(javascript):/gi, '$1<span></span>:');
		
		// insert codes
		if ($.getLength($cachedCodes)) {
			for (var $key in $cachedCodes) {
				var $regex = new RegExp('@@' + $key + '@@', 'g');
				data = data.replace($regex, $cachedCodes[$key]);
			}
		}
		
		return data;
	};
	
	/**
	 * Converts html to bbcodes.
	 */
	var toDataFormat = function(html, fixForBody) {
		if (html == '<br>' || html == '<p><br></p>') {
			return "";
		}
		
		// Convert <br> to line breaks.
		html = html.replace(/<br><\/p>/gi,"\n");
		html = html.replace(/<br(?=[ \/>]).*?>/gi, '\r\n');
		html = html.replace(/<p>/gi,"");
		html = html.replace(/<\/p>/gi,"\n");
		html = html.replace(/&nbsp;/gi," ");
		
		// [email]
		html = html.replace(/<a [^>]*?href=(["'])mailto:(.+?)\1.*?>([\s\S]+?)<\/a>/gi, '[email=$2]$3[/email]');
		
		// [url]
		html = html.replace(/<a [^>]*?href=(["'])(.+?)\1.*?>([\s\S]+?)<\/a>/gi, function(match, x, url, text) {
			if (url == text) return '[url]' + url + '[/url]';
			
			return "[url='" + url + "']" + text + "[/url]";
		});
		
		// [b]
		html = html.replace(/<(?:b|strong)>/gi, '[b]');
		html = html.replace(/<\/(?:b|strong)>/gi, '[/b]');
		
		// [i]
		html = html.replace(/<(?:i|em)>/gi, '[i]');
		html = html.replace(/<\/(?:i|em)>/gi, '[/i]');
		
		// [u]
		html = html.replace(/<u>/gi, '[u]');
		html = html.replace(/<\/u>/gi, '[/u]');
		
		// [s]
		html = html.replace(/<s>/gi, '[s]');
		html = html.replace(/<\/s>/gi, '[/s]');
		
		// [sub]
		html = html.replace(/<sub>/gi, '[sub]');
		html = html.replace(/<\/sub>/gi, '[/sub]');
		
		// [sup]
		html = html.replace(/<sup>/gi, '[sup]');
		html = html.replace(/<\/sup>/gi, '[/sup]');
		
		// smileys
		html = html.replace(/<img [^>]*?alt="([^"]+?)" class="smiley".*?>/gi, '$1'); // firefox
		html = html.replace(/<img [^>]*?class="smiley" alt="([^"]+?)".*?>/gi, '$1'); // chrome, ie
		
		// [img]
		html = html.replace(/<img [^>]*?src=(["'])([^"']+?)\1 style="float: (left|right)".*?>/gi, "[img='$2',$3][/img]");
		html = html.replace(/<img [^>]*?src=(["'])([^"']+?)\1.*?>/gi, '[img]$2[/img]');
		
		// [quote]
		// html = html.replace(/<blockquote>/gi, '[quote]');
		// html = html.replace(/\n*<\/blockquote>/gi, '[/quote]');
		
		// [color]
		html = html.replace(/<span style="color: ?rgb\((\d{1,3}), ?(\d{1,3}), ?(\d{1,3})\);?">([\s\S]*?)<\/span>/gi, function(match, r, g, b, text) {
			var $hex = ("0123456789ABCDEF".charAt((r - r % 16) / 16) + '' + "0123456789ABCDEF".charAt(r % 16)) + '' + ("0123456789ABCDEF".charAt((g - g % 16) / 16) + '' + "0123456789ABCDEF".charAt(g % 16)) + '' + ("0123456789ABCDEF".charAt((b - b % 16) / 16) + '' + "0123456789ABCDEF".charAt(b % 16));
			
			return "[color=#" + $hex + "]" + text + "[/color]";
		});
		html = html.replace(/<span style="color: ?(.*?);?">([\s\S]*?)<\/span>/gi, "[color=$1]$2[/color]");
		
		// [size]
		html = html.replace(/<span style="font-size: ?(\d+)pt;?">([\s\S]*?)<\/span>/gi, "[size=$1]$2[/size]");
		
		// [font]
		html = html.replace(/<span style="font-family: ?(.*?);?">([\s\S]*?)<\/span>/gi, "[font='$1']$2[/font]");
		
		// [align]
		html = html.replace(/<div style="text-align: ?(left|center|right|justify);? ?">([\s\S]*?)<\/div>/gi, "[align=$1]$2[/align]");
		
		// [*]
		html = html.replace(/<li>/gi, '[*]');
		html = html.replace(/<\/li>/gi, '');
		
		// [list]
		html = html.replace(/<ul>/gi, '[list]');
		html = html.replace(/<(ol|ul style="list-style-type: decimal")>/gi, '[list=1]');
		html = html.replace(/<ul style="list-style-type: (none|circle|square|disc|decimal|lower-roman|upper-roman|decimal-leading-zero|lower-greek|lower-latin|upper-latin|armenian|georgian)">/gi, '[list=$1]');
		html = html.replace(/<\/(ul|ol)>/gi, '[/list]');
		
		// [table]
		html = html.replace(/<table[^>]*>/gi, '[table]');
		html = html.replace(/<\/table>/gi, '[/table]');
		
		// remove empty <tr>s
		html = html.replace(/<tr><\/tr>/gi, '');
		// [tr]
		html = html.replace(/<tr>/gi, '[tr]');
		html = html.replace(/<\/tr>/gi, '[/tr]');
		
		// [td]+[align]
		html = html.replace(/<td style="text-align: ?(left|center|right|justify);? ?">([\s\S]*?)<\/td>/gi, "[td][align=$1]$2[/align][/td]");
		
		// [td]
		html = html.replace(/<td>/gi, '[td]');
		html = html.replace(/<\/td>/gi, '[/td]');
		
		// Remove remaining tags.
		html = html.replace(/<[^>]+>/g, '');
		
		// Restore <, > and &
		html = html.replace(/&lt;/g, '<');
		html = html.replace(/&gt;/g, '>');
		html = html.replace(/&amp;/g, '&');
		
		// Restore (and )
		html = html.replace(/%28/g, '(');
		html = html.replace(/%29/g, ')');
		
		// Restore %20
		html = html.replace(/%20/g, ' ');
		
		return html;
	};
})();
Commit	Line	Data
c088b28c AE	1	/**
	2	* BBCode Plugin for CKEditor
	3	*
	4	* @author Marcel Werk
ca4ba303	5	* @copyright 2001-2014 WoltLab GmbH
c088b28c	6	* @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
d45eaff6	7	*/
d45eaff6 MW	8	(function() {
	9	var $pasted = false;
	10	var $insertedText = null;
	11
	12	CKEDITOR.on('instanceReady', function(event) {
	13	/**
	14	* Fixes issues with pasted html.
	15	*/
	16	event.editor.on('paste', function(ev) {
	17	if (ev.data.type == 'html') {
	18	var $value = ev.data.dataValue;
	19
	20	// Convert <br> to line breaks.
	21	$value = $value.replace(/<br><\/p>/gi,"\n\n");
	22	$value = $value.replace(/<br>/gi, "\n");
	23	$value = $value.replace(/<\/p>/gi,"\n\n");
	24	$value = $value.replace(/ /gi," ");
ceea0870 AE	25
ceea0870 AE	26	// convert div-separated content into new lines
8b7c6738 AE	27	$value = $value.replace(/<div([^>])>/gi, '');
8b7c6738 AE	28	$value = $value.replace(/<\/div>/gi, "\n");
d45eaff6	29
ceea0870 AE	30	// convert lists into new lines
ceea0870 AE	31	$value = $value.replace(/<\/li>/gi, "\n");
d45eaff6 MW	32	// remove html tags
d45eaff6 MW	33	$value = $value.replace(/<[^>]+>/g, '');
8b7c6738	34
d45eaff6 MW	35	// fix multiple new lines
	36	$value = $value.replace(/\n{3,}/gi,"\n\n");
	37
	38	ev.data.dataValue = $value;
	39
	40	$pasted = true;
	41	}
	42	}, null, null, 9);
	43
6414c2f1	44	// prevent drag and drop of images in Firefox
93e30a24 AE	45	if ($.browser.mozilla) {
	46	event.editor.document.on('drop', function(ev) {
	47	ev.data.preventDefault(true);
	48	});
	49	}
6414c2f1	50
d45eaff6 MW	51	event.editor.on('insertText', function(ev) {
	52	$insertedText = ev.data;
	53	}, null, null, 1);
	54	event.editor.on('mode', function(ev) {
8cacfb77 AE	55	if ($.browser.mozilla && ev.editor.mode === 'wysiwyg') {
	56	fixFirefox();
	57	}
	58
d45eaff6 MW	59	ev.editor.focus();
	60
	61	insertFakeSubmitButton(ev);
	62	});
	63	event.editor.on('afterSetData', function(ev) {
	64	insertFakeSubmitButton(ev);
	65	});
	66
	67	event.editor.on('key', function(ev) {
	68	if (ev.data.keyCode == CKEDITOR.ALT + 83) { // [Alt] + [S]
	69	WCF.Message.Submit.execute(ev.editor.name);
	70	}
	71	});
	72
	73	insertFakeSubmitButton(event);
78e9a6ca MW	74
78e9a6ca MW	75	// remove stupid title tag
6e725d5c MW	76	// @todo: obsolete in ckeditor 4.2
6e725d5c MW	77	$(event.editor.container.$).find('.cke_wysiwyg_div').removeAttr('title');
8cacfb77 AE	78
	79	if ($.browser.mozilla) {
	80	fixFirefox();
	81	}
d45eaff6 MW	82	});
	83
	84	/**
	85	* Inserts a fake submit button, Chrome only.
	86	*
	87	* @param object event
	88	*/
	89	function insertFakeSubmitButton(event) {
	90	if (event.editor.mode === 'source' \|\| !WCF.Browser.isChrome()) {
	91	return;
	92	}
	93
	94	// place button outside of <body> to prevent it being removed once deleting content
6414c2f1	95	$('<button accesskey="s" />').hide().appendTo($(event.editor.container.$).find('.cke_wysiwyg_div'));
d45eaff6 MW	96
	97	}
	98
8cacfb77 AE	99	/**
	100	* Disables object resizing and table handles in Firefox.
	101	*/
	102	function fixFirefox() {
	103	document.designMode = 'on';
	104	document.execCommand('enableObjectResizing', false, false);
	105	document.execCommand('enableInlineTableEditing', false, false);
	106	document.designMode = 'off';
	107	}
	108
d45eaff6 MW	109	/**
	110	* Removes obsolete dialog elements.
	111	*/
	112	CKEDITOR.on('dialogDefinition', function(event) {
	113	var $tab;
	114	var $name = event.data.name;
	115	var $definition = event.data.definition;
d45eaff6 MW	116	if ($name == 'link') {
	117	$definition.removeContents('target');
	118	$definition.removeContents('upload');
	119	$definition.removeContents('advanced');
	120	$tab = $definition.getContents('info');
	121	$tab.remove('emailSubject');
	122	$tab.remove('emailBody');
	123	}
	124	else if ($name == 'image') {
	125	$definition.removeContents('advanced');
	126	$tab = $definition.getContents('Link');
	127	$tab.remove('cmbTarget');
	128	$tab = $definition.getContents('info');
	129	$tab.remove('txtAlt');
	130	$tab.remove('basic');
487d6cd8 AE	131
	132	// remove preview, do NOT use $tab.remove() because that breaks the plugin
	133	$definition.dialog.on('show', function(event) {
	134	var $container = $(event.sender._.element.$).find('div[name=info]')
	135	$container.find('> table > tbody > tr:eq(1)').hide();
	136	$container.parent().css('height', 'auto');
	137	});
d45eaff6 MW	138	}
	139	else if ($name == 'table') {
	140	$definition.removeContents('advanced');
	141	$definition.width = 210;
	142	$definition.height = 1;
	143
	144	$tab = $definition.getContents('info');
	145
	146	$tab.remove('selHeaders');
	147	$tab.remove('cmbAlign');
	148	$tab.remove('txtHeight');
	149	$tab.remove('txtCaption');
	150	$tab.remove('txtSummary');
	151
	152	// don't remove these fields as we need their default values
	153	$tab.get('txtBorder').style = 'display: none';
	154	$tab.get('txtWidth').style = 'display: none';
	155	$tab.get('txtCellSpace').style = 'display: none';
	156	$tab.get('txtCellPad').style = 'display: none';
	157	}
	158	else if ($name == 'smiley') {
	159	$definition.contents[0].elements[0].onClick = function(ev) {
	160	var $target = ev.data.getTarget();
	161	var $targetName = $target.getName();
	162
	163	if ($targetName == 'a') {
	164	$target = $target.getChild( 0 );
	165	}
	166	else if ($targetName != 'img') {
	167	return;
	168	}
	169
	170	var $src = $target.getAttribute('cke_src');
	171	var $title = $target.getAttribute('title');
	172
	173	event.editor.insertText(' ' + $title + ' ');
	174
	175	$definition.dialog.hide();
	176	ev.data.preventDefault();
	177	};
	178	}
	179	});
	180
	181	/**
	182	* Enables this plugin.
	183	*/
	184	CKEDITOR.plugins.add('wbbcode', {
	185	requires: ['htmlwriter'],
	186	init: function(editor) {
	187	editor.dataProcessor = new CKEDITOR.htmlDataProcessor(editor);
	188	editor.dataProcessor.toHtml = toHtml;
	189	editor.dataProcessor.toDataFormat = toDataFormat;
	190	}
	191	});
	192
	193	/**
	194	* Removes the unicode zero width space (0x200B).
	195	*
	196	* @param string string
	197	* @return string
	198	*/
	199	var removeCrap = function(string) {
	200	var $string = '';
	201
202	for (var $i = 0, $length = string.length; $i < $length; $i++) {
203	var $byte = string.charCodeAt($i).toString(16);
204	if ($byte != '200b') {
205	$string += string[$i];
206	}
207	}
208
209	return $string;
210	}
211
212	/**
213	* Converts bbcodes to html.
214	*/
215	var toHtml = function(data, fixForBody) {
67ae95eb	216	//if ($.trim(data) === "") return "<p></p>";
adffb9ac	217
d45eaff6 MW	218	// remove 0x200B (unicode zero width space)
	219	data = removeCrap(data);
	220
	221	if ($insertedText !== null) {
	222	data = $insertedText;
	223	$insertedText = null;
	224
	225	if (data == ' ') return ' ';
	226	}
	227
	228	if (!$pasted) {
	229	// Convert & to its HTML entity.
	230	data = data.replace(/&/g, '&');
	231
	232	// Convert < and > to their HTML entities.
	233	data = data.replace(/</g, '<');
	234	data = data.replace(/>/g, '>');
	235	}
	236
	237	// Convert line breaks to <br>.
	238	data = data.replace(/(?:\r\n\|\n\|\r)/g, '<br>');
	239
	240	if ($pasted) {
	241	$pasted = false;
	242	// skip
	243	return data;
	244	}
	245
	246	// cache code tags
	247	var $cachedCodes = { };
	248	data = data.replace(/\[code(.+?)\[\/code]/gi, function(match) {
	249	var $key = match.hashCode();
89dd0b2c	250	$cachedCodes[$key] = match.replace(/\$/g, '$$$$');
d45eaff6 MW	251	return '@@' + $key + '@@';
	252	});
	253
	254	// [url]
	255	data = data.replace(/\[url\]([^"]+?)\[\/url]/gi, '<a href="$1">$1</a>');
13996ba9 MW	256	data = data.replace(/\[url\='([^'"]+)'](.+?)\[\/url]/gi, '<a href="$1">$2</a>');
13996ba9 MW	257	data = data.replace(/\[url\=([^'"\]]+)](.+?)\[\/url]/gi, '<a href="$1">$2</a>');
d45eaff6 MW	258
	259	// [email]
	260	data = data.replace(/\[email\]([^"]+?)\[\/email]/gi, '<a href="mailto:$1">$1</a>');
	261	data = data.replace(/\[email\=([^"\]]+)](.+?)\[\/email]/gi, '<a href="mailto:$1">$2</a>');
	262
	263	// [b]
	264	data = data.replace(/\[b\](.*?)\[\/b]/gi, '<b>$1</b>');
	265
	266	// [i]
	267	data = data.replace(/\[i\](.*?)\[\/i]/gi, '<i>$1</i>');
	268
	269	// [u]
	270	data = data.replace(/\[u\](.*?)\[\/u]/gi, '<u>$1</u>');
	271
	272	// [s]
679b13aa	273	data = data.replace(/\[s\](.*?)\[\/s]/gi, '<s>$1</s>');
d45eaff6 MW	274
	275	// [sub]
	276	data = data.replace(/\[sub\](.*?)\[\/sub]/gi, '<sub>$1</sub>');
	277
	278	// [sup]
	279	data = data.replace(/\[sup\](.*?)\[\/sup]/gi, '<sup>$1</sup>');
	280
	281	// [img]
	282	data = data.replace(/\[img\]([^"]+?)\[\/img\]/gi,'<img src="$1" />');
25e14f52	283	data = data.replace(/\[img='?([^"]*?)'?,'?(left\|right)'?\]\[\/img\]/gi,'<img src="$1" style="float: $2" />');
d45eaff6 MW	284	data = data.replace(/\[img='?([^"]*?)'?\]\[\/img\]/gi,'<img src="$1" />');
	285
	286	// [quote]
	287	// data = data.replace(/\[quote\]/gi, '<blockquote>');
	288	// data = data.replace(/\[\/quote\]/gi, '</blockquote>');
	289
	290	// [size]
	291	data = data.replace(/\[size=(\d+)\](.*?)\[\/size\]/gi,'<span style="font-size: $1pt">$2</span>');
	292
	293	// [color]
	294	data = data.replace(/\[color=([#a-z0-9]?)\](.?)\[\/color\]/gi,'<span style="color: $1">$2</span>');
	295
	296	// [font]
	297	data = data.replace(/\[font='?([a-z,\- ]?)'?\](.?)\[\/font\]/gi,'<span style="font-family: $1">$2</span>');
	298
	299	// [align]
	300	data = data.replace(/\[align=(left\|right\|center\|justify)\](.*?)\[\/align\]/gi,'<div style="text-align: $1">$2</div>');
	301
	302	// [*]
	303	data = data.replace(/\[\\](.?)(?=\[\*\]\|\[\/list\])/gi,'<li>$1</li>');
	304
	305	// [list]
	306	data = data.replace(/\[list\]/gi, '<ul>');
	307	data = data.replace(/\[list=1\]/gi, '<ul style="list-style-type: decimal">');
2ee70bbe MW	308	data = data.replace(/\[list=a\]/gi, '<ul style="list-style-type: lower-latin">');
2ee70bbe MW	309	data = data.replace(/\[list=(none\|circle\|square\|disc\|decimal\|lower-roman\|upper-roman\|decimal-leading-zero\|lower-greek\|lower-latin\|upper-latin\|armenian\|georgian)\]/gi, '<ul style="list-style-type: $1">');
d45eaff6 MW	310	data = data.replace(/\[\/list]/gi, '</ul>');
	311
	312	// [table]
	313	data = data.replace(/\[table\]/gi, '<table border="1" cellspacing="1" cellpadding="1" style="width: 500px;">');
	314	data = data.replace(/\[\/table\]/gi, '</table>');
	315	// [tr]
	316	data = data.replace(/\[tr\]/gi, '<tr>');
	317	data = data.replace(/\[\/tr\]/gi, '</tr>');
	318	// [td]
	319	data = data.replace(/\[td\]/gi, '<td>');
	320	data = data.replace(/\[\/td\]/gi, '</td>');
	321
	322	// smileys
	323	for (var i = 0; i < this.editor.config.smiley_descriptions.length; i++) {
	324	var smileyCode = this.editor.config.smiley_descriptions[i].replace(/</g, '<').replace(/>/g, '>');
	325	var regExp = new RegExp('(\\s\|>\|^)'+WCF.String.escapeRegExp(smileyCode)+'(?=\\s\|<\|$)', 'gi');
	326	data = data.replace(regExp, '$1<img src="' + this.editor.config.smiley_path + this.editor.config.smiley_images[i] + '" class="smiley" alt="'+smileyCode+'" />');
	327	}
	328
	329	// remove "javascript:"
	330	data = data.replace(/(javascript):/gi, '$1<span></span>:');
	331
	332	// insert codes
	333	if ($.getLength($cachedCodes)) {
	334	for (var $key in $cachedCodes) {
	335	var $regex = new RegExp('@@' + $key + '@@', 'g');
	336	data = data.replace($regex, $cachedCodes[$key]);
	337	}
	338	}
	339
	340	return data;
	341	};
	342
	343	/**
	344	* Converts html to bbcodes.
	345	*/
	346	var toDataFormat = function(html, fixForBody) {
	347	if (html == '<br>' \|\| html == '<p><br></p>') {
	348	return "";
	349	}
	350
	351	// Convert <br> to line breaks.
	352	html = html.replace(/<br><\/p>/gi,"\n");
	353	html = html.replace(/<br(?=[ \/>]).*?>/gi, '\r\n');
	354	html = html.replace(/<p>/gi,"");
	355	html = html.replace(/<\/p>/gi,"\n");
	356	html = html.replace(/ /gi," ");
	357
	358	// [email]
4efc488e	359	html = html.replace(/<a [^>]?href=(["'])mailto:(.+?)\1.?>([\s\S]+?)<\/a>/gi, '[email=$2]$3[/email]');
d45eaff6 MW	360
d45eaff6 MW	361	// [url]
4efc488e	362	html = html.replace(/<a [^>]?href=(["'])(.+?)\1.?>([\s\S]+?)<\/a>/gi, function(match, x, url, text) {
49630032 MW	363	if (url == text) return '[url]' + url + '[/url]';
	364
	365	return "[url='" + url + "']" + text + "[/url]";
	366	});
d45eaff6 MW	367
	368	// [b]
	369	html = html.replace(/<(?:b\|strong)>/gi, '[b]');
	370	html = html.replace(/<\/(?:b\|strong)>/gi, '[/b]');
	371
	372	// [i]
	373	html = html.replace(/<(?:i\|em)>/gi, '[i]');
	374	html = html.replace(/<\/(?:i\|em)>/gi, '[/i]');
	375
	376	// [u]
	377	html = html.replace(/<u>/gi, '[u]');
	378	html = html.replace(/<\/u>/gi, '[/u]');
	379
	380	// [s]
679b13aa MW	381	html = html.replace(/<s>/gi, '[s]');
679b13aa MW	382	html = html.replace(/<\/s>/gi, '[/s]');
d45eaff6	383
4efc488e	384	// [sub]
d45eaff6 MW	385	html = html.replace(/<sub>/gi, '[sub]');
	386	html = html.replace(/<\/sub>/gi, '[/sub]');
	387
	388	// [sup]
	389	html = html.replace(/<sup>/gi, '[sup]');
	390	html = html.replace(/<\/sup>/gi, '[/sup]');
	391
	392	// smileys
	393	html = html.replace(/<img [^>]?alt="([^"]+?)" class="smiley".?>/gi, '$1'); // firefox
	394	html = html.replace(/<img [^>]?class="smiley" alt="([^"]+?)".?>/gi, '$1'); // chrome, ie
	395
	396	// [img]
	397	html = html.replace(/<img [^>]?src=(["'])([^"']+?)\1 style="float: (left\|right)".?>/gi, "[img='$2',$3][/img]");
	398	html = html.replace(/<img [^>]?src=(["'])([^"']+?)\1.?>/gi, '[img]$2[/img]');
	399
	400	// [quote]
	401	// html = html.replace(/<blockquote>/gi, '[quote]');
	402	// html = html.replace(/\n*<\/blockquote>/gi, '[/quote]');
	403
	404	// [color]
	405	html = html.replace(/<span style="color: ?rgb\((\d{1,3}), ?(\d{1,3}), ?(\d{1,3})\);?">([\s\S]*?)<\/span>/gi, function(match, r, g, b, text) {
	406	var $hex = ("0123456789ABCDEF".charAt((r - r % 16) / 16) + '' + "0123456789ABCDEF".charAt(r % 16)) + '' + ("0123456789ABCDEF".charAt((g - g % 16) / 16) + '' + "0123456789ABCDEF".charAt(g % 16)) + '' + ("0123456789ABCDEF".charAt((b - b % 16) / 16) + '' + "0123456789ABCDEF".charAt(b % 16));
	407
	408	return "[color=#" + $hex + "]" + text + "[/color]";
	409	});
	410	html = html.replace(/<span style="color: ?(.?);?">([\s\S]?)<\/span>/gi, "[color=$1]$2[/color]");
	411
	412	// [size]
	413	html = html.replace(/<span style="font-size: ?(\d+)pt;?">([\s\S]*?)<\/span>/gi, "[size=$1]$2[/size]");
	414
	415	// [font]
	416	html = html.replace(/<span style="font-family: ?(.?);?">([\s\S]?)<\/span>/gi, "[font='$1']$2[/font]");
	417
	418	// [align]
	419	html = html.replace(/<div style="text-align: ?(left\|center\|right\|justify);? ?">([\s\S]*?)<\/div>/gi, "[align=$1]$2[/align]");
	420
	421	// [*]
	422	html = html.replace(/<li>/gi, '[*]');
	423	html = html.replace(/<\/li>/gi, '');
	424
	425	// [list]
	426	html = html.replace(/<ul>/gi, '[list]');
	427	html = html.replace(/<(ol\|ul style="list-style-type: decimal")>/gi, '[list=1]');
2ee70bbe	428	html = html.replace(/<ul style="list-style-type: (none\|circle\|square\|disc\|decimal\|lower-roman\|upper-roman\|decimal-leading-zero\|lower-greek\|lower-latin\|upper-latin\|armenian\|georgian)">/gi, '[list=$1]');
d45eaff6 MW	429	html = html.replace(/<\/(ul\|ol)>/gi, '[/list]');
	430
	431	// [table]
	432	html = html.replace(/<table[^>]*>/gi, '[table]');
	433	html = html.replace(/<\/table>/gi, '[/table]');
	434
	435	// remove empty <tr>s
	436	html = html.replace(/<tr><\/tr>/gi, '');
	437	// [tr]
	438	html = html.replace(/<tr>/gi, '[tr]');
	439	html = html.replace(/<\/tr>/gi, '[/tr]');
	440
d124bc6e MW	441	// [td]+[align]
	442	html = html.replace(/<td style="text-align: ?(left\|center\|right\|justify);? ?">([\s\S]*?)<\/td>/gi, "[td][align=$1]$2[/align][/td]");
	443
d45eaff6 MW	444	// [td]
	445	html = html.replace(/<td>/gi, '[td]');
	446	html = html.replace(/<\/td>/gi, '[/td]');
	447
	448	// Remove remaining tags.
	449	html = html.replace(/<[^>]+>/g, '');
	450
	451	// Restore <, > and &
	452	html = html.replace(/</g, '<');
	453	html = html.replace(/>/g, '>');
	454	html = html.replace(/&/g, '&');
	455
	456	// Restore (and )
	457	html = html.replace(/%28/g, '(');
	458	html = html.replace(/%29/g, ')');
	459
	460	// Restore %20
	461	html = html.replace(/%20/g, ' ');
	462
	463	return html;
7fd6e30b	464	};
d45eaff6	465	})();