[nodebb-plugin-magic-button] Magic Button

brazzerstop

Magic Button

This plugin adds a five button with feature: spoiler, blurred text, colorful text, resize images, table.

magic-button-preview

GitHub: https://github.com/ferumdev/nodebb-plugin-magic-button

Installation

npm install ferumdev/nodebb-plugin-magic-button

Deactivate
./nodebb reset -p nodebb-plugin-magic-button

Uninstall
npm uninstall nodebb-plugin-magic-button

brazzerstop

New Release: 1.0.3

Fix

blurred text was not work if text haved two or more blur words in one line
added new syntax for blur text, old syntax =text= new syntax [blur]text[/blur]

Feat

Colorful text
Image resize

brazzerstop

New Release: 1.0.4

Feat

New syntax for create a custom buttons

[btn=URL=ICON]TITLE[/btn]

[btn=https://example.com=fa-solid fa-star]Download[/btn]

Custom Buttons.png

All custom buttons have a name class (button title), so you can set custom style, for example:

/* style for Download btn */

a[name="Download"] {
    border-radius: 1rem;
    background-color: #373737;
    color: white;
    padding: 1rem;
    font-size: 1.20rem;
    border: 2px solid #6c757d !important;
}

/* color icon */

a[name="Download"] > i {
    color: red !important;
}

dave1904

Very useful plugin, thanks.

I've noticed that spoiler text is not hidden in recent cards plugin, which makes it a bit useless when users already read the hidden text before entering the topic. Any ideas how it could be hidden?

brazzerstop

@dave1904 Hi! Category pages and Recent Card plugin use {topics.teaser.content} to show content, on api teaser data with spoiler look like this:

"teaser":{
"pid":123,
"uid":10,
"timestamp":1700284682564,
"tid":119,
"content":"<p><i class=\"fa fa-caret-right spoiler-button\"></i> MY SPOILER </p> TEST <p></p>",

Magic button plugin parse content only in post, so I need a time to understand how I can change a teaser content...

dave1904

@brazzerstop Hi Thanks for your response. I think as long as teaser content is not parsed as post content there won't be a big chance. It's smiliar with images being shown as "50012345324-b88c-fe1233-343242fe.png". So maybe more related to recent cards plugin than to magic button plugin