Web de la Universitat Internacional de Catalunya

wysiwyg_web_edit
Back to FreeSoft list at UIC Download
The wysiwyg_web_edit is a web-based WYSIWYG HTML editor dessigned to generate HTML code directly from a browser in a WYSIWYG view, so you don't need to know HTML to use it. You can easily embed it in your web pages and use it with both Netscape and Explorer.

(wysiwyg_web_edit has been developed by Universitat Internacional de Catalunya's software team starting with the contributions of Fernando Álvarez - fer@onplaza.com.)

wysiwyg_web_edit consists in an ActiveX control (Dhtmled.ocx) supplied in the standard installation of Explorer 5.0 or higher, which is run on Netscape using a plug-in specifically dessigned to run ActiveX controls on Netscape. (This plug-in has been developed by Esker Software (www.esker.com) and it is a free distribution software. Read chapter '1.- Installation' of document Readme_english.txt for further information).

Moreover, it has a toolbar which act on the edition area using JavaScript code. This code acts on the ActiveX control through the plug-in, controlling what is displayed in the edition area. Thus, edition is completely WYSIWYG and really comparable to the most common text editors.(Even the cut, copy and paste functions are OLE compatible so you can paste typical office objects as datasheets or formatted text.)

Following there is a screen capture of the wysiwyg_web_edit embedded in a page:

Once the page which contains the editor and the Activex control (and in Netscape, the plug-in) have been charged, the client can operate with all the functionalities. What will be done when the user click on 'Save' button, depends on what the 'save_function' or the submit url (given by the programmer who is embedding the editor) do. For instance, you can send the information to a server and store the generated HTML code in a database. This makes the wysiwyg_web_edit a powerful tool to be integrated into another applications as web content management, messages forum, etc.

The wysiwyg_web_edit editor is written completely in HTML and Javascript, and uses PHP as a server-side language.( Although there is a JavaScript-HTML version. See chapter '4.- wysiwyg_web_edit without PHP' of document Readme_english.txt for further information.)

The editor supports simultaneous edition in several edition areas. (See chapter '3.- Multiple wysiwyg_web_edit's in one page' of document Readme_english.txt for further information.) An example could be:




LIST OF FUNCTIONALITIES

The available functionalities until now are:
  1. New Document.
  2. Save (trough a JavaScript function defined by the programmer or by submit of the content to a server-page).
  3. Copy, Cut and Paste : OLE compatible, so you can paste datasheets tables and formatted texts.
  4. Undo and Redo: you can undo and redo actions at will.
  5. Find: find a string in the text.
  6. Links generation.
  7. Images insertion
  8. Background colour of the document.
  9. Tables insertion.
  10. Functions to manage the table: add a row or a column, delete a row or a column, add and delete cells, combine and divide cells.
  11. Formatted text: text font and size, text colour and foreground colour, bold, italic, underlined.
  12. Paragraph align: left, right, centered.
  13. Numbered and non-numbered lists.
  14. Indent and unindent blocks.


wysiwyg_web_edit has been tested with Netscape 4.76 and higher, and Explorer 5.0

It can be used in three different languages: cathalan, spanish and english.

Following there is an example of how the wysiwyg_web_edit can be used in a "messages forum" application:


For any doubt or suggestion you can contact gabi@unica.edu.


Back to FreeSoft list at UIC Download
 Best viewed with Netscape 4.5 or higher or iexplorer 4.0 or higher, and 800 x 600 Last Update: August 22, 2001