zerosonesfun/bbbbcode

Big Beautiful BBCode (Installs multiple BBCode extensions.)

Installs: 939

Dependents: 0

Suggesters: 0

Security: 0

Stars: 5

Watchers: 0

Forks: 6

Open Issues: 0

Type:flarum-extension


README

Big Beautiful BBCode

A Flarum extension which adds additional BBCode. It installs multiple separate BBCode extensions so that you have the power to enable just what you need. Keep this extension (bbbbcode) enabled if you want HTML table, horizontal line, float, and possibly in the future, other BBCode. All BBCode is lightweight; most are HTML and CSS only.

Install

composer require zerosonesfun/bbbbcode

The above command will install all of the following. Then, simply activate what you want. Or, you could instead just install one or two of the following if that's all you want.

composer require zerosonesfun/spoiler

composer require zerosonesfun/blur

composer require zerosonesfun/tooltip

composer require zerosonesfun/accordion

composer require zerosonesfun/chat

composer require zerosonesfun/pop

composer require zerosonesfun/action

composer require zerosonesfun/font

composer require zerosonesfun/flarum-bbcode-audio

Update

  1. composer update zerosonesfun/bbbbcode

  2. Deactivate and reactivate the extension in your admin.

  3. Go to your dashboard, click tools, click clear cache.

  4. Clear your browser cache, and any other caches like Cloudflare, if applicable.

Uninstall

composer remove zerosonesfun/bbbbcode

Usage

The following BBCode are available:

Tooltip:

[tooltip="your tip here" placement="right"]word[/tooltip]

(for "placement" you may use: top, bottom, left, right)

Spoiler:

[spoiler="The text you click on"]The hidden text goes here.[/spoiler]

Blurred Hover Spoiler:

[blur]This is the blurred secret.[/blur]

(hover/press for 4 seconds to reveal)

Accordion:

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

[chat-a="Why did the chicken cross the road?" who="Me"]
[chat-b="It was hungry?" who="Mary"]
[chat-a="No! Wrong!" who="Me"]
[space][/space]

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

Quick font colors:

[red]This will be red.[/red]

(colors included: red, orange, yellow, green, blue, purple)

Highlighter:

[hl]This text will be highlighted.[/hl]

(That's a "L" not a one; it's hl for highlight.)

Audio:

[audio mp3="song.mp3" ogg="song.ogg"]
[audio mp3="song.mp3"]
[audio ogg="song.ogg"]
[audio m4a="song.m4a"]
[audio wav="song.wav"]
[audio flac="song.flac"]
[audio webm="song.webm"]
[audio mp3="song.mp3" width="50"]

(You may put a mp3 and ogg file together for maximum browser compatibility, or just post a mp3, ogg, wav, flac, webm or m4a file alone. Also, as the last example shows, you may modify the width. The width will become a percentage and by default, if you choose not to declare a width, the player will be 100% width.)

Action:

[action]Walks into a wall[/action]

Popup:

[pop button="Click Here" title="Hello" content="Thank you for being a friend."]

KBD:

Please type [kbd]Y[/kbd] for yes.

Also included:

[background], [font], [hr], and HTML table BBCodes. Finally, Flarum already comes with a core BBCode extension which adds other standard BBCodes such as bold, strikethrough, image, link, etc.