Darren's Outpost - Weblog entry# 114

*NOTE* This page is NOT the actual weblog entry. The purpose for this page is to provide extra background information on how this particular entry is constructed, by using custom markups and tags. To read the actual content of this entry, please go to here.

The Raw Structure:

Today is a public holiday, the Queen's birthday. Spent most of yesterday and today's time to update my site. I added a [i][ table ][/i] tag to my bbcode parser. This table tag is inspired by the table syntax used in Wiki. Wiki called it as [i]'pipe syntax'[/i]. See below :

[code]
[ table]
{| class="weblogtable" style="margin: 1em auto 1em auto;"
|+ The table's caption
! Column heading 1 !! Column heading 2 !! Column heading 3
|-
! Row heading 1
| Cell 2 || style="font-size: 20px;" | Cell 3
|- style="color:#ff0000;"
! Row heading A
| Cell B
| Cell C
|}
[/table]
[/code]

Will give you this result:
[box]
[table]
{| class="weblogtable" style="margin: 1em auto 1em auto;"
|+ The table's caption
! Column heading 1 !! Column heading 2 !! Column heading 3
|-
! Row heading 1
| Cell 2 || style="font-size: 20px;" | Cell 3
|- style="color:#ff0000;"
! Row heading A
| Cell B
| Cell C
|}
[/table]
[/box]

Added encoding checking in blog content. It will display a icon telling whether the content is pure Ascii, UTF-8 wellformed or just a malformed UTF-8 (might be other type of encoding). I also made a feature that allows public to see the raw structure of a blog entry. It will dump out what it's originally looks like before rendering is took place. Search the top-right of every blog entries for the icons.

Live Rendering:

Monday June 12, 2006

Site updates on long weekend - 7:38 pm
New [table] tag
Site Issue , Site Updates - DaRen

Today is a public holiday, the Queen's birthday. Spent most of yesterday and today's time to update my site. I added a [ table ] tag to my bbcode parser. This table tag is inspired by the table syntax used in Wiki. Wiki called it as 'pipe syntax'. See below :

[ Hide ]

[ Highlight ] [ Text ]

[ table]
{| class="weblogtable" style="margin: 1em auto 1em auto;"
|+ The table's caption
! Column heading 1 !! Column heading 2 !! Column heading 3
|-
! Row heading 1
| Cell 2 || style="font-size: 20px;" | Cell 3
|- style="color:#ff0000;"
! Row heading A
| Cell B
| Cell C
|}
[/table]

Will give you this result:

The table's caption
Column heading 1	Column heading 2	Column heading 3
Row heading 1	Cell 2	Cell 3
Row heading A	Cell B	Cell C

This is quite different from the existing tags. It's sort of half tag half markup style. Everything is enclosed inside the table tag, however the syntax is more to structured markup style. Line break is important, every line must start with a valid syntax. The syntax is almost 95% the same as Wiki has. Nested tables are allowed inside a table cell. Check out Wiki - Help:Table. To see the how I used the table tag, visit here and also here.

Added encoding checking in blog content. It will display a icon telling whether the content is pure Ascii, UTF-8 wellformed or just a malformed UTF-8 (might be other type of encoding). I also made a feature that allows public to see the raw structure of a blog entry. It will dump out what it's originally looks like before rendering is took place. Search the top-right of every blog entries for the icons.

Permalink:Short |

( 0 comment ) | # 114 |