Some New BBCode Capabilities

Posted by Kim on January 22, 2020, 9:00am

During the update to 2.0, RPR's BBCode processor gained a few new minor abilities. This could easily fly under everyone's radar, so I thought it was worth calling them out for you in today's feature spotlight.

Before we dive in, if you're not sure what BBCode is, here's a brief primer:

BB stands for "Bulletin Board". It has two benefits:

It is safer than HTML, and helps to prevent malicious users from destroying pages (or your computer!) by disallowing certain HTML tags that can be damaging, and
It is simpler than HTML, so even people who don't know anything about making websites can still have some control over the look and feel of their text.

Most BBCode consists of an opening tag and a closing tag, with the text you want to format going in between. If your BBCode isn't working, be sure to check that you've remembered to close your tags. Need to know more? Check out this BBCode Help Article

Highlight

The first new capability is a whole new tag! You can now use the highlight tag to add a background color to lines of text. It works like this:

Code:

[highlight=yellow]This text is highlighted yellow.[/highlight]
[highlight=#7A95FF]This text is highlighted periwinkle.[/highlight]

Comes out to:

This text is highlighted yellow.
This text is highlighted periwinkle.

As you can see, the highlight tag will accept a color name, or a HEX code for color selection.

Spoiler Tags are Clickable

Previously, the only way to reveal what was hidden behind a spoiler tag was to highlight it with your mouse. For some mobile users, this worked only occasionally if at all.

But now you can click or tap on a spoiler tag in order to reveal the text inside!

Code:

[spoiler]I'm hidden unless someone highlights me with their mouse, or until someone clicks or taps on me.[/spoiler]

I'm hidden unless someone highlights me with their mouse, or until someone clicks or taps on me.

Styling Collapse Tags

Collapse tags have gotten a few fun new goodies! You can now control the color and size of your collapse tag anchor.

Code:

[collapse name="Click on me to reveal more information!" color=red size=5]You can put secret or extra information you don't want cluttering your page inside here. It will be revealed when someone clicks on the title.[/collapse]

Click on me to reveal more information!

You can put secret or extra information you don't want cluttering your page inside here. It will be revealed when someone clicks on the title.

Use Size 0-7. Color will accept either an HTML color name, or a HEX code.

In order to make use of the new properties, you need to write collapse tags out with name=

This will not work:

collapse=Here is the collapse title

Instead, write it like this: collapse name="Here is the collapse title"

Don't forget the quotes!

For more info about the site's various BBCode capabilities, check out the BBCode Help Article

Post tags: Feature Explanations

Next: Feature Spotlight: Reverting to Older Versions of Widgets » « Previous: Feature Spotlight: Rows and Columns