source: trunk/examples/dynamic_css.html @ 12

Last change on this file since 12 was 1, checked in by xinha, 15 years ago

Bootstrap

File size: 1.2 KB
Line 
1<html>
2  <head>
3    <title>Test of CSS plugin</title>
4    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5    <script type="text/javascript">
6      _editor_url = "../";
7      _editor_lang = "en";
8    </script>
9
10    <!-- load the main HTMLArea files -->
11    <script type="text/javascript" src="../htmlarea.js"></script>
12
13    <script type="text/javascript">
14      HTMLArea.loadPlugin("DynamicCSS");
15
16      function initDocument() {
17        var editor = new HTMLArea("editor");
18        editor.config.pageStyle = "@import url(dynamic.css);";
19        editor.registerPlugin(DynamicCSS);
20        editor.generate();
21      }
22     
23     
24     
25    </script>
26
27  </head>
28
29  <body onload="initDocument()">
30    <h1>Test of DynamicCSS plugin</h1>
31
32    <textarea id="editor" style="height: 30em; width: 100%;">
33        <p>p with default p style</p><br>
34        <p class="p1">p with p.class="p1"</p><br>
35        <p class="p2">p with p.class="p2"</p><br>
36        <br>
37        <div>div with default div class</div><br>
38        <div class="div1">div with div.class="div1"</div><br>
39        <div class="div2">div with div.class="div2"</div><br>
40        <br>
41        <span class="highlight">testtext with common class="highlight"</span>
42    </textarea>
43  </body>
44</html>
Note: See TracBrowser for help on using the repository browser.