[MOD] 'Add more BBCode options' (TTX v 2.24 and down)

[Sparky]

Right now the BBCode translator in TTX supports the following...

Bold
Italics
Underline
Code
Smaller Text
URL
Image


Here's how to add the following...

Bigger Text

Code:

[big] [/big]

Subscript Text

Code:

[sub] [/sub]

Superscript Text

Code:

[sup] [/sup]

In TTXMarkup.pm...

$buff =~ s/\[(\/?)(u|b|i|code|small|big|sub|sup)]/<$1$2>/gi;

and

$buff =~ s/\[(\/?)(u|b|i|code|small|big|sub|sup)]//gi;

Now the system will recognize and handle the new BBCodes.


Modify the BBCode editor in both newticket.html and ticket.html templates by adding these three new buttons.

Code:

<input alt="Bigger" title="Bigger" tabindex="-1" type=submit style="margin: 3px; font-size: small; width: 33px; height: 23px; font-weight: normal; text-decoration: none; font-family: Times, serif;" value=big onclick="markup('[big]', '[/big]', document.forms.newticket.problem); return false;">

<input alt="Subscript" title="Subscript" tabindex="-1" type=submit style="margin: 3px; font-size: small; width: 33px; height: 23px; font-weight: normal; text-decoration: none; font-family: Times, serif;" value=sub onclick="markup('[sub]', '[/sub]', document.forms.newticket.problem); return false;">

<input alt="Superscript" title="Superscript" tabindex="-1" type=submit style="margin: 3px; font-size: small; width: 33px; height: 23px; font-weight: normal; text-decoration: none; font-family: Times, serif;" value=sup onclick="markup('[sup]', '[/sup]', document.forms.newticket.problem); return false;">

Don't forget to modify your markuphelp.html template also.  (Currently it's also missing the help item for "small" text)


The possibilities are endless.  Anything that has a corresponding HTML tag is most easily added.

[Sparky]

The <big></big> and <small></small> tags are supposed to just add 1 and subtract 1 from the browser's current font size.  However, they might not be properly recognized in all browsers.

I strongly suggest you add these to your CSS list.

This is just an example:

small       { font-size: 9px;}
big         { font-size: 13px;}

[Sparky]

Add an email button to the editor...

Code:

<input alt="email" title="email" tabindex="-1" type=submit style="margin: 3px; font-size: small; width: 33px; height: 23px; font-weight: normal; font-family: Times, serif;" value="email" onclick="markup('[url mailto:name@example.com]', '[/url]', document.forms.newticket.problem); return false;">

It's just a modified hyperlink button so you don't need to change the module.

[Sparky]

How about a strikeout button...

Code:

<input alt="Strikeout" title="Strikeout" tabindex="-1" type=submit style="margin: 3px; font-size: small; width: 33px; height: 23px; font-weight: normal; text-decoration: line-through; font-family: Times, serif;" value=strike onclick="markup('[strike]', '[/strike]', document.forms.newticket.problem); return false;">

In TTXMarkup.pm...

$buff =~ s/\[(\/?)(u|b|i|code|small|strike)]/<$1$2>/gi;

$buff =~ s/\[(\/?)(u|b|i|code|small|strike)]//gi;