Initial import.

[siap.git] / manager / inc / htmleditor / htmleditor.js

/*\r
TODO:\r
	- Tag do youtube\r
	- Ver botão de excluir elemento quando selecionado (img, retirar link...)(estudar isso)\r
	- Ver editar url(estudar isso)\r
	- Ver se tem como dar resize por php nas imagems\r
	\r
Lembrar:\r
	- Na hora de gravar no banco, dar resize no php nas imagems\r
	- Limpar o html\r
*/\r
\r
//Requires include default.js\r
try { var _test_htmleditor = __include_default; }\r
catch(e) {\r
	alert("htmleditor.js : Include '_system/js/default.js' é obrigatório");\r
}\r
\r
var __include_htmleditor = true;\r
\r
var HtmlEditor_ROOT = "../inc/htmleditor/";\r
\r
function HtmlEditor() {\r
	this.class_name = ""; //Name of instancied js var\r
	this.field_id = ""; //Textarea hidden id\r
	this.buttons = []; //array of removed buttons\r
	this.width = '100%';\r
	this.height = '300';\r
	this.images_path = "";\r
	this.root_path = "";\r
	this.is_window_opened = false;\r
	\r
	this.onLoad = new Function();\r
	\r
	this._toolbar = ["viewhtml", "|", "removeformat", "|", "bold", "italic", "underline", "|", "justifyleft", "justifycenter", "justifyright", "justifyfull", "|", "insertorderedlist", "insertunorderedlist", "|", "createlink", "unlink", "|", "image"];\r
	this._content = '';\r
	this._image_aba = 0;\r
	this._list_refresh = false;\r
	this._key_status = []; //Remember keys status\r
	this._is_view_html = false;\r
	this._last_range = null;\r
	\r
	this.make = function () {\r
		var html = '';\r
		\r
		html += '<table cellspacing="0" cellpadding="0" width="'+this.width+'">';\r
		html += '<tr><td class="bto_bar" id="' + this.class_name + '_td_bar"><table cellspacing="0" cellpadding="0"><tr>';\r
		\r
		var toolbar_ = this._toolbar.remove(this.buttons); //Remove buttons\r
		var self = this;\r
		var tab_order_ = 200;\r
		toolbar_.each(function (k, v) {\r
			if (v == '|') {\r
				html += '<td>&nbsp;&nbsp;</td>';\r
			} else {\r
				html += '<td><div class="bto_ext" onmouseover="javascript: { this.setAttribute(\'class\', \'bto_ext_over\'); this.setAttribute(\'className\', \'bto_ext_over\'); }" onmouseout="javascript: { this.setAttribute(\'class\', \'bto_ext\'); this.setAttribute(\'className\', \'bto_ext\'); }"><a taborder="' + tab_order_ + '" class="bto_' + v + '" href="javascript: nothing_func();" onclick="javascript: ' + self.class_name + '._command(\'' + v + '\')" title="' + self._getDescription(v) + '"><span>' + v + '</span></a></div>';\r
				\r
				if (v == 'image') {\r
					html += '<div id="' + self.class_name + '_image_box" class="image_box" style="display: none;">';\r
					html += '<table cellspacing="0" cellpadding="0"><tr><td>';\r
					html += '<div id="' + self.class_name + '_image_box_aba0" class="aba_sel" onmouseover="javascript: ' + self.class_name + '._imageAbaEvent(\'over\', 0);" onmouseout="javascript: ' + self.class_name + '._imageAbaEvent(\'out\', 0);" onclick="javascript: ' + self.class_name + '._imageAbaEvent(\'click\', 0);">Informações</div>';\r
					html += '<div id="' + self.class_name + '_image_box_aba1" class="aba" onmouseover="javascript: ' + self.class_name + '._imageAbaEvent(\'over\', 1);" onmouseout="javascript: ' + self.class_name + '._imageAbaEvent(\'out\', 1);" onclick="javascript: ' + self.class_name + '._imageAbaEvent(\'click\', 1);">Selecionar</div>';\r
					html += '<div id="' + self.class_name + '_image_box_aba2" class="aba"  onmouseover="javascript: ' + self.class_name + '._imageAbaEvent(\'over\', 2);" onmouseout="javascript: ' + self.class_name + '._imageAbaEvent(\'out\', 2);" onclick="javascript: ' + self.class_name + '._imageAbaEvent(\'click\', 2);">Upload</div>';\r
					html += '<div class="aba_fechar" onclick="javascript: ' + self.class_name + '._command(\'image\');" title="Fechar">x</div>';\r
					html += '</td></tr><tr><td>';\r
					html += '<div id="' + self.class_name + '_image_box_content0" class="content">';\r
					html += 'Url:<br><input class="input" type="text" style="width: 285px;" id="' + self.class_name + '_image_box_url" onblur="javascript: ' + self.class_name + '._imageThumb();">';\r
					html += '<table cellspacing="0" cellpadding="0" width="100%">';\r
					html += '<tr><td width="140" height="140"><div class="thumb" id="' + self.class_name + '_image_thumb"><br><br><br><br>sem imagem</div></td>';\r
					html += '<td valign="top">';\r
					html += '<div class="bt bt_action" style="width: 100%;" onclick="javascript: ' + self.class_name + '._imageAbaEvent(\'click\', 1);">Selecionar do servidor</div>';\r
					html += '<div class="bt bt_action" style="width: 100%;" onclick="javascript: ' + self.class_name + '._imageAbaEvent(\'click\', 2);">Fazer upload para o servidor</div>';					\r
					html += '</td></tr>';\r
					html += '</table>';\r
					html += '</div>';\r
					html += '<div id="' + self.class_name + '_image_box_content1" class="content" style="display: none; overflow: auto;">carregando...</div>';\r
					html += '<div id="' + self.class_name + '_image_box_content2" class="content" style="display: none;">';\r
					html += '<form id="' + self.class_name + '_image_box_form">Arquivo:<br><input class="input" type="file" size="39" style="_width: 284px;" id="' + self.class_name + '_image_box_file" name="file"></form>';\r
					html += '<div class="alert">Apenas arquivos .jpg, .gif e .png</div>';\r
					html += '<div align="right"><div class="bt bt_action" id="' + self.class_name + '_image_box_upload" onclick="javascript: ' + self.class_name + '._imageUpload();">Enviar</div></div>';\r
					html += '</div>';\r
					html += '</td></tr>';\r
					html += '<tr><td height="34" align="right" valign="bottom"><div class="bt" style="margin-top: 0px;" onclick="' + self.class_name + '._imageOK();">OK</div></td></tr>';\r
					html += '</table>';\r
					html += '</div>';\r
				} else if (v == 'createlink') {\r
					html += '<div id="' + self.class_name + '_link_box" class="link_box" style="display: none;">';\r
					html += '<table cellspacing="0" cellpadding="0"><tr><td>';\r
					html += '<div id="' + self.class_name + '_link_box_aba0" class="aba_sel" onmouseover="javascript: ' + self.class_name + '._imageAbaEvent(\'over\', 0);" onmouseout="javascript: ' + self.class_name + '._imageAbaEvent(\'out\', 0);" onclick="javascript: ' + self.class_name + '._imageAbaEvent(\'click\', 0);">Informações</div>';\r
					html += '<div class="aba_fechar" onclick="javascript: ' + self.class_name + '._command(\'createlink\');" title="Fechar">x</div>';\r
					html += '</td></tr><tr><td>';\r
					html += '<div class="content">';\r
					html += 'Url:<br><input class="input" type="text" value="http://" style="width: 285px;" id="' + self.class_name + '_link_box_url"></td></tr>';\r
					html += '<tr><td align="right" valign="bottom"><div class="bt" id="' + self.class_name + '_link_box_ok" onclick="javascript: ' + self.class_name + '._linkOK();">OK</div>';\r
					html += '</div></td></tr></table>';\r
					html += '</div>';\r
				}\r
				\r
				html += '</td>';\r
				\r
				tab_order_++;\r
			}\r
		}, this);\r
		\r
		this._toolbar = toolbar_;\r
		\r
		html += '</tr></table></td></tr>';\r
		\r
		html += '<tr><td style="background: #FFF;" id="' + this.class_name + '_td_iframe">';\r
		html += '	<iframe id="' + this.class_name + '_iframe" width="' + this.width + '" height="' + this.height + '" frameborder="0"></iframe>';\r
		html += '</td></tr>';\r
		\r
		html += '<tr><td style="background: #FFF; display: none;" id="' + this.class_name + '_td_codehtml">';\r
		html += '	<table cellspacing="0" cellpadding="0" width="100%">';\r
		html += '		<tr><td class="bto_bar"><a class="bto_voltar" href="javascript: nothing_func();" onclick="javascript: ' + this.class_name + '._command(\'viewhtml\')">Voltar</a></td></tr>';\r
		html += '		<tr><td><textarea id="' + this.class_name + '_codehtml" style="width: ' + this.width + '; height: ' + this.height + ';"></textarea></td></tr>';\r
		html += '	</table>';\r
		html += '</td></tr>';\r
		\r
		html += '</html>';\r
		\r
		var d = document.createElement('div');\r
		d.setAttribute('id', this.class_name + '_div');\r
		d.setAttribute('className', 'html_editor');\r
		d.setAttribute('class', 'html_editor');\r
		d.innerHTML = html;\r
		$$(this.field_id).parentNode.appendChild(d);\r
		\r
		//get content from textarea element\r
		this._content = $$(this.field_id).value;\r
		\r
		//enable design mode to iframe\r
		setTimeout(this._enableIframe.bind(this), 50);\r
		\r
		//hidden textarea element\r
		$$(this.field_id).style.display = 'none';\r
	}\r
	\r
	this.loadFile = function (tmp_path) {\r
		var a = new Ajax();\r
		var self = this;\r
		\r
		a.onLoad = function () {\r
			this.html = this.html.replace(new RegExp('#ROOT#', 'g'), self.root_path);\r
			\r
			self._getIframeDocument().body.innerHTML = this.html;\r
			self._insertHTML('');\r
		}\r
		a.get(tmp_path);\r
	}\r
	\r
	this.getContent = function () {\r
		return $$(this.field_id).value;\r
	}\r
	\r
	this._enableIframe = function () {\r
		this._getIframeDocument().designMode = 'on';\r
		\r
		if (this._getIframeDocument().body) {\r
			this._getIframeDocument().body.innerHTML = '';\r
		}\r
		\r
		//set content to iframe\r
		setTimeout(this._initContent.bind(this), 300);\r
		\r
		//enable timer for copy text from iframe to textarea\r
		setTimeout(this._updateField.bind(this), 350);\r
		\r
		//set ok events for boxes\r
		var self = this;\r
		addEvent($$(this.class_name + '_link_box_url'), "keydown", function (e) { self._okEvent(e, self.class_name + '._linkOK()'); });\r
		addEvent($$(this.class_name + '_image_box_url'), "keydown", function (e) { self._okEvent(e, self.class_name + '._imageOK()'); });\r
	}\r
	\r
	this._initContent = function () {\r
		var self = this;\r
		\r
		this._getIframeDocument().body.innerHTML = this._content;\r
		this._insertHTML('');\r
		\r
		addEvent(this._getIframeDocument(), "keydown", function (e) { self._fireEvent('keydown', e); });\r
		addEvent(this._getIframeDocument(), "keyup", function (e) { self._fireEvent('keyup', e); });\r
		\r
		if (document.all) {\r
			addEvent(this._getIframeDocument(), "selectionchange", function (e) { self._fireEvent('selectionchange', e || event); });\r
		} else {\r
			addEvent(this._getIframeDocument(), "mouseup", function (e) { self._fireEvent('selectionchange', e || event); });\r
		}\r
		\r
		this.onLoad();\r
	}\r
	\r
	this._fireEvent = function (tmp_type, tmp_e) {	\r
		var k = tmp_e.keyCode;\r
		\r
		switch (tmp_type) {\r
			case "keydown":\r
				this._key_status[k] = true;\r
				\r
				if (this._key_status[17] && (k == 13)) {\r
					//this._insertHTML('<h1>teste!</h1>');\r
				}\r
				\r
				break;\r
			\r
			case "keyup":\r
				this._key_status[k] = false;\r
				\r
				break;\r
			\r
			case "selectionchange":\r
				\r
				break;\r
		}\r
	}\r
	\r
	this._okEvent = function (tmp_e, tmp_func) {\r
		var k = tmp_e.keyCode;\r
		\r
		if (k == 13) {\r
			eval(tmp_func);\r
		}\r
	}\r
	\r
	this._getIframeDocument = function () {\r
		if ($$(this.class_name + '_iframe').contentDocument) {\r
			return $$(this.class_name + '_iframe').contentDocument;\r
		} else {\r
			return document.frames[this.class_name + '_iframe'].document;\r
		}\r
	}\r
	\r
	this._updateField = function () {\r
		if ($$(this.class_name + '_iframe') && (!this._is_view_html)) {\r
			var content = this._getIframeDocument().body.innerHTML;\r
			\r
			//clean content\r
			if (content.substr(-4) == '<br>') {\r
				content = content.substr(0, content.length - 4);\r
			}\r
			\r
			content = content.replace('<p class="MsoPlainText">', '<p>');\r
			content = content.replace('<o:p></o:p>', '');\r
			\r
			if (content == '<P>&nbsp;</P>') {\r
				content = '';\r
			}\r
			\r
			$$(this.field_id).value = content.trim();\r
		}\r
		\r
		setTimeout(this._updateField.bind(this), 500);\r
	}\r
	\r
	this._insertHTML = function (tmp_html) {\r
		if (document.all) {\r
			this._getIframeDocument().body.setActive();\r
		}\r
		\r
		if (document.all) {\r
			var r = this._last_range;\r
			\r
			if (r == null) {\r
				r = this._getIframeDocument().selection.createRange()\r
			}\r
			\r
			r.select();\r
			r.collapse(false);\r
			r.pasteHTML(tmp_html);\r
		} else {\r
			var rnd_str = "insert_html_" + Math.round(Math.random()*100000000);\r
			this._getIframeDocument().execCommand('insertimage', false, rnd_str);\r
			this._getIframeDocument().body.innerHTML = this._getIframeDocument().body.innerHTML.replace(new RegExp('<[^<]*' + rnd_str + '[^>]*>'), tmp_html);\r
		}\r
	}\r
	\r
	this._command = function (tmp_command) {\r
		switch (tmp_command) {\r
			case 'image':\r
				if ($$(this.class_name + '_image_box').style.display == 'none') {\r
					if (document.all) {\r
						this._last_range = this._getIframeDocument().selection.createRange();\r
					}\r
					\r
					$$(this.class_name + '_image_box').style.display = '';\r
					screenLock(true);\r
					\r
					this.is_window_opened = true;\r
				} else {\r
					$$(this.class_name + '_image_box').style.display = 'none';\r
					screenLock(false);\r
					\r
					this.is_window_opened = false;\r
				}\r
				\r
				break;\r
			case 'createlink':\r
				if ($$(this.class_name + '_link_box').style.display == 'none') {\r
					if (document.all) {\r
						this._last_range = this._getIframeDocument().selection.createRange();\r
					}\r
\r
					$$(this.class_name + '_link_box').style.display = '';\r
					screenLock(true);\r
					\r
					this.is_window_opened = true;\r
				} else {\r
					$$(this.class_name + '_link_box').style.display = 'none';\r
					screenLock(false);\r
					\r
					this.is_window_opened = false;\r
				}\r
				\r
				break;\r
			case 'viewhtml':\r
				if (!this._is_view_html) {\r
					$$(this.class_name + '_td_iframe').style.display = 'none';\r
					$$(this.class_name + '_td_bar').style.display = 'none';\r
					\r
					$$(this.class_name + '_td_codehtml').style.display = '';\r
					\r
					$$(this.class_name + '_codehtml').value = this._getIframeDocument().body.innerHTML.replace(new RegExp("<br>", "gi"), "<br>\n").replace(new RegExp("<\p>", "gi"), "<\p>\n");\r
					\r
					$$(this.class_name + '_codehtml').focus();\r
					\r
					this._is_view_html = true;\r
				} else {\r
					this._is_view_html = false;\r
					\r
					$$(this.class_name + '_td_iframe').style.display = '';\r
					$$(this.class_name + '_td_bar').style.display = '';\r
					\r
					$$(this.class_name + '_td_codehtml').style.display = 'none';\r
					\r
					this._getIframeDocument().body.innerHTML = $$(this.class_name + '_codehtml').value;\r
					this._insertHTML('');\r
				}\r
				\r
				break;\r
			default:\r
				$$(this.class_name + '_iframe').focus();\r
				this._getIframeDocument().execCommand(tmp_command, false, '');\r
				\r
				break;\r
		}\r
		\r
		try {\r
			$$(this.class_name + '_iframe').contentWindow.focus();\r
		} catch (e) { }\r
	}\r
	\r
	this._getDescription = function (tmp_button) {\r
		switch (tmp_button) {\r
			case "removeformat": return "Remover formatação"; break;\r
			case "bold": return "Aplicar/Retirar negrito"; break;\r
			case "italic": return "Aplicar/Retirar itálico"; break;\r
			case "underline": return "Aplicar/Retirar underline"; break;\r
			case "justifyleft": return "Alinhar à esquerda"; break;\r
			case "justifylright": return "Alinhar ao centro"; break;\r
			case "justifylright": return "Alinhar à direita"; break;\r
			case "justifyfull": return "Justificar"; break;\r
			case "insertorderedlist": return "Inserir/Remover lista ordenada"; break;\r
			case "insertunorderedlist": return "Inserir/Remover lista não ordenada"; break;\r
			case "createlink": return "Inserir link"; break;\r
			case "unlink": return "Remover link"; break;\r
			case "image": return "Inserir imagem"; break;\r
			case "viewhtml": return "Editar html"; break;\r
			default: return ""; break;\r
		}\r
	}\r
	\r
	//Image\r
	this._imageAbaEvent = function (tmp_event, tmp_index) {\r
		this._image_aba++; this._image_aba--;\r
		tmp_index++; tmp_index--;\r
		\r
		switch (tmp_event) {\r
			case 'over':\r
				if (tmp_index != this._image_aba) {\r
					$$(this.class_name + '_image_box_aba' + tmp_index).setAttribute('className', 'aba_over');\r
					$$(this.class_name + '_image_box_aba' + tmp_index).setAttribute('class', 'aba_over');\r
				}\r
				\r
				break;\r
			case 'out':\r
				if (tmp_index != this._image_aba) {\r
					$$(this.class_name + '_image_box_aba' + tmp_index).setAttribute('className', 'aba');\r
					$$(this.class_name + '_image_box_aba' + tmp_index).setAttribute('class', 'aba');\r
				}\r
				\r
				break;\r
			case 'click':\r
				if (tmp_index != this._image_aba) {\r
					$$(this.class_name + '_image_box_aba' + this._image_aba).setAttribute('className', 'aba');\r
					$$(this.class_name + '_image_box_aba' + this._image_aba).setAttribute('class', 'aba');\r
					$$(this.class_name + '_image_box_content' + this._image_aba).style.display = 'none';\r
					\r
					this._image_aba = tmp_index;\r
					\r
					$$(this.class_name + '_image_box_aba' + tmp_index).setAttribute('className', 'aba_sel');\r
					$$(this.class_name + '_image_box_aba' + tmp_index).setAttribute('class', 'aba_sel');\r
					$$(this.class_name + '_image_box_content' + tmp_index).style.display = '';\r
					\r
					if ((this._image_aba == 1) && (!this._list_refresh)) {\r
						this._list_refresh = true;\r
						\r
						this._imageListRefresh();\r
					}\r
				}\r
				\r
				break;\r
		}\r
	}\r
	\r
	this._imageThumb = function () {\r
		var url = $$(this.class_name + '_image_box_url').value;\r
		var ext = url.substr(url.length - 3, 3).toLowerCase();\r
		var html = '<br><br><br><br>sem imagem';\r
		\r
		url = url.replace(this.root_path, '');\r
		\r
		if ((ext == 'jpg') || (ext == 'gif')) {\r
			html = '<img src="' + HtmlEditor_ROOT + 'routines.php?routine=thumb&file=' + url + '&w=118&h=118">';\r
		}\r
		\r
		$$(this.class_name + '_image_thumb').innerHTML = html;\r
	}\r
	\r
	this._imageListRefresh = function () {\r
		var a = new Ajax();\r
		var self = this;\r
		\r
		a.onLoad = function () {\r
			var ext, html = '';\r
			var arr = this.html.split('##');\r
			\r
			arr.each(function (k, v) {\r
				if (v != '') {\r
					ext = v.substr(v.length - 3, 3).toLowerCase();\r
					\r
					if ((ext == 'jpg') || (ext == 'gif')) {\r
						html += '<div class="thumb_list" onclick="javascript: ' + self.class_name + '._imageSelect(\'' + v + '\');"><img src="' + HtmlEditor_ROOT + 'routines.php?routine=thumb&method=2&file=' + v + '&w=70&h=70" width="70" height="70" title="' + v + '"></div>';\r
					}\r
				}\r
			}, this);\r
			\r
			$$(self.class_name + '_image_box_content1').innerHTML = html;\r
		}\r
		a.get(HtmlEditor_ROOT + "routines.php?routine=list&path=" + this.images_path);\r
	}\r
	\r
	this._imageSelect = function (tmp_path) {\r
		$$(this.class_name + '_image_box_url').value = tmp_path;\r
		\r
		this._imageAbaEvent('click', 0);\r
		this._imageThumb();\r
	}\r
	\r
	this._imageUpload = function () {\r
		var onload, input, form, iframe, self, ext;\r
		\r
		self = this;\r
		\r
		iframe = document.createElement("iframe");\r
		iframe.setAttribute("id","ifr_tmp");\r
		iframe.setAttribute("name","ifr_tmp");\r
		iframe.setAttribute("width","0");\r
		iframe.setAttribute("height","0");\r
		iframe.setAttribute("border","0");\r
		iframe.setAttribute("style","width: 0; height: 0; border: none;");\r
		$$(this.field_id).parentNode.appendChild(iframe);\r
		window.frames["ifr_tmp"].name = "ifr_tmp"; //Ie sux\r
		\r
		//Verify if input file is not empty\r
		input = $$(this.class_name + '_image_box_file');\r
		\r
		if (input.value != '') {\r
			//Verify extension\r
			ext = input.value.substr(input.value.length - 3, 3).toLowerCase();\r
			\r
			if ((ext == 'jpg') || (ext == 'gif') || (ext == 'png')) {\r
				onload = function () {\r
					self._imageAbaEvent('click', 1);\r
					\r
					//Removes iframe element\r
					setTimeout(function () { removeElement($$('ifr_tmp')); }, 250);\r
					\r
					$$(self.class_name + '_image_box_upload').style.display = '';\r
					removeElement($$(self.class_name + '_image_box_carregando'));\r
					\r
					self._imageListRefresh();\r
				}\r
				addEvent($$('ifr_tmp'), "load", onload);\r
				\r
				//Config form element\r
				form = $$(this.class_name + '_image_box_form');\r
				form.setAttribute("target", "ifr_tmp");\r
				form.setAttribute("action", HtmlEditor_ROOT + "routines.php?routine=upload&path=" + this.images_path);\r
				form.setAttribute("method", "post");\r
				form.setAttribute("enctype", "multipart/form-data");\r
				form.setAttribute("encoding", "multipart/form-data");\r
				\r
				form.submit();\r
				\r
				var d = document.createElement("div");\r
				d.id = this.class_name + "_image_box_carregando";\r
				d.innerHTML = "Carregando...";\r
				$$(this.class_name + '_image_box_upload').parentNode.appendChild(d);\r
				\r
				$$(this.class_name + '_image_box_upload').style.display = 'none';\r
			} else {\r
				alert("Arquivo inválido.\nSão permitidos apenas arquivos .jpg, .gif e .png");	\r
			}\r
		} else {\r
			alert("O campo 'Arquivo' está vazio");\r
			\r
			input.focus();\r
		}\r
	}\r
	\r
	this._imageOK = function () {\r
		var url = $$(this.class_name + '_image_box_url').value;\r
		var ext = url.substr(url.length - 3, 3).toLowerCase();\r
		\r
		if ((ext == 'jpg') || (ext == 'gif')) {			\r
			if (url.indexOf('http://') == -1) {\r
				url = this.root_path + url;	\r
			}\r
			\r
			this._insertHTML('<img src="' + url + '" border="0">');\r
			\r
			this._command('image');\r
			\r
			this._imageThumb();\r
		} else {\r
			alert('Imagem inválida, verifique a url informada.');\r
		}\r
	}\r
	\r
	//Link\r
	this._linkOK = function () {\r
		var url = $$(this.class_name + '_link_box_url').value;\r
		var http = url.substr(0, 4);\r
		\r
		if (http == 'http') {			\r
			if (document.all) {\r
				this._getIframeDocument().body.setActive();\r
				\r
				var r = this._last_range;\r
			\r
				if (r == null) {\r
					r = this._getIframeDocument().selection.createRange()\r
				}\r
				\r
				r.select();\r
				\r
				r.collapse(false);\r
			}\r
			\r
			this._getIframeDocument().execCommand('createlink', false, url);\r
			\r
			this._command('createlink');\r
			\r
			$$(this.class_name + '_link_box_url').value = 'http://';\r
		} else {\r
			alert('Link inválido, verifique a url informada.');\r
		}\r
	}\r
}