1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
5 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
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 <link rel="stylesheet" type="text/css" href="../../css/inline-editor.css"/>
16 border:4px solid #CCCCCC;
17 padding:5px 0pt 5px 10px;
21 /** used in the example for pulldown styles **/
25 border-bottom: 1px solid #222;
29 border-bottom: 3px double #222;
41 <h1>HTML Editor example</h1>
43 These forms do not do anything and have very little validation. They solely demonstrate
44 how you can use Roo HtmlEditor
47 <p>The js is not minified so it is readable. See
48 <button type="button" onclick="RooDocs.viewSource.show('/htmledit.js')">htmledit.js</button> and
49 <button type="button" onclick="RooDocs.viewSource.show('/htmledit.html')">htmledit.html</button>
55 <div style="width:900px;" class="roodocs-formblock">
57 <div id="form-ct5"></div>
62 <div class="x-form-clear"></div>
65 <script type="text/javascript" src="../../roojs-debug.js"></script>
66 <!-- testing new code.. -->
67 <script type="text/javascript" src="../../Roo/DomHelper.js"></script>
68 <script type="text/javascript" src="../../Roo/lib/UndoManager.js"></script>
69 <script type="text/javascript" src="../../Roo/lib/Range.js"></script>
70 <script type="text/javascript" src="../../Roo/lib/Selection.js"></script>
71 <script type="text/javascript" src="../../Roo/htmleditor/KeyEnter.js"></script>
72 <script type="text/javascript" src="../../Roo/HtmlEditorCore.js"></script>
73 <script type="text/javascript" src="../../Roo/form/HtmlEditor.js"></script>
74 <script type="text/javascript" src="../../Roo/form/HtmlEditor/ToolbarStandard.js"></script>
75 <script type="text/javascript" src="../../Roo/htmleditor/Block.js"></script>
76 <script type="text/javascript" src="../../Roo/htmleditor/BlockTable.js"></script>
77 <script type="text/javascript" src="../../Roo/htmleditor/BlockFigure.js"></script>
78 <script type="text/javascript" src="../../Roo/htmleditor/BlockTd.js"></script>
79 <script type="text/javascript" src="../../Roo/htmleditor/FilterBlock.js"></script>
80 <script type="text/javascript" src="../../Roo/htmleditor/FilterWord.js"></script>
81 <script type="text/javascript" src="../../Roo/htmleditor/TidyEntities.js"></script>
82 <script type="text/javascript" src="../../Roo/htmleditor/TidySerializer.js"></script>
83 <script type="text/javascript" src="../../Roo/htmleditor/TidyWriter.js"></script>
85 <script type="text/javascript" src="../../Roo/form/HtmlEditor/ToolbarContext.js"></script>
86 <script type="text/javascript" src="../../Roo/menu/Item.js"></script>
88 <script type="text/javascript" src="../examples.js"></script>
89 <script type="text/javascript" src="htmledit.js"></script>