ADDING A WYSIWYG EDITOR TO YOUR SITE
Turn your (or your customer's) PHP site into a CMS! The ability to edit your content in WYSIWYG fashion is easier than you might think, and that is what this tutorial will address in 3 easy steps. No more uploading changes to your site. Edits can be made online from any location.
This tutorial covers the essentials of separating your design from your content and adding an editor to allow the site owner to make edits from any location. This tutorial is geared towards PHP sites, but the techniques involved can be translated to ASP, Perl-CGI and other languages.
This tutorial assumes that you know the following:
- HTML
- PHP Basics
- Forms (and POSTing)
- Query Strings ($_GET)
This tutorial will cover:
- Separating the header and footer from your page.
- Creating a template content page.
- Adding a JavaScript WYSIWYG editor.
I have gone through many different JavaScript editors and rejected many due to several different issues. The current one I'm using for this site is TinyMCE. This is a free utility that can be added to any textarea object to allow the user to do MS Word-style editing. With above average knowledge of JavaScript, this can be configured any way you wish, and new buttons and features can be added as well. It has many built-in features including table creation and full-screen editing.
