Imagens

Para inserir imagens, geralmente é usada a seguinte sintaxe:

1

[img]http://url_da_imagem.jpg[/img]

Nesse caso, usaremos o seguinte trecho para transformarmos o BBCode em HTML:

1
2
3

$str = '[img]http://www.inf.ufpr.br/rbc08/linux_user_id.png[/img]';
$str = preg_replace( "/\[img\](.*?)\[\/img\]/i", "<img src=\"$1\" alt=\"texto_alternativo\" />", $str );
echo $str;

A ER captura o conteúdo entre as tags [img] e [/img] e o insere no atributo src da tag img.

Links

Vamos assumir que o BBCode para link seja da seguinte forma:

[url=http://url_desejada]Texto que será exibido como link[/url]

Para essa situação, devemos casar duas string: a URL e o texto a ser exibido. Logo, usaremos o seguinte código:

1
2
3

$str = '[url=http://www.rberaldo.com.br]Blog do Beraldo[/url]';
$str = preg_replace( "/\[url=(.*?)\](.*?)\[\/url\]/i", "<a href=\"$1\" target=\"blank\">$2</a>", $str );
echo $str;

Adicionei o atributo target para evitar que o link seja exibido na mesma página. Você pode retirá-lo. Também pode adicionar outros atributos, como rel, a fim de definir a relação do link com sua página.

Texto colorido

Para colorir textos, usaremos o BBCode [color=cor_desejada][texto[/color].

1
2
3

$str = '[color=red]texto vermelho[/color]';
$str = preg_replace( "/\[color=(.*?)\](.*?)\[\/color\]/i", "<spen style=\"color: $1\">$2</span>", $str );
echo $str;

É possível usar nomes de cores, como green, red, blue, black etc, ou o código hexadecimal dela, no padrão #123456.

Vídeos do Youtube

O Youtube disponibiliza em sua página o código-fonte do vídeo exibido, a fim de permitir que você o insira em sua página. Logo, também podemos criar um BBCode para inserir vídeos, bastando inserir o código embed (incorporar) mostrado na página do Youtube, junto ao player do vídeo, como mostra a imagem abaixo:

O código para postagem é basicamente este:

<object width="425" height="344">
	<param name="movie" value="http://www.youtube.com/v/codigo_do_video"></param>
	<param name="allowFullScreen" value="true"></param>
	<param name="allowscriptaccess" value="always"></param>
	<embed src="http://www.youtube.com/v/codigo_do_video" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>

Logo, basta inserirmos o código do vídeo onde está a string “codigo_do_video”.

1
2
3
4
5
6
7
8
9
10
11
12

// string que será usada no reposicionamento
$replace = "
<object width=\"425\" height=\"344\">
	<param name=\"movie\" value=\"http://www.youtube.com/v/$1\"></param>
	<param name=\"allowFullScreen\" value=\"true\"></param>
	<param name=\"allowscriptaccess\" value=\"always\"></param>
	<embed src=\"http://www.youtube.com/v/$1\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"425\" height=\"344\"></embed>
</object>";
 
$str = '[youtube]http://www.youtube.com/watch?v=YaXLlyEm4kQ&feature=rec-HM-r2[/youtube]';
$str = preg_replace( "/\[youtube\].+?watch\?v=([^&]+).*?\[\/youtube\]/i", $replace, $str );
echo $str;

Criei a variável $replace para facilitar a visualização do código que será usado no replace. A ER desse exemplo é um pouco mais complexa, mas não é tão difícil de compreendê-la. “.+?” casa com “http://” até qualquer coisa antes de “watch”. “([^&]+)” pega o código do vídeo, que não pode contar o caractere “&”, que é o delimitador de variáveis da URL. Após o código do vídeo, pode ou não haver outras variáveis, por isso termina-se com “.*?”.

Lógica semelhante pode ser usada para Google Vídeos ou outros sites afins.

É possível criar BBCodes para diversas outras finalidades. Basta ter criatividade e conhecimento de ER’s, para saber montar as regras de reposicionamento.

Alguns links interessantes:
Guia sobre Expressões Regulares
Documentação da função preg_replace