Big Beautiful BBcode
Last updated: August 15, 2019
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: [tooltip], [spoiler], [accordion] (aka fancier spoiler), [chat] (chat transcript), [audio], [action] (old-school asterisk and text combo used in chatrooms), [animal] (just for fun - a few CSS-only animal graphics), [pop] (popup)
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 basically extends the core bbcode extension.
composer require zerosonesfun/bbbbcode
composer update zerosonesfun/bbbbcode
2) Deactivate and reactivate the extension in your admin. This may not do much, but it sometimes seems to help.
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]
[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)
Result (as of 1.1 this looks a little different - I'll take a new screenshot at some point):
[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]
(If you are on a small screen right now, it may be hard to see - but you are looking at asterisks spinning on either side of the action. It's a fresh new take on the old school chat / forum action asterisk format.)
(Currently there are three animals available: ducky, monkey, and squirrel)
[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.)
[audio mp3="song.mp3" ogg="song.ogg"]
Result would be the browser's default audio player. I'm not including a screenshot of this particular bbcode since each browser is different. Also, I'm the author of the Soundmanager 2 audio extension. That extension is not compatible with the audio bbcode in this extension. So, you have a decision to make. Use this extension and have default browser audio players which sometimes look cool and have nice features like volume control and a download menu. Or, use my Soundmanager 2 extension which is compatible with more audio types, and will look the same in different browsers. But the player is simply a button basically. No controls.