Formatting Tools

I added some formatting tools to the Comment Submission form. I need to change some of the images to better describe what they do. They should be mostly self-explanatory though. If you hover your mouse over the button, a little tooltip should appear, telling you what it does. If you click a button without selecting any text, you will simply see the appropriate tags (with sample text) inserted at the current location. If you select some text, and then click a button, the appropriate style is applied to the selected text.

The [dialogue]...[/dialogue] tags deserve special mention. I initially implemented them over a year ago. You can take a look at that journal entry to read the details, but I'll mention them here again eitherway. The tags are... how do I put it... sensitive. You start off a dialogue section with a [dialogue] tag. Then on each line, you enter a statement in the form of Speaker: Dialogue. There can only be one speaker per line. When you are done, you close the section with [/dialogue].

So for example:

[sourcecode]
[dialogue]
l33t hax0r: i am teh leet hax0r!!11!!ONE11!
n00b: oh noes!11!!
l33t hax0r: i w1ll hax0r j00!11ELEVEN11!
n00b: i am haxed!!1 i r suprise!!11
l33t hax0r: pwnz0red!11
[/dialogue]
[/sourcecode]

Will show up as:

l33t hax0r: i am teh leet hax0r!!11!!ONE11!
n00b: oh noes!11!!
l33t hax0r: i w1ll hax0r j00!11ELEVEN11!
n00b: i am haxed!!1 i r suprise!!11
l33t hax0r: pwnz0red!11

I hope that makes it clear. You can also click on the dialogue button to see a template for the dialogue section.

Oh yeah, the [code]...[/code] tags are different from the [codesnippet]...[/codesnippet] tags. The former is used for a line of code (or a small fragment) whereas the latter is used for a snippet of code (usually more than one line). You can see examples of their use earlier on in this post.