Shipping Details
This Form is created with HTML5 Guriddo Form PHP builder

Tinymce integration
<?php
require_once '../../../php/demo/tabs2.php';
?>
<!DOCTYPE html>
<html lang="en" class="no-js">
  <head>
    <title>jqForm PHP Demo</title>
    <link rel="stylesheet" type="text/css" media="screen" href="../../../css/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="../../../css/trirand/ui.jqform.css" />    
    <style type="text/css">
        html, body {
        margin: 0;            /* Remove body margin/padding */
        padding: 0;
        /*overflow: hidden;*/    /* Remove scroll bars on browser window */
        font-size: 90%;
        }
        body {
            font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
        }        
        .ui-input  {padding :4px; margin: 1px;}
        .ui-select  {padding : 3px;}
        .ui-textarea {padding: 3px;}
        #notsupported  { border: 0px none;}
    </style>
    <script src="../../../js/jquery.min.js" type="text/javascript"></script>
    <script src="../../../js/jquery-ui.min.js" type="text/javascript"></script>    
    <script src="../../../js/jquery.form.js" type="text/javascript"></script>
    <script src="../../../js/tinymce/tinymce.min.js" type="text/javascript"></script>
    <script src="../../../js/modernizr.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function(){
          if(Modernizr.inputtypes.number) {
              jQuery("#supported").append("<div>Your browser support input type: number!</div>");
          } else {
              jQuery("#notsupported").append("<div>Your browser does not support input type: number!</div>").addClass('ui-state-error');
          }
      });
    </script>
    
  </head>
  <body>
      <div style="margin-left:20px;margin-right: 20px;">
          <?php include ("tinymce.php");?>
          <div style="text-align: center;margin-top:10px;">This Form is created with HTML5 Guriddo Form PHP builder</div>
      </div>
      <br/>
      <div id="supported"></div>
      <div id="notsupported"></div>
      <?php tabs(array("tinymce.php"));?>
   </body>
</html>
tinymce.php.
<?php
// Include class 
include_once '../jqformconfig.php'

include_once 
$CODE_PATH.'jqForm.php'
// Create instance 
$newForm = new jqForm('newForm',array('method' => 'post''id' => 'newForm'));
// Demo Mode creating connection 
include_once $DRIVER_PATH.'jqGridPdo.php'
$conn = new PDO(DB_DSNDB_USERDB_PASSWORD);
$newForm->setConnection$conn );
// Set url
$newForm->setUrl($SERVER_HOST.$SELF_PATH.'tinymce.php');
// Set Form header 
$formhead='Shipping Details';
$newForm->setFormHeader($formhead,'ui-icon-mail-closed');
// Set parameters 
$jqformparams = array();
// Set SQL Command, table, keys 
$newForm->table 'orders';
$newForm->setPrimaryKeys('OrderID');
$newForm->serialKey true;
// Set Form layout 
$newForm->setColumnLayout('twocolumn');
$newForm->setTableStyles('width:100%;','','');
// Add elements
$newForm->addElement('OrderID','hidden', array('label' => 'OrderID''id' => 'newForm_OrderID'));
$newForm->addElement('ShipName','text', array('label' => 'Name''maxlength' => '40''style' => 'width:98%;''id' => 'newForm_ShipName'));
$newForm->addElement('ShipAddress','textarea', array('label' => 'Address''rows'=>8'cols'=>20'style' => 'width:98%;''id' => 'newForm_ShipAddress'));
$newForm->addElement('ShipCity','text', array('label' => 'City''maxlength' => '15''size' => '20''id' => 'newForm_ShipCity'));
$newForm->addElement('ShipPostalCode','text', array('label' => 'PostalCode''maxlength' => '10''size' => '20''id' => 'newForm_ShipPostalCode'));
$newForm->addElement('ShipCountry','text', array('label' => 'Country''maxlength' => '15''size' => '20''id' => 'newForm_ShipCountry'));
$newForm->addElement('Freight','number', array('label' => 'Freight''id' => 'freight'));
$newForm->addElement('Tax','number', array('label' => 'Tax''min' => '10''max' => '20''step' => '10''value' => '10''id' => 'tax''title' => 'Enter a value 10 or 20'));
$newForm->addElement('Total','number', array('label' => 'Total''readonly' => '1''id' => 'total'));
$elem_10[]=$newForm->createElement('newSubmit','submit', array('value' => 'Submit'));
$newForm->addGroup("newGroup",$elem_10, array('style' => 'text-align:right;''id' => 'newForm_newGroup'));
// Add events
$onchangeFreight = <<< CHANGEFREIGHT
function(event) 
{
  var fr = parseFloat($("#freight").val());
  var tax = parseFloat($("#tax").val());
  if( fr && tax ) {
    var tot = fr*tax;
    $("#total").val( tot.toFixed(2) );
  }
}
CHANGEFREIGHT;
$newForm->addEvent('freight','change',$onchangeFreight);
$onchangeTax = <<< CHANGETAX
function(event) 
{
  var fr = parseFloat($("#freight").val());
  var tax = parseFloat($("#tax").val());
  if( !isNaN(fr) && !isNaN(tax) ) {
    var tot = fr*tax;
    $("#total").val( tot.toFixed(2) );
  }
}
CHANGETAX;
$newForm->addEvent('tax','change',$onchangeTax);
// Add ajax submit events
$beforeSerialize = <<< BS
function(form, options) {
var myform = form[0];
        var data = tinymce.get('newForm_ShipAddress').getContent({format: 'row'});
        $("#newForm_ShipAddress").val( data );
}
BS;
$newForm->setAjaxOptions( array('beforeSerialize' =>'js:'.$beforeSerialize,
'iframe' => false,
'forceSync' =>false) );
// Add javascript code
$javascriptnewForm = <<< JSNEWFORM
$("#newForm_ShipName").val("Name set with javascript code");
    setTimeout( function() {
        tinymce.init({selector: "textarea#newForm_ShipAddress"});
    }, 100);
JSNEWFORM;
$newForm->setJSCode($javascriptnewForm);
// Demo mode - no input 
$newForm->demo true;
// Render the form 
echo $newForm->renderForm($jqformparams);
?>