PHP WYSIWYG HTML editor

Anthony — Thu, 12 Nov 2009 12:39:58 +0000

What’s a WYSIWYG Editor?

Sometimes you want to give site visitors or administrators the chance to add, edit or delete text. Examples include web mail clients, content management systems, forums, guestbooks and similar.

It’s fairly simple to allow people to add and edit plain text, by using the familiar textarea form element (NB these are images, not real form elements – you can’t enter or modify data!):

However, there are occasions when we would like to give those users the opportunity to have a little control over how the content looks.

Modern browsers support something called contentEditable, which allows the content of web pages to be edited using JavaScript. We can use this to turn textarea elements into small WYSIWYG (What-You-See-Is-What-You-Get) editors. Here’s a picture of the above form with the textarea turned into a simple WYSIWYG editor using Wyzz:

Now when a user enters text, the look of the text can be changed as required, without any HTML coding knowledge being required of the user:

Download the Wyzz WYSIWYG editor here. Downloading WYSIWYG editor

jQuery: The Basics

Anthony — Thu, 12 Nov 2009 10:34:08 +0000

jQuery: The Basics

This is a basic tutorial, designed to help you get started using jQuery. If you don’t have a test page setup yet, start by creating a new HTML page with the following contents:

Edit the src attribute in the script tag to point to your copy of jquery.js. For example, if jquery.js is in the same directory as your HTML file, you can use:

 

You can download your own copy of jQuery from the Downloading jQuery page.

IT - Information Technology

PHP WYSIWYG HTML editor

What’s a WYSIWYG Editor?

jQuery: The Basics

jQuery: The Basics