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>
61 <p id="test123" style="font-size:50px;color:red">test</p>
62 <p style="font-size:50px;color:red">abc</p>
63 <p style="font-size:50px;color:red">123</p>
67 <div class="x-form-clear"></div>
70 <script type="text/javascript" src="../../roojs-all.js"></script>
71 <!-- testing new code.. -->
72 <script type="text/javascript" src="../../Roo/Element.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/form/HtmlEditor/ToolbarContext.js"></script>
76 <script type="text/javascript" src="../../Roo/menu/Item.js"></script>
78 <script type="text/javascript" src="../examples.js"></script>
79 <script type="text/javascript" src="htmledit.js"></script>