BB Code Enhancements - Highlight BBCode - Highlights text with a yellow box (BB Code)

This is a simple bbcode to highlight text with a yellow box. You can of course change the color to your needs.

This has been confirmed working in the latest releases of IE, FF, Chrome, Safari, and Opera.

Demo: here.

Add a new BBCode

Title: Highlight
BB Code Tag Name: hl
Replacement:

<span style="background-color:yellow;color:black;">{param}</span>

OR
Replacement:

<span class="highlight">{param}</span>

(Thanks to Boofo who pointed this out, you may want to use the second option if you have a custom skin, it may look better. Best to try both and see which you prefer.)
Example: [hl]This is a highlight test[/hl]
Description: This highlights selected text.
Use Option: No
Button Image: (optional)

Remove Tag If Empty: Yes
All Disable Options: No

The above implementation fixes the color of the highlight at yellow and the text black for easy use. If you prefer you may also install it with a variable highlight color. If you prefer to have the user choose the highlight color then instead add the following:

Title: Highlight
BB Code Tag Name: hl
Replacement:

<span style="background-color:{option};color:black;">{param}</span>

Example: [hl="cyan"]This is a highlight test[/hl]
Description: This highlights selected text.
Use Option: Yes
Button Image: (optional)

Remove Tag If Empty: Yes
All Disable Options: No

You can use standard color names in the option such as red, blue, green, yellow, etc...
You can also use hex color codes preceded by the # sign for exact colors, such as #0000FF
Click here for common hex color codes.

Please mark as installed if you use this.

Check My Profile for other BB Code enhancements. They work on all versions.

Screenshot:

[Trangalleiro]

Hello

Thanks BirdOPrey5 for the MOD, installed and working perfectly in 4.1.7, as always.

Sorry for my English.

Greetings, Luis.

[Mr_Running]

Right now it highlights the bottom word.
It would be a nice improvement if it change with the increase font size and not just highlight the bottom of the word.

If the font size is increased.
How to get all of the entire word highlighted? <-- top to bottom

[pantani]

Works well on 4.1.8 thanks

[BirdOPrey5]

Originally Posted by Mr_Running

Right now it highlights the bottom word.
It would be a nice improvement if it change with the increase font size and not just highlight the bottom of the word.

If the font size is increased.
How to get all of the entire word highlighted? <-- top to bottom

Maybe you have a custom style? Link to your site? For most people it highlights the whole word.

[Mr_Running]

Upgrading shortly to 4.1.9

@BirdOPrey5 If it's still an issue may I send you the url by PM?

I hope your feeling better


Edit: Done the upgrade to 4.1.9 and the issue remains.

[Mr_Running]

Originally Posted by BirdOPrey5

For most people it highlights the whole word.

It's really noticeable with a font of 5, 6, 7

[BirdOPrey5]

You need to put the [hl] tags INSIDE the Size tags...

wrong:

PHP Code:

[hl][SIZE=6]This is BIG highlighted text.[/SIZE][/hl] 


right:

PHP Code:

[SIZE=6][hl]This is BIG highlighted text 2.[/hl][/SIZE] 


Example of the difference: http://www.qapla.com/mods/showthread...?p=283#post283

[cstreater]

Has anyone noticed that highlight is a built in BBCode in 4.x, but for some reason they didn't include a button for it?

Code is [highlight]

[Trevor Matthews]

Well spotted, I wonder why that isn't a button?
Thanks for the info.

[Snowhog]

Just too cool. Another fine mini-MOD. BoP5 rocks!! Added to our BBCodes. And, this is so much better than the 'hidden' [hightlight] BBCode in 4.x