Articles: 843 | Categories: 148   
   
   
Home Articles Contact Us
 
 
 
 
WYSIWYG_Web_Edit (0 Comments)
Admin: Posted Date: April 4, 2010

Designed with PHP to generate HTML code directly from a browser in a WYSIWYG view, so you don't need to know HTML to use it. Features a toolbar which acts on the edition area using JavaScript code with save, center, bold, and other stardard text functions.

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.
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.
 Following there is an example of how the wysiwyg_web_edit can be used in a "messages forum" application:

 

 
 
Add a Comment:
 
(You must be signed in to comment on an article. Not a member? Click here to register)
   
Title:

Comments: