Editando apunte: Este diario: BBCodes en comentarios

Editando apunte: Este diario: BBCodes en comentarios cerrar apuntes

ID: 39 (tabla: apuntes) Título:
Fecha: [poner fecha actual ]
Categorías: Así se hizo, Vicisitudes de un Webmaster, Programación
Etiquetas: autor, bitácora, blog, diario, diseño, links, php, webmaster
Extras: autor, bitácora, blog, diario, diseño, links, php, webmaster
apunte: - - - - - - - -

<img src="diario.jocker.php?extra=escalar&url=diario/dibujos/web.gif&max=50" style="float: left; padding: 1em; border: 5px ridge grey; margin: 0 1em .5em 0" alt="insertar foto" />
	[rss]Los comentarios a los apuntes eran demasiado básicos así que hemos decidido enriquecerlos algo con unas pocas variantes[/rss]: negritas, cursivas y subrayados con respecto al <a href="http://es.wikipedia.org/wiki/Texto">texto</a>, a la vez que permitimos la inserción de <a href="http://es.wikipedia.org/wiki/Im%C3%A1genes">imágenes</a> y <a href="http://es.wikipedia.org/wiki/Hiperenlace">enlaces</a>.


	También hemos modificado los párrafos para que se lean con el típico formato de párrafos del idioma (sangrando la primera línea y sin separación ente párrafos), distinguiendolos del odioso formato típico anglosajón, que lamentablemente está siendo adoptado por no programar las pocas líneas necesarias para el caso.


	<img src="diario.jocker.php?extra=escalar&url=diario/dibujos/foto.gif&max=50" style="float: right; padding: 1em; border: 5px ridge grey; margin: 0 .5em 1em .5em" alt="insertar foto" />
	Sobre las imágenes, debemos especificar su ubicación en Internet, y no importa que se encuentren en otro dominio; claro está que nos reservamos el derecho de mostrarlas para evitar mal intencionados (al igual que podemos borrar el comentario directamente, evitando entre otras cosas el <a href="http://es.wikipedia.org/wiki/Spam">spam</a>).


	Hemos comentado que se trata de pocas líneas de código, y en concreto son las siguientes:

<pre class="codigo">$bbcodigos = array(
	"/[n](.*?)[/n]/",
	"/[c](.*?)[/c]/",
	"/[s](.*?)[/s]/",
	"/[url=(.*?)](.*?)[/url]/",
	"/[img](.*?)[/img]/",
	"/\r/",
	"/\n\n+/",
	"/\n/"
);	
$bbreemplazos = array(
	"$1",
	"$1",
	"$1",
	"<a href="$1">$2</a>",
	"<img src="$1" alt="imagen insertada" />",
	"",
	" ",
	""
);

// y se aplica...
$mensaje = preg_replace($bbcodigos, $bbreemplazos, $mensaje);</pre>

Los últimos dos códigos son los referentes a los párrafos "a la española", donde en vez de insertar un salto de línea, se cierra el párrafo abierto y se inicia uno nuevo. Los estilos usados en los párrafos son:

<pre class="codigo">p	{
	text-indent: 3em;
	margin: 0 1em;
}</pre>

	Creo que no es necesario comentar el sistema de enriquecimiento de texto, ya que es el mismo en todos los sitios que se implementan.

<h3 class="subtitulo">
	¿Y los emoticones?
</h3>

	Por ahora solo hemos añadido un emoticón básico ";-)", pero al tratarse de imágenes, solo basta con insertar la dirección del que se desee añadir, con el botón de inserción de imágenes.

Controles Otras tablas: imagenes, postales, categorias, etiquetas, extras - - (popup ) - que

Seleccionar nuevo apunte

categoria Nombre:
Controles Otras tablas: apuntes, imagenes, postales, etiquetas extras - - Seleccionar: categoria
Descripción: - - - - - - - -	Apuntes

extra Nombre:
Controles Otras tablas: apuntes, imagenes, postales, categorias etiquetas - - Seleccionar: extra
Descripción: - - - - - - - -	Apuntes

etiqueta Nombre:
Controles Otras tablas: apuntes, imagenes, postales, categorias extras - - Seleccionar: etiqueta
Descripción: - - - - - - - -	Apuntes

Editor del diario

Zona de comentarios

Evaluación