XF 2.1 Adding custom header BB code to text editor

[clarknovak]

Hi everyone, n00b here (actually ex-vBulletin convert!), so be gentle

I want to add a BBCode button command to my forum's text editor box that will roll up this bit of code:

<p style="color: #54acd2; font-size: 26px;"><strong></strong></p>

and apply it to selected text. It's for header text in posted tutorials.

I'm struggling with getting this added using the Custom BBCode editor, and then adding a button to the toolbar is way out in left field. Would someone kindly point me in the right direction?

Clark

 

[djbaxter]

For the custom BBCode, something like this should work:



For the toolbar icon, scroll down the same page a bit more to this part:



I use this addon to modify or rearrange the editor toolbar icons:

Editor & BB Code Manager

katsulynx submitted a new resource: [KL] Editor Manager - Customize Your WYSIWYG-Editor & BbCodes. [KL] Editor Manager Description Fully customize your XenForo Froala instance. Change your toolbar layout, enable and disable BB Codes, make use of the new table and background-color BB Codes...

xenforo.com

 

[clarknovak]

Thank you sir! I shall give it a go!

 

[clarknovak]

Finally got round to implementing this - only change I needed to make was to replace {option} in the code string with {text}, and then place the button in the toolbar using the button editor, and I was good to go. Thank you again.

 

[Mendalla]

Thanks to this thread, in particular @djbaxter's post, I just did my first custom bbcode.