Hola
He podido crear los bbcodes para crear tablas reales en HTML aplicando estilos CSS, pero aún estoy trabajando en la creación de los botones necesarios dentro del editor de texto.
Para crear una tabla, primero hay que colocar la etiqueta [ table=N ] donde N es el porcentaje de anchura relativa al ancho total del post.
De forma anidada, hay que crear filas y dentro de las filas, la cabecera y los datos. Si no se respeta ese orden, probablemente saldrá un churro ininteligible, por lo que hay que fijarse en el código que he puesto a continuación de los ejemplos.
En resumen:
Código:
[table] ... [/table] - la tabla contenedora al 100% de anchura
[tr] ... [/tr] una fila que debe contener celdas, normales o de cabecera
[th] ... [/th] una celda de cabecera, siempre tiene que ir dentro de una fila, tantas como se necesiten
[td] ... [/td] una celda de datos, siempre tiene que ir dentro de una fila, tantas como se necesiten
Espero que sea de utilidad. En cuanto tenga los botones listos avisaré por este mismo post.
Tabla 1 (100% ancho)
Lenguaje |
Tipo |
Ranking |
Python |
Alto nivel, interpretado |
#1 |
Java |
Alto nivel, interpretado |
#2 |
Javascript |
Alto nivel, interpretado |
#3 |
Tabla 2 (70% ancho)
Lenguaje |
Tipo |
Ranking |
Python |
Alto nivel, interpretado |
#1 |
Java |
Alto nivel, interpretado |
#2 |
Javascript |
Alto nivel, interpretado |
#3 |
Código:
[b]Tabla 1[/b]
[table=100]
[tr]
[th]Lenguaje[/th]
[th]Tipo[/th]
[th]Ranking[/th]
[/tr]
[tr]
[td]Python[/td]
[td]Alto nivel, interpretado[/td]
[td]#1[/td]
[/tr]
[tr]
[td]Java[/td]
[td]Alto nivel, interpretado[/td]
[td]#2[/td]
[/tr]
[tr]
[td]Javascript[/td]
[td]Alto nivel, interpretado[/td]
[td]#3[/td]
[/tr]
[/table]
[b]Tabla 2[/b]
[table=70]
[tr]
[th]Lenguaje[/th]
[th]Tipo[/th]
[th]Ranking[/th]
[/tr]
[tr]
[td]Python[/td]
[td]Alto nivel, interpretado[/td]
[td]#1[/td]
[/tr]
[tr]
[td]Java[/td]
[td]Alto nivel, interpretado[/td]
[td]#2[/td]
[/tr]
[tr]
[td]Javascript[/td]
[td]Alto nivel, interpretado[/td]
[td]#3[/td]
[/tr]
[/table]