Big Beautiful BBcodes

010101

Johnshi That’s not a valid audio URL. It would need to end in .mp3, .wav, etc.

Johnshi

010101 oh！that is great！TK

Littlegolden

Does anyone knows how to add custom BBCode to flarum?

I try to put the <script> below to the custom head and css to the custom css. The css works, but <script> doesn't work.

I flipped through the "extend.php" in several flarum bbcode plugin's github, I only understand that this page maybe is the key to import the converted code into the flarum js file, the other content is too difficult, I don’t understand How/ What / was making these convert code into Which flarum js file.....

<script>
function setupSpoiler() {
    var postBody = $('#content');
    if(postBody.length !== 0)
        postBody.html(postBody.html().replace(/\[steam_spoiler\]/g, '<span class="steam_spoiler">').replace(/\[\/steam_spoiler\]/g, '</span>'));
}
</script>

.steam_spoiler {
  color: #000000;
  background-color: #000000;
  padding: 0px 8px;
}

.steam_spoiler:hover {
  color: #FFF;
}

clarkwinkelmann

Littlegolden

When you register a simple bbcode via extend.php, the required javascript code is automatically added to Flarum javascript. For example my comic sans MS extension doesn't have any javascript at all.

If you have a more complex bbcode that requires javascript to be previewed or operated, like Mentions for example, you'll need to go deeper into the TextFormatter settings. There are methods in PHP to register the name of the javascript functions that must run when the bbcode is being prepared for preview.

But it doesn't look like you need javascript for the bbcode you have in your code above. Doesn't it work with just $config->BBcodes->addCustom() on the PHP side ?

Littlegolden

clarkwinkelmann It works!! Thank you sooooo much!

010101

Now you can install many of the BBCodes which come with Big Beautiful BBCodes (bbbbcode) as separate extensions. Pick and choose the ones you want! Here are all of the install commands:

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

Most are self explanatory and they mirror the BBCodes in the all-in-one bbbbcode extension. You can view the first post of this thread for examples. Most also only include one BBCode each, with the exception of "chat" and "font." Chat includes the chat codes but also a "space" code (which is also explained in the first post of this thread). And, "font" includes the quick font colors, highlight, keyboard, background, and the actual font BBCodes all in one.

Lastly, you still have to somewhat know what you're doing and understand how Flarum BBCode extensions work, but, now if you want you can quickly use my flarum-bbcode-template github repository as a template. Just click the green "use this template" button on the repository's page.

Enjoy!

jordanjay29

010101 If you're really ambitious, you could have BBBBCode pull all the separate extensions when installed (via require in composer.json), so you'd only have one place to maintain the code for each BBCode. More food for thought. 😉

010101

jordanjay29 Well, that would be smarter now wouldn't it? So, all I would need to do is something like this?

"require": {
    "zerosonesfun/spoiler": "^1.0",
    "zerosonesfun/blur": "^1.0",
    "zerosonesfun/tooltip": "^1.0"
}

Also, does this mean that "BBBBCode" could just be a composer.json file? It wouldn't need extend.php or anything else right? It would become nothing more than a shortcut to install all of the separate extensions?

jordanjay29

010101 Yes, essentially. Unless you wanted something unique in the BBBBCodes extension, it could be as simple as possible then.

010101

Version 3.0 Released!

BBBBCode has exploded! 💥

Most BBCode are now their own extension.
Installing the main bbbbcode extension will automatically install all of the separate extensions. (thanks for the tip @jordanjay29 )
Or, install only the ones you want.
If you're not sure which ones you want, install the main bbbbcode extension because you can simply only activate the ones you will use.
If updating from an old version you may run into odd cache issues. Empty any caches you can think of (not just browser) plus deactivate and reactivate any BBCode extensions.
New BBCode added if you keep the main BBBBCode extension active. This one will really blow your mind! 🤯 It's another way to do a horizontal line. [hr] Told you. Mind blown. 😆

Geraldlzc

010101 hi, can I align the text right and both ends？

010101

Geraldlzc

Test

[ALIGN=right]right[/ALIGN]

I didn’t think so but wanted to test this. Looks like the align BBCode isn’t currently enabled.

010101

Version 3.2 Released!

Added [align=left, right, or justify]text[/align] to Font extension
Added [left], [right], [justify] to Font extension
Added [float] to main bbbbcode extension

If you’re just tuning in, the previous release a few days ago blew bbbbcode up into separate extensions. You may install bbbbcode and then all of the separate extensions will also be installed. Activate what you want. Or, as an example, if you just want these alignment BBCodes, you could install the font extension only. See first post for instructions.

Geraldlzc

010101 Thank you very much for your answer

[deleted]

010101 The popup does not seem to like the Link decisions extension.

[deleted]

Oh, everything seems to work fine after reloading the page. Weird.

Edit: Above still doesn't work with Link Decisions.

010101

[deleted] Thanks! I noticed this which is another reason I decided to make all of the extra BBCodes separate extensions. This way, if you really like using Link Decisions, you can deactivate just this one pop up BBCode since as you saw, it is not compatible.

I’ll try to think of a way to make them compatible with each other.

This happens because Link Decisions gets activated on any standard link inside a post (any <a></a>), and the pop up BBCode’s button is technically a link, not a real button.

I will either need to find a way to make Link Decisions ignore this one particular type of link, or I could completely rewrite the pop up BBCode.

010101

[deleted] FYI - If you are still using Link Decisions and you update to the latest version (latest version of Link Decisions - you don't need to update the BBCode), the conflict with the Pop Up BBCode is now fixed.

[deleted]

010101 Ah okay I understand. I just disabled the BBcode. Is it normal that i can't close Accordions?

010101

[deleted] Yes. The previous accordion closes as you click the next one (if you have multiple) but it won’t close on click.

But, that’s also on my to do list one day to re-do the accordion since a lot of people ask that same question.

010101

[deleted]

Version 3.3 Released!

Includes new Accordion version 2.0

Accordion has been updated so that when you click a 2nd time on a row's header, that row closes.
-- But please note: The previous rows will no longer close automatically as you click the next row (like it did before). I can only do one style or the other at this time. Since most people seem to prefer the style where they can click again to manually close, I went with that.

To update:

composer clearcache
composer update zerosonesfun/bbbbcode
purge all caches (including cloudflare if you use it)
deactivate and reactivate just the Accordion BBCode

Alternative update (updating the accordion BBCode only) :

composer clearcache
composer update zerosonesfun/accordion
purge all caches (including cloudflare if you use it)
deactivate and reactivate just the Accordion BBCode

First time installing? Then just do this:
composer require zerosonesfun/bbbbcode (installs all BBCode listed in first post)

composer require zerosonesfun/accordion (if all you want is the accordion BBCode)

To-do in the future:

~~Re-do Pop Up BBCode so that it is compatible with my "Link Decisions" extension.~~ Done.

« Previous Page Next Page »