git.roojs.org Git - roojs1/blob - examples/form/htmledit.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
   2         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
   3 <html>
   4     <head>
   5         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   6         <title>Forms</title>
   7
   8         <link rel="stylesheet" type="text/css" href="../../css/roojs-debug.css"/>
   9         <link rel="stylesheet" type="text/css" href="../../css/xtheme-slate.css"/>
  10
  11         <style>
  12
  13         .roodocs-formblock
  14         {
  15             border:4px solid #CCCCCC;
  16             padding:5px 0pt 5px 10px;
  17         }
  18         </style>
  19     </head>
  20     <body>
  21
  22         <h1>HTML Editor example</h1>
  23         <p>
  24             These forms do not do anything and have very little validation. They solely demonstrate
  25             how you can use Roo HtmlEditor
  26         </p>
  27
  28         <p>The js is not minified so it is readable. See
  29         <button type="button" onclick="RooDocs.viewSource.show('/htmledit.js')">htmledit.js</button> and
  30         <button type="button" onclick="RooDocs.viewSource.show('/htmledit.html')">htmledit.html</button>
  31         .</p>
  32
  33
  34
  35
  36         <div style="width:700px;"  class="roodocs-formblock">
  37             <h3>Display Form</h3>
  38             <div id="form-ct5"></div>
  39         </div>
  40
  41
  42
  43         <div class="x-form-clear"></div>
  44
  45
  46         <script type="text/javascript" src="../../roojs-all.js"></script>
  47         <!-- testing new code.. -->
  48         <script type="text/javascript" src="../../Roo/form/HtmlEditor.js"></script>
  49         <script type="text/javascript" src="../../Roo/form/HtmlEditor/ToolbarStandard.js"></script>
  50           <script type="text/javascript" src="../../Roo/form/HtmlEditor/ToolbarContext.js"></script>
  51         <script type="text/javascript" src="../../Roo/menu/Item.js"></script>
  52
  53         <script type="text/javascript" src="../examples.js"></script>
  54         <script type="text/javascript" src="htmledit.js"></script>
  55     </body>
  56 </html>