WYSIWYG HTML Editor PRO – PHP based totally Editor with Picture Uploader and extra (Varieties)

WYSIWYG HTML Editor PRO is a simple and easy to use Javascript execCommand() based editor with Server Side PHP Technologies. This is complete solution for getting HTML input from users using a form, when you do your website contact form or any web based HTML Page. Specialty in this PRO version of WYSIWYG HTML Editor (Lite Version) are as follows.

PRO Features

  • File Uploader and Link those uploaded files as download links (PHP)
  • Fond Selector, Formating Selecting, Font size selecting and Font and Background Color Selector
  • Image Uploader and Insert with Actual Image Cropping for uploaded image as per selected Images Size (PHP)
  • Image Height, Width and Floating
  • Special Characters Insert
  • Table Insert
  • Link Insert with Target and Direct Connection to Uploaded Files to connect them as downloadable links
  • Print and Full Screen
  • 4 Types of editors Pro, Full, Simple, Minimal

And this is not a template for editor, but this is a WYSIWYG HTML Editor script most like Gmail Email Composer and blogger composer. Using this you can easily input HTML input, WYSIWYG Editor or Code Editor and post data to your server side script. Technically this is for execCommand WYSIWYG Editor with Few Server Side technologies like image uploading.


  • 4 Versions of Editors (PRO, Full, Simple and Minimal)
  • 5 minutes to setup, and even a dummy can apply this to a HTML page, Applying PRO Version will require writing permissions to few folders
  • Bootstrap Ready
  • Tool tip for Buttons
  • Very User Friendly Interface
  • Easy to Apply a skin color using createditor() function itself
  • Converts any text area within a form using simple javascription function at the head of the HTML Page
  • Fontowesome based nice buttons for editor
  • Live Demo Available
  • Documentation is available
  • Line by Line Comments are available for understanding the code

How to Apply ?

Full help documentation is available with the package and also there are separate sample files for each editor. In brief following is the way how to apply this editor to your page.


<script type="text/javascript">
$(window).load(function ()


<form id="form1" name="form1" method="post" action="">
<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>

Change Log

  1. 2016-12-05 : Update :grin: Initial Release
  2. 2016-12-07 : Update :grin: File Uploader Update with few necessary modifications.
  3. Under Review : Update :shocked: File Uploader Ajax Issues Fixed

Leave a Reply

Your email address will not be published. Required fields are marked *