VasonEditor v1.0 — a jQuery html editor plugin Download it

Requirements

This plugin works with all browsers that can handle HTML5 LocalStorage feature.

Instructions for use

  1. Download and unzip the vasonEditor package from GitHub.
  2. Put files and directories in your website directory.
  3. In your index-file, copy all necessary links and paste them inside the head.
  4. <link rel='stylesheet' type='text/css' href='style/vasonEditor.css' />
    <link rel='apple-touch-icon' href='img/apple-touch-icon.png' />
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
    <script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
    <script src="script/vasonEditor_functions.js"></script>
    <script src="script/vasonEditor_main.js"></script>
    
  5. Insert vasonEditor anywhere in your webpage. The editor will be placed on the exact spot where you put the code.
  6. <div id="vasonEditor">
      <script type="text/javascript">
        $(document).ready( function() {
          $('#vasonEditor').vasonEditor();
        });
      </script>
    </div>
    

Features in VasonEditor

Working Demo