Big Beautiful BBcode
Last updated: October 15, 2019 (Current version: 2.4 - Raphael)
Below you will find detailed instructions, but in short so that you have an idea of what bbcodes are included, here's the codes you get with this extension (this list also shows which require a closing bbcode tag and which do not):
- [pop] (popup)
- [red][/red] (also orange, yellow, green, blue, purple)
- [hl][/hl] (highlight)
- [space][/space] (sometimes you need an extra line break)
Also, remember, Flarum already has a core bbcode extension which is why this extension doesn't include any basics such as,
[b]bold[/b], or other basic codes. This extends the core bbcode extension.
composer require zerosonesfun/bbbbcode
composer update zerosonesfun/bbbbcode
2) Deactivate and reactivate the extension in your admin. This refreshes important files.
3) Go to your dashboard, click tools, click clear cache.
4) Clear your browser cache, and any other caches like Cloudflare, if applicable.
composer remove zerosonesfun/bbbbcode
The following BBcodes are available:
[tooltip="your tip here" placement="right"]word[/tooltip]
(for "placement" you may use: top, bottom, left, right)
[spoiler="Text you click on"]What you will see after clicking.[/spoiler]
(Hover over, or if on mobile tap, to reveal.)
[blur]This is what happens at the end of the movie.[/blur]
[accordion header="YOUR HEADER TEXT"]The text that is hidden at first but then appears goes here[/accordion]
[accordion header="YOUR NEXT HEADER TEXT"]The text that is hidden at first but then appears goes here[/accordion]
(repeat the accordion BBcode as many times as needed)
[chat-a="Why did the chicken cross the road?" who="Me"]
[chat-b="It was hungry?" who="Mary"]
[chat-a="No! Wrong!" who="Me"]
(repeat as many times as needed alternating chat-a and chat-b)
("space" BBcode at end of chat is optional - it adds some extra space)
[action]Walks into a wall[/action]
(Image enlarged to show spinning asterisks. It’s a new take on the old chat room action format.)
[pop button="Click Here" title="Hello" content="Thank you for being a friend."]
(By the way, the button you see here to close the popup... That's pretty much what the button looks like that you click on with your custom text to open the popup.)
Quick font colors & highlighter
New as of version 1.1.6 there are now quick font color codes and a highlight code. Yes, with the standard bbcode without this extension you can change font colors. But, these equal less keystrokes. So, it's a little faster to make a word red for example compared to the standard way.
[red]text here[/red]... other colors available: [orange], [yellow], [green], [blue], [purple]
[hl]highlight this text[/hl]
(That's a "L" not a 1. It's hl for highlight.)
[audio mp3="song.mp3" ogg="song.ogg"]
This audio BBcode is compatible with my SM2 audio extension. Feel free to use both! But, of course you would not want to use this plus my separate audio BBcode add-on if you know about that one. That would just add the audio BBcode code twice.
Need a different custom BBcode?
My website address is below and you’ll find a contact form on the “connect” page. Contact me and we can talk about the custom BBcode you need. It would not be free. Even creating a new BBcode takes time. But, depending on the complexity of the BBcode you need, it might be very cheap. 🙂