TinyMCE for osCommerce 2.3.XX


In the osCommerce forums I see a lot of people that want some type of WYSIWYG editor for product descriptions, emails, and what not. Through the years there have been a few instructions for integrating various different editors into osCommerce. While some of the integration instructions have been good, others have been as clear as mud.

Way back in the day there was HTML Area 3.XX for osCommerce – man that was the shit! You could bloat your product descriptions up with all kinds of font and span tags just by hitting 1 key. Other editors in those days were not too much better,  (ever clean up a large stores descriptions after years of using one of these?) but as time has went on the WYSIWYG editors have become so much cleaner. There are even WYSIWYW editors that are pretty good for some of us, others not so much.

Today I added an instructional file for integrating TinyMCE 4.0 into the addons section @ osCommerce. The procedure makes use of a CDN, so there’s no extra files to upload to your site, though you could host your own copy if wanted. In these instructions I have outlined the necessary requirements for adding the WYSIWYG editor to banner_manager.php, categories.php, mail.php, newsletters.php and orders.php files. There are various small changes required if one wants to use it on the orders comments, both admin and catalog side. I have also included instructions and new function for adding a simple – and I mean simple – BBCode editor with TinyMCE to the product review areas.

Depending on which page your on, the TinyMCE toolbar will be different to accommodate what you really need on that page. For instance – on a product edit page there is no need for an H1 element – so it is not allowed to prevent any mistakes. On the orders comments area, it is very slimmed down as all you really want to do there is place a simple note or such.

So if your in need of such a tool, download the instructions at http://addons.oscommerce.com/info/9124 and post back with any questions or comments.

Leave a comment