Discourse Coloured Text

[merefield (Robert)]

“BBCode-lite” without the need to install a plugin …

Adds a simple control (palette icon) to the Composer to facilitate colouring of the foreground and background of text

• Select a word or text
• Hit the palette control
• It will be wrapped like so: [wrap=color color=# bgcolor=#]word[/wrap]
• Replace the #s with html-compatible colour names, e.g. “red”, “grey” … experiment.

NB Same caveats apply as to BBCode: can be used to hide text.

Credits

• Uses @j.jaffeux’s Generic bbcode wrapper for theme components
• Co-authored by @Johani who added yet more (original discussion here: BBcode color tags in a theme - #2 by merefield)

	https://github.com/merefield/discourse-tc-coloured-text	GitHub - merefield/discourse-tc-coloured-text: A simple Theme Component alternative to the BBCode colouring plugin
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

[rahim123]

Thanks a ton for this useful little component.
It doesn’t seem to be applying the composer.color_ui_button_title properly, both when left at the default or when customized:

[kainos]

Hello there. I don t have color text button like on this foto. Here I don t see too.

[Moin]

This theme-component is not installed here. That is why the button does not appear.
Did you add it to your site?

@merefield

	https://github.com/merefield/discourse-tc-coloured-text	GitHub - merefield/discourse-tc-coloured-text: A simple Theme Component alternative to the BBCode colouring plugin
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

[kainos]

If I knew how to add a plugin it would be good.

[merefield (Robert)]

I’ve fixed this.

[Moin]

There is a guide how to Install a theme or theme component
All the information is part of the table in the first post

[rahim123]

@merefield

I’ve fixed this.

Thanks very much!

[Frully]

Excellent component!

Bug report: If I click the palette button with no text selected, it inserts the translation descriptor instead of the ‘default text’:

[en_GB.composer.color_ui_default_text]
isn’t found in the site text customization menu, and isn’t on the component settings page.

[Canapin (Coin-coin le Canapin)]

Clicking the palette icon without having text selected output this:

[wrap=color color=# bgcolor=#][en.composer.color_ui_default_text][/wrap]

Is this a missing string?

[merefield (Robert)]

that’s a nasty issue, fixed:

FIX: odd behaviour without selecting text, add default colours

thanks for the reports @Frully @Canapin

I’ve added settings for default colours.

[Canapin (Coin-coin le Canapin)]

I didn’t even read the last message

[nathank (Nathan Kershaw)]

Awesome work @merefield! This has been a sorely missing feature - until now!

I wonder if this could be combined with this TC to have a single super-awesome BBCode TC:

MD Composer extras

This theme component adds few formatting options in the composer : underline, align center, align right, justify and strikethrough. You can customize the text of each button in the settings, making it compatible with every languages. Exist in rtl version (change align right to align left).