epochtalk-bbcode-parser v1.0.2

bbcode-parser

Epochtalk BBCode Parser built specifically for Bitcointalk's BBCode (SMF Based)

This is based on the work of:
Extendible BBCode Parser v1.0.0
By Patrick Gillespie (patorjk@gmail.com)
Website: http://patorjk.com/

This is a bbcode parser that has been specifically built to read and parse the BBCode tags that come from the bitcointalk forum. Their BBCode is based off of SMF BBCode but with some modifications. It has also been modified to be used as a node module rather than a browser based library. It has also been further modified so that styles can be properly parsed by AngularJS.

The parsed output is, for the most part, standard HTML with a few changes to allow the HTML to be properly parsed by AngularJS using the custom style-fix directive. Since all style attributes are stripped out by AngularJS, special 'bbcode-' prefixed classes have been added to all HTML tags that also have style attributes. These prefix classes are used as 'style hints' for the style-fix directive which turn the prefixed classes into an ng-style attribute.

Parsing example

[color=red]test[/color]

is parsed to:

<span class="bbcode-color-red" style="color:red">test</span>

which the style-fix directive parses into:

<span ng-style="{ 'color': 'red' }">test</span>

The final result being (after AngularJS compiles and parses this):

<span ng-style="{ 'color': 'red' }" style="color:red">test</span>

Special attention has been given to ensure that any input is properly escaped and sanitized by both the BBCode parser, then the style-fix directive, and finally by AngularJS (ng-style) itself before being shown to the user.

Attention to Time:

All time/date output has been modified so that the unix time is what is placed in the output. It has also been prefixed with 'ept-date=' so that the auto-date directive can find the time/date and display it as local time.

For Example:

[time]1234567900[/time]

is parsed to:

ept-date=1234567900

which the auto-date directive parses into:

January 14, 1970, 8:56:07 PM

Tags Not Supported:

Tags Supported:

1: Meant for urls that stay within the domain and thus will not open the link in another tab.
2: color and direction are required but blur is optional. {color} is treated the same way as in the color. {direction} can be represented as either 'left, right, top, bottom' or as a number. {blur} must be a number
3: {size} can be either an number followed by either px or pt. Or it can be one of the following: smaller, small, large, larger, x-large, x-larger
4: {time} can be either a number (milliseconds since epoch), or a datetime string that can be parsed by JavaScript's Date object.

Color Names supported for the above color based tags

List Types supported for the above list tag