alldataback Thank you for the suggestion and the CSS to go along with it.

Version 2.9.6 Released!

  • Added kbd tag. AKA HTML Keyboard tag. It is meant to tell the user that they need to type something with their keyboard.

Example:

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

This converts to the standard kbd HTML tag and so viewing the source you would see:

Please type <kbd>Y</kbd> for yes.

By default the HTML kbd tag is typically courier type font and that's it. Similar to the way the code tag makes text look. But, many add CSS to make it look like a keyboard button which is what was done here.

      16 days later

      010101 thank you for this great extension! One question. Is it possible to change default "read more" text in spoiler? I can't find anything.

          hrvoje_hr

          [spoiler="Text you click on"]What you will see after clicking.[/spoiler]

          The above is an example. Instead of read more you would see “text you click on” if you tried this exact example.

              010101 I know that, but I would like to change the default "read more" message if the title is not included.

                  18 days later

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

                      5 days later

                      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.....

                      GIF.gif

                      <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;
}

                        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 ?

                            4 days later

                            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!

                              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. 😉

                                  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?

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

                                        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

                                          Test

                                          [ALIGN=right]right[/ALIGN]

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