• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

terramoto

BBCode Box howto!

6 mensagens neste tópico

Boas, alguém me poderia indícar um site sobre como fazer um Form de texto com esse "componente" ou como posso fazer o "componente" e po-lo a funcionar com a caixa de input, num website que não seja um forum?

já andei á procura mas n sei o que chamar a este conjunto ("componente"+form), julgo que o nome de "bbcode box" foi dado pela phpbb ao Mod que eles utilizam nos forums. Obrigado

Cumprimentos , J. Terramoto

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

O php só é usado para parsar o bbcode quando o ouput é feito.

Os botoes auxiliares são em javascript.

Tenho-me fartado de procurar e não encontro um único prjecto que conista nem editor personalizavél de uma textbox. Já procurei dezenas de vezes no google por 'javascript bbcode editor' e não encontro nada de interessante.

Infelizmente parece que única opção é ires a uma página que tenha um editor de bbcode e olhar para o código fonte do javascript.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

encontrei este "how to" aqui, mas como o Pedrotuga disse é em JavaScript se alguem poder mover o thread para a secção de JS, Faça-me o favor. Obrigado.

Cumprimentos, J. Terramoto

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Atenção que isso não guarda o conteudo como bbcode. Usa html.

Outros projectos semelhantes são o tinymce e o fckeditor

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Há uns anos atrás fiz algo do género. E na altura não percebi quase nada de JavaScript pelo que limitei-me a copiar bastante do phpBB2 que me pareceu dos mais simples na altura bem como se adaptava ás minhas necessidades na perfeição. Fica aqui o código, mas não me responsabilizo por nada :)

E como isto fazia parte de um projecto meu, é capaz de ter código que vocês não precisam. Não é uma solução pronta a usar, mas pode ser que vos ajude ou que seja útil para alguém.

<script language="javascript" type="text/javascript">

// Some code from phpBB script
// http://www.phpbb.com

var o_bbtags = new Array('[b]', '[i]', '[u]', '[s]', '
[center]', '[font=', '[size=', '[color=', '[url]', '[LINK]', '[img]', '[email]', '[list]', '[list=1]', '[DOWNLOAD]');
var c_bbtags = new Array('[/b]', '[/i]', '[/u]', '[/s]', '[/center]
', '[/font]', '[/size]', '', '[/url]', '[/LINK]', '[/img]', '[/email]', '[/list]', '[/list]', '[/DOWNLOAD]');
var bbcode = Array();

var clientPC = navigator.userAgent.toLowerCase();
var clientVer = parseInt(navigator.appVersion);
var is_ie = ((clientPC.indexOf("msie") != -1) && (clientPC.indexOf("opera") == -1));
var is_win = ((clientPC.indexOf("win")!=-1) || (clientPC.indexOf("16bit") != -1));

function bbhint(hint) {
var bbhint = document.getElementById('bbhint');

if (hint == 'Bold') {
	bbhint.innerHTML = 'Inserir texto em negrito. (Ex: [b]Exemplo de Texto[/b])';
} else if (hint == 'Italic') {
	bbhint.innerHTML = 'Inserir texto em itálico. (Ex: [i]Exemplo de Texto[/i])';
} else if (hint == 'Underline') {
	bbhint.innerHTML = 'Inserir texto sublinhado. (Ex: [u]Exemplo de Texto[/u])';
} else if (hint == 'Strike') {
	bbhint.innerHTML = 'Inserir texto rasurado. (Ex: [s]Exemplo de Texto[/s])';
} else if (hint == 'Center') {
	bbhint.innerHTML = 'Centrar uma divisão. (Ex: 
[center]Exemplo de Texto[/center]
)';
} else if (hint == 'Font') {
	bbhint.innerHTML = 'Inserir texto com tipo de letra diferente. (Ex: [font=Arial]Exemplo de Texto[/font])';
} else if (hint == 'Size') {
	bbhint.innerHTML = 'Inserir texto com tamanho de letra diferente. (Ex: [size=12]Exemplo de Texto[/size])';
} else if (hint == 'Color') {
	bbhint.innerHTML = 'Inserir texto com cor diferente. (Ex: Exemplo de Texto)';
} else if (hint == 'Url') {
	bbhint.innerHTML = 'Inserir uma hiperligação para fora do site. (Ex: [url]http://www.link-para-fora.com[/url])';
} else if (hint == 'Link') {
	bbhint.innerHTML = 'Inserir uma hiperligação dentro do seu site. (Ex: [LINK]http://www.suaempresa.pt/pagina.html[/LINK])';
} else if (hint == 'Image') {
	bbhint.innerHTML = 'Inserir uma imagem. (Ex: [img=imagem.jpg])';
} else if (hint == 'Email') {
	bbhint.innerHTML = 'Inserir uma hiperligação para enviar um e-mail. (Ex: [email]nome@suaempresa.pt[/email])';
} else if (hint == 'List') {
	bbhint.innerHTML = 'Inserir uma lista normal. (Ex: [list] [*]Item 1 [*]Item 2 [/list])';
} else if (hint == 'OList') {
	bbhint.innerHTML = 'Inserir uma lista ordenada. (Ex: [list=A] [*]Item 1 [*]Item 2 [/list])';
} else if (hint == 'Download') {
	bbhint.innerHTML = 'Inserir uma hiperligação para download. (Ex: [DOWNLOAD]ficheiro.zip[/DOWNLOAD])';
}
return;
}

function addbbcode(tag) {
var html = document.forms[0].elements['html'];

if (tag == 5 || tag == 6 || tag == 7) {
	var list = document.forms[0].elements['bbbtn' + tag];
	var l_option = list.options[list.selectedIndex].value;
}

theSelection = false;

if ((clientVer >= 4) && is_ie && is_win) {
	theSelection = document.selection.createRange().text;

	if (theSelection) {
		if (tag == 5 || tag == 6 || tag == 7) {
			o_bbtags['this'] = o_bbtags[tag] + l_option + ']';
			document.forms[0].elements['bbbtn' + tag].selectedIndex = 0;
		} else o_bbtags['this'] = o_bbtags[tag];

		document.selection.createRange().text = o_bbtags['this'] + theSelection + c_bbtags[tag];
		theSelection = '';
		return;
	}
} else if (html.selectionEnd && (html.selectionEnd - html.selectionStart > 0)) {
	if (tag == 5 || tag == 6 || tag == 7) {
		o_bbtags['this'] = o_bbtags[tag] + l_option + ']';
		document.forms[0].elements['bbbtn' + tag].selectedIndex = 0;
	} else o_bbtags['this'] = o_bbtags[tag];

	mozWrap(html, o_bbtags['this'], c_bbtags[tag]);
	return;
}

if (tag == 5 || tag == 6 || tag == 7) {
	html.value = html.value + ' ' + o_bbtags[tag] + l_option + ']' + c_bbtags[tag] + ' ';
	document.forms[0].elements['bbbtn' + tag].selectedIndex = 0;
} else {
	var guided = document.forms[0].guided[0].checked;

	if (guided) {
		if (tag >= 0 && tag <= 4) {
			var text = prompt('Insira o texto a ser formatado:\n' + o_bbtags[tag] + 'Exemplo de Texto' + c_bbtags[tag], '');
			if (text != null) {
				if (text != '') {
					html.value = html.value + ' ' + o_bbtags[tag] + text + c_bbtags[tag] + ' ';
				} else alert('O campo não foi preenchido correctamente.');
			}
		} else if (tag == 8) {
			var hlink = prompt('Insira o url completo para a hiperligação', 'http://');
			if (hlink != null) {
				if (hlink != '' && hlink != 'http://') {
					var htext = prompt('Insira um título para a hiperligação', '');
					if (htext != null) {
						if (htext != '') {
							html.value = html.value + ' [url=' + hlink + ']' + htext + '[/url] ';
						} else alert('O campo não foi preenchido correctamente.');
					}
				} else alert('O campo não foi preenchido correctamente.');
			}
		} else if (tag == 9) {
			var hlink = prompt('Insira o link para a hiperligação', '');
			if (hlink != null) {
				if (hlink != '') {
					var htext = prompt('Insira um título para a hiperligação', '');
					if (htext != null) {
						if (htext != '') {
							html.value = html.value + ' [LINK=' + hlink + ']' + htext + '[/LINK] ';
						} else alert('O campo não foi preenchido correctamente.');
					}
				} else alert('O campo não foi preenchido correctamente.');
			}
		} else if (tag == 10) {
			var align = prompt('Escreva \'left\' para alinhar a imagem à esquerda e \'right\' para a direita. Cancele para não usar alinhamento na imagem.');
			if (align != null) {
				if (align == 'left' || align == "right") {
					ialign = align;
				} else ialign = null;
			} else ialign = null;

			var hlink = prompt('Insira o nome do ficheiro da imagem:\n' + o_bbtags[tag] + 'imagem.jpg' + c_bbtags[tag], '');
			if (hlink != null) {
				if (hlink != '') {
					if (ialign != null) {
						html.value = html.value + ' [img=' + ialign + ']' + hlink + c_bbtags[tag] + ' ';
					} else {
						html.value = html.value + ' ' + o_bbtags[tag] + hlink + c_bbtags[tag] + ' ';
					}
				} else alert('O campo não foi preenchido correctamente.');
			}
		} else if (tag == 11) {
			var mlink = prompt('Insira o endereço de e-mail', '');
			if (mlink != null) {
				if (mlink != '') {
					var htext = prompt('Insira um título para a hiperligação', '');
					if (htext != null) {
						if (htext != '') {
							html.value = html.value + ' [email=' + mlink + ']' + htext + '[/email] ';
						} else alert('O campo não foi preenchido correctamente.');
					}
				} else alert('O campo não foi preenchido correctamente.');
			}
		} else if (tag == 12) {
			var ilist = '', item = null, listover = 0;
			while (listover != 1) {
				item = prompt('Insira um item para a lista. Pressione \'Cancelar\' ou deixe um campo em branco para terminar a lista', '');
				if (item != null && item != '') {
					ilist = ilist + '[*]' + item + '\n';
				} else listover = 1;
			}
			if (listover == 1 && ilist != '') {
				html.value = html.value + '[list]\n' + ilist + '[/list]';
			} else {
				if (item != null) {
					alert('A lista não foi preenchida correctamente.');
				}
			}
		} else if (tag == 13) {
			var lorder = prompt('Defina como deseja ordenar a lista:\na, A, i, I, 1', '');
			var ilist = '', item = null, listover = 0;
			if (lorder != null) {
				if (lorder != '' && (lorder == 'a' || lorder == 'A' || lorder == 'i' || lorder == 'I' || lorder == '1')) {
					while (listover != 1) {
						item = prompt('Insira um item para a lista. Pressione \'Cancelar\' ou deixe um campo em branco para terminar a lista', '');
						if (item != null && item != '') {
							ilist = ilist + '[*]' + item + '\n';
						} else listover = 1;
					}
					if (listover == 1 && ilist != '') {
						html.value = html.value + '[list=' + lorder + ']\n' + ilist + '[/list]';
					} else {
						if (item != null) {
							alert('A lista não foi preenchida correctamente.');
						}
					}
				} else alert('O campo não foi preenchido correctamente.');
			}
		} else if (tag == 14) {
			var hlink = prompt('Insira o nome do ficheiro para download', '');
			if (hlink != null) {
				if (hlink != '') {
					var htext = prompt('Insira um título para o download', '');
					if (htext != null) {
						if (htext != '') {
							html.value = html.value + ' [DOWNLOAD=' + hlink + ']' + htext + '[/DOWNLOAD] ';
						} else alert('O campo não foi preenchido correctamente.');
					}
				} else alert('O campo não foi preenchido correctamente.');
			}
		}
	} else {
		var btn = document.getElementById('bbbtn' + tag);
		if (bbcode[tag]) {
			html.value = html.value + c_bbtags[tag] + ' ';
			btn.value = btn.value.substring(0, btn.value.length-1);
			bbcode[tag] = false;
		} else {
			html.value = html.value + ' ' + o_bbtags[tag];
			btn.value = btn.value + '*';
			bbcode[tag] = true;
		}
	}
}
storeCaret(html);
html.focus();
return;
}

// From http://www.massless.org/mozedit/
function mozWrap(txt, bb_open, bb_close) {
var selLength = txt.textLength;
var selStart = txt.selectionStart;
var selEnd = txt.selectionEnd;

if (selEnd == 1 || selEnd == 2) {
	selEnd = selLength;
}

var s1 = (txt.value).substring(0,selStart);
var s2 = (txt.value).substring(selStart, selEnd)
var s3 = (txt.value).substring(selEnd, selLength);

txt.value = s1 + bb_open + s2 + bb_close + s3;

return;
}

// Insert at Claret position. Code from
// http://www.faqts.com/knowledge_base/view.phtml/aid/1052/fid/130
function storeCaret(txt) {
if (txt.createTextRange) txt.caretPos = document.selection.createRange().duplicate();
}

</script>

<br />

<div align="center"><a href="javascript:menuShowHide('bbcode');" onmouseover="return overlib('Se não tem muita ou qualquer experiência com HTML, pode fácilmente usar BB Code para formatar as suas páginas de uma maneira fácil e simples. Note que esta formatação não lhe permite formatar livremente uma página.<br /><br />Pode ainda usar a barra de ferramentas disponível, para automatizar a introdução do BB Code. O modo guiado apresenta-lhe uma maneira fácil de introduzir o código fazendo-lhe perguntas, no modo normal, ao clicar num botão, a tag será aberta, depois, ao clicar no mesmo botão, a tag será fechada.<br />Tem também ainda, a possibilidade de selecionar o texto e pressionar um dos botões para que sejam adicionadas às respectivas tags à volta do texto selecionado.<br /><br /><div align=\'center\'><strong>Clique aqui para mostrar/ocultar a ajuda com o BB Code.</strong></div>', WIDTH, 400);" onmouseout="return nd();" ><img src="theme/img/help_icon.gif" alt="" width="16" height="16" border="0" /></a></div>
<table width="550" border="0" align="center" cellpadding="2" cellspacing="1" class="bbhlpborder" id="disp-bbcode" style="display: none;">
  <tr>
    <td colspan="2"> </td>
  </tr>
  <tr>
    <td colspan="2" class="bbhlptitle">BB Code </td>
  </tr>
  <tr>
    <td class="bbhlprowtitle">Voçê Escreve </td>
    <td width="27%" class="bbhlprowtitle">Nós Mostramos </td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[b]</span>Amostra de texto<span class="bbtag">[/b]</span></td>
    <td class="bbhlpweshow"><strong>Amostra de texto</strong></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[i]</span>Amostra de texto<span class="bbtag">[/i]</span></td>
    <td class="bbhlpweshow"><em>Amostra de texto</em></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[u]</span>Amostra de texto<span class="bbtag">[/u]</span></td>
    <td class="bbhlpweshow"><span style="text-decoration: underline;">Amostra de texto</span></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[s]</span>Amostra de texto<span class="bbtag">[/s]</span></td>
    <td class="bbhlpweshow"><strike>Amostra de texto</strike></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">
[center]</span>Amostra de texto<span class="bbtag">[/center]
</span></td>
    <td class="bbhlpweshow"><div align="center">Amostra de texto</div></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[email]</span>utilizador@dominio.pt<span class="bbtag">[/email]</span></td>
    <td class="bbhlpweshow"><a href="mailto:user@domain.com">utilizador@dominio.pt</a></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[email=utilizador@dominio.pt]</span>Clique aqui!<span class="bbtag">[/email]</span></td>
    <td class="bbhlpweshow"><a href="mailto:user@domain.com">Clique aqui!</a> </td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[url]</span>http://www.dominio.com<span class="bbtag">[/url]</span></td>
    <td class="bbhlpweshow"><a href="http://www.domain.com" target="_blank">http://www.dominio.com</a></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[url=http://www.dominio.com]</span>Clique aqui!<span class="bbtag">[/url]</span></td>
    <td class="bbhlpweshow"><a href="http://www.domain.com" target="_blank">Clique aqui!</a></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[link]</span>http://www.dominio.com<span class="bbtag">[/link]</span></td>
    <td class="bbhlpweshow"><a href="http://www.domain.com">http://www.dominio.com</a></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[link=http://www.dominio.com]</span>Clique aqui!<span class="bbtag">[/link]</span></td>
    <td class="bbhlpweshow"><a href="http://www.domain.com">Clique aqui!</a></td>
  </tr>
    <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[download]</span>ficheiro.zip<span class="bbtag">[/download]</span></td>
    <td class="bbhlpweshow"><a href="http://www.seudominio.com/downloads/ficheiro.zip">ficheiro.zip</a></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[download=ficheiro.zip]</span>Faça o download aqui.<span class="bbtag">[/download]</span></td>
    <td class="bbhlpweshow"><a href="http://www.seudominio.com/downloads/ficheiro.zip">Faça o download aqui.</a></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag"></span>Amostra de texto<span class="bbtag"></span></td>
    <td class="bbhlpweshow"><span style="color: #FF0000;">Amostra de texto </span></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[img=</span>imagem.gif<span class="bbtag">]</span></td>
    <td class="bbhlpweshow"> </td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[size=14]</span>Amostra de texto<span class="bbtag">[/size]</span></td>
    <td class="bbhlpweshow"><span style="font-size: 14px;">Amostra de texto</span></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[font=Times New Roman]</span>Amostra de texto<span class="bbtag">[/font]</span></td>
    <td class="bbhlpweshow"><span style="font-family: 'Times New Roman';">Amostra de texto</span></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[list]</span>[*]Item da lista [*]Item da lista<span class="bbtag">[/list]</span></td>
    <td class="bbhlpweshow"><ul>
        <li>Item da lista</li>
        <li>Item da lista</li>
      </ul></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[list=1]</span>[*]Item da lista [*]Item da lista<span class="bbtag">[/list]</span></td>
    <td class="bbhlpweshow"><ol type="1">
        <li>Item da lista</li>
        <li>Item da lista</li>
      </ol></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[list=a]</span>[*]Item da lista [*]Item da lista<span class="bbtag">[/list]</span></td>
    <td class="bbhlpweshow"><ol type="a">
        <li>Item da lista</li>
        <li>Item da lista</li>
      </ol></td>
  </tr>
  <tr>
    <td class="bbhlpyoutype"><span class="bbtag">[list=i]</span>[*]Item da lista [*]Item da lista<span class="bbtag">[/list]</span></td>
    <td class="bbhlpweshow"><ol type="i">
        <li>Item da lista</li>
        <li>Item da lista</li>
      </ol></td>
  </tr>
  <tr>
    <td colspan="2" class="bbhlpyoutype"><strong>Informações:</strong><br />
      <strong>1)</strong> Existem alguns aspectos relativamente a este BB Code que se tem que ter em conta.<br />
      Aparentemente não existem diferenças entre a tag <span class="bbtag">[url]</span> e a tag <span class="bbtag">[link]</span> mas existe apenas uma diferença: A tag <span class="bbtag">[url]</span> vai criar uma hiperligação para fora da página, ou seja, vai abrir a ligação numa nova página. A tag <span class="bbtag">[link]</span> vai criar uma hiperligação na mesma página, quando clica na hiperligação, permanece na mesma página.<br />
      <strong>2)</strong> Um outro aspecto a ter em conta é nas tags <span class="bbtag">[list]</span>. No caso da tag <span class="bbtag">[list=a]</span> e <span class="bbtag">[list=i]</span>, o mesmo pode ser feito mas com a letra capitalizada para que a lista ordenada seja com letras capitalizadas. Ex: <span class="bbtag">[list=A]</span> e <span class="bbtag">[list=I]</span>.<br />
      <strong>3)</strong> Para finalizar, convem também ter em conta é o facto de que pode combinar tags. Ou seja, pode muito bem escrever <span class="bbtag">[b][s][size=20][url]</span>http://www.prodigit.biz<span class="bbtag">[/url][/size][/s][/b]</span> que irá ser criado um link para o respectivo site, tamanho de letra igual a 20 com o texto rasurado e em negrito.<br />
  <strong>4)</strong> As tags <span class="bbtag">[img]</span> e <span class="bbtag">[download]</span> estão predefinidas com os caminhos usados na secção de enviar ficheiros. Assim, basta indicar o nome do respectivo ficheiro ou imagem, que o link será criado correctamente.<br />
  <strong>5)</strong> Pode ainda selecionar o texto desejado e clicar em qualquer um dos botões ou das listas para que sejam adicionadas as respectivas tags à volta do texto selecionado.<br />
  <strong>6)</strong> A tag <span class="bbtag">[img]</span> pode ainda ser complementada com um parametro para alinhar a imagem à esquerda ou à direita. Para se alinhar uma imagem à esquerda usar-se ia a tag da seguinte forma, <span class="bbtag">[img=left]</span>, e à direita, <span class="bbtag">[img=right]</span>.</td>
  </tr>
</table>
<form name="edit" method="post" action="index.php">
  <input name="action" type="hidden" id="action" value="editnormal" />
  <input name="id" type="hidden" id="id" value="{page.id}" />
  <input name="url" type="hidden" id="url" value="{page.url}" />
  <table border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td> </td>
      <td> </td>
    </tr>
    <tr>
      <td><table  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top"><table  border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="25" height="18"><input name="guided" type="radio" value="1" /></td>
                  <td><strong>Modo Guiado</strong></td>
                </tr>
                <tr>
                  <td height="8" colspan="2"></td>
                </tr>
                <tr>
                  <td height="18"><input name="guided" type="radio" value="0" checked /></td>
                  <td><strong>Modo Normal</strong></td>
                </tr>
            </table></td>
            <td width="15"> </td>
            <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><input name="bbbtn0" type="button" id="bbbtn0" style="font-weight: bold; width: 25px;" value="N" onmouseover="bbhint('Bold')" onclick="addbbcode(0)" />
                    <input name="bbbtn1" type="button" id="bbbtn1" style="font-style: italic; width: 25px;" value="I" onmouseover="bbhint('Italic')" onclick="addbbcode(1)" />
                    <input name="bbbtn2" type="button" id="bbbtn2" style="text-decoration: underline; width: 25px;" value="S" onmouseover="bbhint('Underline')" onclick="addbbcode(2)" />
                    <input name="bbbtn3" type="button" id="bbbtn3" style="text-decoration: line-through; width: 25px;" value="R" onmouseover="bbhint('Strike')" onclick="addbbcode(3)" />
                    <input name="bbbtn4" type="button" id="bbbtn4" style="width: 55px;" value="Centrar" onmouseover="bbhint('Center')" onclick="addbbcode(4)" />
                    <select name="bbbtn5" id="bbbtn5" style="width: 70px;" onmouseover="bbhint('Font')" onchange="addbbcode(5)">
                      <option selected>FONTE</option>
                      <option value="Arial" style="font-family: Arial; font-size: 12px;">Arial</option>
                      <option value="Times New Roman" style="font-family: 'Times New Roman'; font-size: 12px;">Times</option>
                      <option value="Courier New" style="font-family: 'Courier New'; font-size: 12px;">Courier</option>
                      <option value="Impact" style="font-family: Impact; font-size: 12px;">Impact</option>
                      <option value="Verdana" style="font-family: Verdana; font-size: 12px;">Verdana</option>
                      <option value="Tahoma" style="font-family: Tahoma; font-size: 12px;">Tahoma</option>
                    </select>
                    <select name="bbbtn6" id="bbbtn6" style="width: 85px;" onmouseover="bbhint('Size')" onchange="addbbcode(6)">
                      <option selected>TAMANHO</option>
                      <option value="8" style="font-size: 8px;">8</option>
                      <option value="9" style="font-size: 9px;">9</option>
                      <option value="10" style="font-size: 10px;">10</option>
                      <option value="11" style="font-size: 11px;">11</option>
                      <option value="12" style="font-size: 12px;">12</option>
                      <option value="14" style="font-size: 14px;">14</option>
                      <option value="18" style="font-size: 18px;">18</option>
                      <option value="24" style="font-size: 24px;">24</option>
                      <option value="36" style="font-size: 36px;">36</option>
                      <option value="48" style="font-size: 48px;">48</option>
                    </select>
                    <select name="bbbtn7" id="bbbtn7" style="width: 110px;" onmouseover="bbhint('Color')" onchange="addbbcode(7)">
                      <option selected>COR</option>
                      <option value="#8B0000" style="color: #8B0000">Vermelho Escuro</option>
                      <option value="#FF0000" style="color: #FF0000">Vermelho</option>
                      <option value="#FF6600" style="color: #FF6600">Laranja</option>
                      <option value="#A52A2A" style="color: #A52A2A">Castanho</option>
                      <option value="#FFFF00" style="color: #FFFF00">Amarelo</option>
                      <option value="#808000" style="color: #808000">Amarelo Torrado</option>
                      <option value="#008000" style="color: #008000">Verde</option>
                      <option value="#00FF00" style="color: #00FF00">Verde Flurescente</option>
                      <option value="#00FFFF" style="color: #00FFFF">Ciano</option>
                      <option value="#0000FF" style="color: #0000FF">Azul</option>
                      <option value="#00008B" style="color: #00008B">Azul Escuro</option>
                      <option value="#4B0082" style="color: #4B0082">Rocho</option>
                      <option value="#EE82EE" style="color: #EE82EE">Violeta</option>
                      <option value="#FF00FF" style="color: #FF00FF">Rosa</option>
                      <option value="#FFFFFF" style="color: #FFFFFF">Branco</option>
                      <option value="#000000" style="color: #000000">Preto</option>
                      <option value="#CCCCCC" style="color: #CCCCCC">Cinzento Claro</option>
                      <option value="#666666" style="color: #666666">Cinzento Escuro</option>
                    </select></td>
                </tr>
                <tr>
                  <td height="5"></td>
                </tr>
                <tr>
                  <td><input name="bbbtn8" type="button" id="bbbtn8" value="URL" style="width: 40px;" onmouseover="bbhint('Url')" onclick="addbbcode(8)" />
                    <input name="bbbtn9" type="button" id="bbbtn9" value="LINK" style="width: 40px;" onmouseover="bbhint('Link')" onclick="addbbcode(9)" />
				<input name="bbbtn14" type="button" id="bbbtn14" value="DOWNLOAD" style="width: 80px;" onmouseover="bbhint('Download')" onclick="addbbcode(14)" />
                    <input name="bbbtn10" type="button" id="bbbtn10" value="IMG" style="width: 40px;" onmouseover="bbhint('Image')" onclick="addbbcode(10)" />
                    <input name="bbbtn11" type="button" id="bbbtn11" value="@" style="width: 40px;" onmouseover="bbhint('Email')" onclick="addbbcode(11)" />
                    <input name="bbbtn12" type="button" id="bbbtn12" value="LISTA" style="width: 45px;" onmouseover="bbhint('List')" onclick="addbbcode(12)" />
                    <input name="bbbtn13" type="button" id="bbbtn13" value="LISTA ORDENADA" style="width: 110px;" onmouseover="bbhint('OList')" onclick="addbbcode(13)" /></td>
                </tr>
                <tr>
                  <td></td>
                </tr>
              </table></td>
          </tr>
        </table></td>
      <td> </td>
    </tr>
    <tr>
      <td height="15" valign="bottom"><strong>Dica:</strong> <span id="bbhint">Use o modo guiado para ser mais fácil inserir o BB Code.</span></td>
      <td> </td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
    </tr>
    <tr>
      <td align="center"><strong>{page.url}</strong></td>
      <td> </td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
    </tr>
    <tr>
      <td align="center"><textarea name="html" cols="120" rows="20" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);">{html.content}</textarea>
      </td>
      <td valign="bottom"><a href="javascript:return false();" onmouseover="return overlib('Está no modo de edição normal. Aqui apenas pode editar o código utilizando BB Code e não através da edição de HTML.<br /><br /><strong>Nota:</strong><br />Se algum código HTML for visível, isso significa que préviamente editou este ficheiro no modo avançado. Se o editar no modo normal, todo esse código HTML irá ser removido.', LEFT);" onmouseout="return nd();" ><img src="theme/img/help_icon.gif" alt="" width="16" height="16" border="0" class="helpicon" /></a></td>
    </tr>
    <tr>
        <td> </td>
      <td> </td>
    </tr>
    <tr>
      <td align="right"><table  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="20"><input name="keephtml" type="checkbox" value="true"></td>
          <td><strong>Não apagar o código HTML </strong></td>
        </tr>
      </table></td>
      <td><a href="javascript:return false();" onmouseover="return overlib('Por defeito, todo o código html encontrado no modo de edição normal será apagado. Se souber o que está a fazer e se sente à vontade a misturar html com BB Code e deseja que o html não seja apagado, coloque um visto nesta caixa.<br /><br /><strong><div style=\'text-align: center; color: #DD0000\'>Se não souber o que está a fazer, NÃO coloque um visto na caixa.</div></strong>', LEFT);" onmouseout="return nd();" ><img src="theme/img/help_icon.gif" alt="" width="16" height="16" border="0" class="helpicon" /></a></td>
    </tr>
    <tr>
      <td> </td>
      <td rowspan="2"> </td>
    </tr>
    <tr>
      <td align="center"><input type="submit" value="Editar" />
        <input type="button" value="Edição Avançada" onclick="parent.location='index.php?act=advanced&cat_id={cat.id}&page_id={page.id}'" /></td>
    </tr>
  </table>
</form>
<br />

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora