MonDiscourse/discourse-formatting-toolbar

discourse-formatting-toolbar

Add text formatting options on your post

Here is the toolbar in the composer and the result in your post when you use the plugin

How to install a plugin : a guide by @techAPJ
We have a floatl bbcode (and button) that allows you to add a content on the left of your text (like in the screen earlier). There is also a [floatr][/floatr] bbcode, that adds a content on the right. The bbcode has been created but I didn’t add a button, it doesn’t feel necessary.
If you want to change the space between the image on [floatl] or [floatr], you can go to the Customize section in your admin panels, create a new css page (in General) and add this and change the value in the margin part :

.floatl {
    float:left;
    margin-right:15px;
}

.floatr {
    float:right;
    margin-left:15px;
}

For the color bbcode, you can add a color code in the bbcode : [color=#FF3300]Text[/color] to have a red text. You can find color codes in multiple websites like this one : http://html-color-codes.info/
If you want to make more room in the toolbar you can delete the spacer between the categories of buttons by adding in a CSS stylesheet :

.d-editor-spacer {
    display: none;
}

And hide some button like the numbered list by adding :

button.ember-view.btn.no-text.list {
    display: none;
}

ZogStrip : for his Discourse BBcode plugin, which served as a base for this plugin.
eviltrout : for the upgrade of the Discourse BBcode plugin with a new engine (2016)
Sam Saffron : for the upgrade of the Discourse BBcode plugin with the new markdown-it engine (2017)
cpradio : for the help on the toolbar.