BB Code Enhancements - Advanced BB Codes Toolbar

Advanced BB Codes Toolbar
-Version 1.5b-

Created by C?dric Claerhout
for www.vBulletin-fr.org

Version history:


20 August 2009 : 1.5b version : bbcode parse pb fix

20 August 2009 : 1.5 version | MAJOR UPDATE
-Code has been fully rewritten
-Usergroup permissions to display toolbar
-Checking datas sent by user. If the width is incorrect or to high, a default with replace the value. See the options.
-Better integration for the path configuration of Latex script
-A few bugs have been corrected

IMPORTANT : YOU HAVE TO FULLY UNINSTALL 1.4 VERSION
If you don't, you will have to delete one by one bbcodes added by 1.4 version before to make work 1.5 version


5 August 2009 : 1.4 version | Tested with IE 8, FF, Opera, Chrome and Safari.
- New code management for "article, "encadre" and "encadrex" BB Codes. No need to edit CSS templates anymore. FIRST ENGLISH RELEASE.
-Special CSS for IE - autodetect.
-Special CSS styles with dark background - new settings in Product options
-Normal CSS in other cases.
Style sheets are in three external files that needed to be uploaded on your server.

5 August 2009 : 1.3 version | Update for vB 3.8 templates. Some BB Code have been modified to make them display well in the Nice and Wonderfull IE 8 (May be as good as IE 6 ^^).

8 September 2007 : 1.2 version | New Fieldset BB Code & Code Rewritten
6 September 2007 : 1.1 version | Phrased Product... and special translation system
4 septembre 2007 : 1.0 version

Presentation:
This product adds a new toolbar in the Editor with up to 13 new BB Codes. It gives your members a better opportunity to display their messages. Some of the BB Code might be familiar to you. I've used them for years and updated them to my needs. Some are home made BB Code. This product strength is its high simplicity to install and configure.

Quick tour of these incorporated BB Codes:

1. BIMG BB Code: Resize a big picture
2. BIMGX BB Code: Resize a big picture giving its width
   [Safety Default&Max Width System included]
3. IGAUCHE BB Code: Insert a picture in absolute position to the left of a text
4. IDROITE BB Code: Insert a picture in absolute position to the right of a text
5. IGAUCHEX BB Code: Insert a resized picture in absolute position to the left of a text (width in px)
   [SDMWS included]
6. IDROITEX BB Code: Insert a resized picture in absolute position to the right of a text (width in px)
   [SDMWS included]
7. ARTICLE BB Code: Display an article inside a message
8. ENCADRE BB Code:This BB Code insert a text box to the right of a message. Default width is 20% of window
9. ENCADREX BB Code: This BB Code insert a text box to the right of a message. You can change width giving a value in "%"
   [SDMWS included]
10. SPOILER BB Code: This [spoiler] code allows to hide a part of a text
11. Justify Text BB Code: Display justified text
12. LATEX BB Code: Latex typesetting system allows to display mathematical content or graphics (YOU HAVE TO INSTALL LATEX ON YOUR SERVER !)
13. FIELDSET BB Code: This BB Code inserts a [fieldset] with a custom title

Don't worry : even though these BB Codes are many, displaying them won't mess up your editor. Just have a look to the pictures.

Demonstration
Style normal
Style sombre

How to install
Very hard ! Unzip, upload, import and configure the module options (in vB options).

How to update
Uninstall the product and re-install it again. Don't forget to configure the options if you've got styles with dark background.

How to use Text Box
Let's consider that you want to have a main text and a box text at his right. In order to display this, your members have to insert at first the Text Box, then the Main Text. Here is what the code looks like:

[ENCADRE]BLA BLA BLA[/ENCADRE]TEXTE

Things to know
All the BB Code installation is automatic. Their Editor buttons use javascript to display popups in order to help your members.

I do want to thank Viper007Bond for his hack "Embed XHTML valid YouTube and Google Video into your posts". Thanks to him I manage to understand how to make mine works. And, of course, I really want to thank this great young retired coder who is TheGeek for his module GARS. Thanks to his "New page" button I manage to use javascript.

Information
This hack belongs to vBulletin-fr and I. If you want to distribute it elsewhere, you have to ask permission. If you're an other French team board, don't ask. The answer will be "no".

I hope this hack will work immediately for you because I won't have get time to support it. Sorry for this.

[VonDoom]

Kick A** ive been waiting for these updates.

ETA: Nothing showing in my wysig editer. will try a reinstall..

ETA2: Still nothing, wish i could provide more information. But it installed properly and i have installed everything and permissions are set. but this mod just dosent show up in the editer.

[cclaerhout]

Originally Posted by yotsume

Upgraded!

Two things... First this needs a TABLE BB CODE! Second how do you enter a math equation? Umm are there instructions anywhere for the BB codes?

EDIT: Ok I see we need to install something to our server for the math formulas to work. (mimetex.cgi)
So where are the instructions for that please???

Sorry i'can support mimetex installation. It depends on your server.

Originally Posted by VonDoom

Kick A** ive been waiting for these updates.

ETA: Nothing showing in my wysig editer. will try a reinstall..

Have you configure the new options (usergroups, etc.) ?

[VonDoom]

Have you configure the new options (usergroups, etc.) ?

Yes it is configured as the default options Admin, Super Moderator, Moderators. Im assuming its a conflict with another mod as my wysig editor is pretty heavily modified already.

However i did notice that if i manually input the BB code they do work.

Also i noticed what might be a bug... while editing a post all the custom BB code reverts to standard text and the code is removed..

[cclaerhout]

I've just tested again the english version of this product on two websites. Everything is working.

Did you fully uninstalled 1.4 version as it was said in quite pretty big ? Just check in your BBCode manager. With 1.5 version, you shouldn't see anymore bccodes of this hack. If it's the case, you didn't fully uninstalled 1.4 version. So just delete bbcodes one by one.

[VonDoom]

Hmm thats not my problem as ive never had 1.4 installed. This was a fresh install a cpl hrs ago at most. then a complete reinstall just a few minutes ago still nothing. Ill keep it as i only wanted it for myself for articles. and i can manually input the new codes. Either way great mod and much needed. Im almost sure its a conflict with another mod to my editor. Ill play around with it and report back when i figure somthing out.. thanks for the support..

[cclaerhout]

Oh I understand. If your "editor_toolbar_on" template is a lot modified, that's why it doesn't work. But it shouldn't remove code...

[cclaerhout]

Originally Posted by VonDoom

Hmm thats not my problem as ive never had 1.4 installed. This was a fresh install a cpl hrs ago at most. then a complete reinstall just a few minutes ago still nothing. Ill keep it as i only wanted it for myself for articles. and i can manually input the new codes. Either way great mod and much needed. Im almost sure its a conflict with another mod to my editor. Ill play around with it and report back when i figure somthing out.. thanks for the support..

Sorry, you were right. Your bug is confirmed.

[cclaerhout]

20 August 2009 : 1.5b version : bbcode parse pb fix

[VonDoom]

Any way i can get these codes for manual addition since i cannot get this to work on my board??? esp this one (IGAUCHEX BB Code: Insert a resized picture in absolute position to the left of a text (width in px)

[cclaerhout]

Well, your problem is only that you've changed a lot your "editor_toolbar_on" template. As you already told before the bbcodes delivered with that hacks are working. So it's not a code problem but a cosmetic problem. Just do your own surgery ^^ It's easy to do : have a look to my "editor_toolbar_addon" template (this template is installed with the product). Then pick up the button you need selecting his code. And paste it in your "editor_toolbar_on" where you want. If you manage to customised your template before, you should easily succeed this 　頑張って　！