Contributions
HTML WYSIWYG Editor for Product Desc, MS1 2.2
What is HTML WYSIWYG Editor for Product Descriptions ?
htmlArea is a WYSIWYG (what you see is what you get) editor replacement for <textarea> - PRODUCT DESCRIPTIONS and CATEGORIES DESCRIPTIONS fields in osCommerce.
By adding a few simple lines of JavaScript to your categories.php and a MySQL database script via PHPMyAdmin, you can administer and replace the regular textarea description field [Multi-Lingual] with a rich text html editor that lets you do the following:
Insert hyperlinks and images.
Format text to be bold, italicized, or underlined.
Change the face, size, style and colour.
align Left, centre, or right-justify paragraphs.
Make bulleted or numbered lists.
Indent or un-indent paragraphs.
Linked Multi-lingual language translator.
Insert a horizontal line.
HTML is automatically inserted into your fields (no copying or pasting) this HTML editor actually replaces your old description fields.
View the raw HTML source of what your editing.
and much more...
If you want to see a live demo of this WYSIWYG Editor,
http://www.interactivetools.com/products/htmlarea/index.html#demo
This version is a smaller and more compact unit modified to suit osCommerce categories and description fields, with the extra ability to support multiple languages and changes to the size, colours, layout ect via your store /admin/
NOTE: Theres is a readme.htm file in the "htmlarea" folder, but as this contibution was based on external software
(not originally designed for osCommerce)I have had to make some modifications to the code for it to work with osCommerce MS1 2.2
so the readme.htm thats in that folder does not necessarily apply to this contribution, but it makes for a good
educating read if you have never used a WYSIWYG HTML EDITOR --> once this is installed you should get the hang of things quiet easy.
this is very expanadable in the sense you can add you own functions and buttons, This wisywig html editor has the lot! -> it lacks nothing!
Installed on OsCommerce MS1 2.2
1. System Requirements
----------------------------------------------------
- Internet Explorer 5.5 for Windows or above
Expand All / Collapse All
Make sure /admin/htmlarea/popups/file/ is protected from access from just anyone. From looking into the code. I think it will allow just anyone to upload files. If you dont need it just remove the directory.
This file is modifeid to work with the "WYSIWYG" editor
credits are for the guys who wrote the original modules
==========================================================================
FIX v1.6.6
==========================================================================
Thanks to Islander2u and everyone in the forum and for the emails
regarding my misleading installation instructions error.
steps 1.5 and 1.6 in step by step instructions was wrong.
but has been fixed now :-)
[Contribution] HTML WYSIWYG Editor for Product Desc + More, MS1 2.2
[Discussion] http://forums.oscommerce.com/viewtopic.php?p=178120
[See It] This Contribution can be seen on Page 3 at the above forum link.
================================================================================
WYSIWYG HTML v1.6.5
================================================================================
Simplified Installation on New MS1 2.2 Installations and Code Clean-up .
Now Includes A Full Copy-Paste Solution for Installing HTMLAREA WYSIWYG v1.6.5
With Image Upload, File Upload and Admin Functionality on a Clean MS1 2.2 Installation.
The Whole Contribution can be Enabled and Disabled at will via the Admin
Individual HTML AREA's can be Enabled, Disabled and Resized.
Advanced and Standard User Interfaces Options for all HTML Toolbars.
Adds Mattice's Popular Define Main Page Contribution..
- Create and Edit your default.php (Home Page) using the WYSIWYG HTML Area
- http://www.oscommerce.com/community/contributions,86
Ready Enabled for use with:
- Products Descriptions (HTML)
- Send Email (HTML)
- Newsletter (HTML)
- NEW! Define Main Page (HTML)
Added Support of osCommerce stylesheet.css
- Now External Preview with osCommerce Custom Style Sheets
- Use osCommerce CCS Class Tags in descriptions
Includes Features:
- Upload Images Directly Into your Products, Categories, Email, Newsletter Descriptions.
- Upload Files for Customer Download, Creates a Direct Download Link in Products, Categories, Email, Newsletter Descriptions
- Manage Your IMAGES with Ease, Create, Delete, Organaise, Rename FOLDERS and Upload IMAGES *Requires FULL READ - WRITE ACCESS to IMAGE DIR
- Manage Your FILES with Ease, Create, Delete, Organaise, Rename FOLDERS and Upload FILES *Requires FULL READ - WRITE ACCESS to DOWNLOAD DIR
- Supports predifined *Custom FORMATED Text Functions for repetitve tasks, example: Email Intro's and Signatures.
Optional Use's:
- Categories Description (HTML)
- Define Main Page (HTML ONLY! NO PHP CODE)
- And more..
UPDATED: Previous Step by Step Installation Instructions have been Revised and Code Cleaned.
TESTED: This Contribution Allows for COPYING and PASTING of READY FORMATTED TEXT, IMAGES and PRODUCT DESCRIPTIONS
TO BE PASTED Directly into the WYSIWYG Editor - From MS WORD, MS FRONTPAGE, EMAILS and WEB PAGES..
A Perfect Solution for ready formatted item description intergration in osCommerce.
(*USE of Too many HTML TABLES in Products Descriptions can cause osCommerce store layout to become managled)
1. System Requirements
----------------------------------------------------
- osCommerce MS1 2.2
----------------------------------------------------
- PHPMyAdmin or Other SQL Database Import Tool
----------------------------------------------------
- Internet Explorer 5.5 or Above (IE 5.5)
----------------------------------------------------
*************
*..WARNING..*
*************
IT IS STRONGLY SUGGESTED TO MAKE A BACK-UP OF THESE FILES FIRST **
Whenever Importing any new SQL files to your Database ALWAYS do a FULL
DATABASE EXPORT first: include STRUCTURE, DATA and DROPTABLE - this
enables a quick restore alternative if errors do occurer, I have assigned
configuration_group_id to 112 to avoid any possible conflicts
with other contributions.
Use Contributions at your own Risk.
Small bugs needed fixing, upgrade or full install.
all details below.
if you have installed any version from 1.6 onwards a simple copy paste over the HTMLAREA Folder in your admin will fix-it.
Plz make a back first...
This is the Full install, includes a small fix for the fullscreen editor, if you have installed any version from 1.6 onwards a simple copy paste over the HTMLAREA Folder in your admin will fix-it.
Plz make a back first...
bug fix in "insert tables" simply replace your old htmlarea folder (if v1.6) with the new one.
allways backup!!
==========================================================================
ADDED FEATURE FIX v1.6.1 (FILE MANAGER UPLOADER plug-in)
==========================================================================
I have put Sceen Shots (images) of this and the Image Uploader on this oscommerce forum
http://forums.oscommerce.com/viewtopic.php?t=46937&postdays=0&postorder=asc&start=20
Thanks to Chet, for contributing Dutch Translation, and pointing out a spelling mistake in SQL FONT TYPES.
Included a FILE MANAGER UPLOADER plug-in (new button on WYSIWYG Editor) much like the Image Uploaded, the new file manger
plug-in allows the user to upload ANY file into a choosen directory on your website and product description, or it can create new directories,
the bueaty of this, is it will put a direct download-link to that new file on your website in the products description/email or newsletter.
Why would you want this? Well you might sell Music, Games, Demos ect.. it will add a download-link like so: unreal.zip (143 btyes)
in the products description this allows potential webshoppers, to download a sample song, game ect from your
site with-out directly having to create an account and go throught the whole add-to-cart as a freebie process, also
there is no upload/download limit like the oscommerce one that restricts upload download to a specific MB.
and it can be used in a million different otherways that was my example. it can be disable simply by commenting out
like so:
// ['linktofile'],
in both /admin/html/editor_basic.js and /admin/html/editor_advanced.js
as with the Image Uploaded, you need to set read write permissions CHMOD 777 on the directories you would like to use.
I should also mention that like osCommerce both these feature have a configuration file, config.inc.php in these files
you "MAY" need to define where your webroot and image dir, upload dir ect reside, I have altered these file to be UNIVERSAL with
most standard osCommerce installations ie: /catalog/admin/ config types if you have changed your Catalog or Admin
folders names or locations different to that of osCommerce default you "MAY" need to alter the twos files to suit your store.
these two files can be found in:
IMAGE UPLOADED: admin/htmlarea/popups/config.inc.php
FILE UPLOADER admin/htmlarea/popups/file/config.inc.php
these should only be altered if your image/file upload popups are not working or have error messages.
I have put Sceen Shots (images) of this and the Image Uploader on this oscommerce forum
http://forums.oscommerce.com/viewtopic.php?t=46937&postdays=0&postorder=asc&start=20
If you have troubles or find bugs please direct or queries to the forum as above.
If your just upgrading from v1.6 <--(only) for the FILE MANAGER UPLOADER plug-in, simply BACKUP and replace the your HTMLarea folder
with this new one, If you dont need/want a FILE MANAGER UPLOADER dont upgrade....
******** IT IS STRONGLY SUGGESTED TO MAKE A BACK-UP OF THESE FILES FIRST **********
Whenever Importing any new SQL files to your Database ALWAYS do a FULL DATABASE EXPORT first:
include STRUCTURE, DATA and DROPTABLE - this enables a quick restore alternative if errors do occurer,
I have assigned configuration_group_id to 112 to avoid any possible conflicts with other contributions.
==========================================================================
ADDED FEATURES v1.6
==========================================================================
Advanced or Basic Version HTMLAREA Option in Admin,
Why, The Advanced Version offers loads More Features for HTML Table Minupulation,
Cut, Copy, Paste, special charachters, product description seach and print options.
Now thats all good and dandy if you like/use these added features, but It also slows
page loading by about 50%, So included both options Basic and Advanced into the one package
Basic Version is set Enabled by defualt and offers all the standard HTML tools for getting the job done.
If you want the advanced option, admin-->configuration-->HTML WYSIWYG OPTIONS-->
BTW its coded so that if you install all three HTML boxes in Product/categories description,
Newsletter, and customer email -you can define them individually as to what HTMLAREA should be
Advanced or Basic, also individually sizing and colouring via admin.
******** IT IS STRONGLY SUGGESTED TO MAKE A BACK-UP OF THESE FILES FIRST **********
Whenever Importing any new SQL files to your Database ALWAYS do a FULL DATABASE EXPORT first:
include STRUCTURE, DATA and DROPTABLE - this enables a quick restore alternative if errors do occur,
I have assigned configuration_group_id to 112 to avoid any possible conflicts with other contributions.
You Must SET your Image directory to CHMOD 777 to allow the Image upload application to create and delete
files and folders from your image directory.
if your upgrading from version 1.4, you need clear your browser cache in order to see the new image tool.
==========================================================================
ADDED FEATURES v1.5 + FIX
==========================================================================
WHATS NEW?
No need to FTP them extra images up to your website anymore! Yippe!!
1. Image uploader -> Image Directory Manager and Image URL,
This unreal addon allows you to directly upload images from your
computer all via the WYSIWYG Editor it uploads and place's the new image/s
directly in your existing /images directory or into a newly made
folder, It can create and delete folders/images on your website, Not to mention
automatically inserting the image into your products description field while you work.
2. Added WYSIWYG Editor Box to osCommerce Newsletter, now you can create
your Newsletters in Full colour with links and upload/insert Images all online..
Feature can be turned on and off at will.
3. Added WYSIWYG Editor Box to osCommerce Customer Email, now you can create
Customer Emails in Full colour with links and upload/insert all online..
Feature can also be turned on and off at will.
4. To top it all off I have combined this with the "Admin Comments Toolbar 2.1 by Skeedo.com Enterprises"
contibution, this feature is only Enabled in Newsletter and Customer Email when the WYSIWYG Editor Box
is disabled, its a nifty little mod that allows you to pre-write repetitve emails tasks and replies like
store name, address, url, emails, thank yous, newsletter info, automatic date insertions,
subscribe and unsubscribe email terms ect.. all-non-html <--thats why its Enabled when WYSIWYG is Disabled.
5. Admin control for each individual HTML WYSIWYG Box, Size, Height, Colour, Enabled/Disabled.
Current v1.4 WYSIWYG user can simply copy the HTMLAREA box Directly over the Old one in Admin --> this
is for the new image upload feature only!! - from above ADDED FEATURES #1.
if you want to add the additon features you need to follow the changes,
and import the new SQL file (Always Make a Back-up)
This release also fixes a small problem with inserting images and table creation,
Thanks to clive jenkinson for pointing the issue out.
This is a NEW (full) v1.5 install,
==================================================================================
END: ADDED FEATURES 1.5 + FIX
===================================================================================
==========================================================================
FIX 1.4
HTML_WYSIWYG_SQL.sql (forgot a simple NULL, statement)
==========================================================================
==========================================================================
ADD FEATURE 1.3
Admin Control to Enable/Disable the displaying the HTML WYSIWYG Box.
Why? some people may already have pre-written HTML code they prefer to paste.
admittedly - pre-written HTML code can still be pasted with the HTML WYSIWYG turned on.
==========================================================================
===================================================
FIX 1.2
Thanks to dreamscape for implementing a 'dynamic solution'
to multi-lingual support.
===================================================
FIX 1.1
Categories.php Line numbers updated -->
(important) and new HTML_WYSIWYG_SQL.sql
1. System Requirements
---------------------------------------------------
- Internet Explorer 5.5 or up for Windows or above
Installation instructions have been fixed, and MySQL database fixed, was some small errors with package below. this fix has been tested on clean install of MS1 2.2 and worked perfectly.
This forum http://forums.oscommerce.com/viewtopic.php?p=178120
Information below details what this packed does.
What is HTML WYSIWYG Editor for Product Descriptions ?
htmlArea is a WYSIWYG (what you see is what you get) editor replacement for <textarea> - PRODUCT DESCRIPTIONS and CATEGORIES DESCRIPTIONS fields in osCommerce.
By adding a few simple lines of JavaScript to your categories.php and a MySQL database script via PHPMyAdmin, you can administer and replace the regular textarea description field [Multi-Lingual] with a rich text html editor that lets you do the following:
Insert hyperlinks and images.
Format text to be bold, italicized, or underlined.
Change the face, size, style and colour.
align Left, centre, or right-justify paragraphs.
Make bulleted or numbered lists.
Indent or un-indent paragraphs.
Linked Multi-lingual language translator.
Insert a horizontal line.
HTML is automatically inserted into your fields (no copying or pasting) this HTML editor actually replaces your old description fields.
View the raw HTML source of what your editing.
and much more...
If you want to see a live demo of this WYSIWYG Editor,
http://www.interactivetools.com/products/htmlarea/index.html#demo
This version is a smaller and more compact unit modified to suit osCommerce categories and description fields, with the extra ability to support multiple languages and changes to the size, colours, layout ect via your store /admin/
NOTE: Theres is a readme.htm file in the "htmlarea" folder, but as this contibution was based on external software
(not originally designed for osCommerce)I have had to make some modifications to the code for it to work with osCommerce MS1 2.2
so the readme.htm thats in that folder does not necessarily apply to this contribution, but it makes for a good
educating read if you have never used a WYSIWYG HTML EDITOR --> once this is installed you should get the hang of things quiet easy.
this is very expanadable in the sense you can add you own functions and buttons, This wisywig html editor has the lot! -> it lacks nothing!
Installed on OsCommerce MS1 2.2
1. System Requirements
----------------------------------------------------
- Internet Explorer 5.5 for Windows or above
Note: Contributions are used at own risk.