Skip to main content

Some New BBCode Capabilities

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

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 :)

Comments

AJ_89

January 27, 2020
8:43pm

SHARP INHALE AT COLLAPSE-TAG FUNCTIONALITY.

Shinyrainbowlithogra

January 23, 2020
9:41pm

Loving this! The highlights are a new jam, oh yeah! :D!

Demilicious

January 23, 2020
11:56am

Ah, this is phenomenal! Very excited to try these out. Thanks Kim!

Alecia

January 23, 2020
11:16am

Wooooo! :D As a mobile phone user, I really appreciate the spoiler thing!

Jane

January 23, 2020
4:25am

Wooohooo!

Somnom

January 22, 2020
2:03pm

Yessssssssssssssss!! All so goooood!!!

staticnightmares

January 22, 2020
9:12am

wOAh

Juls

January 22, 2020
9:06am

Whooooo! :)

Auberon

January 22, 2020
9:05am

I'm especially hype for the new collapse bbcode!