source: trunk/examples/list-type.html @ 12

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

Bootstrap

File size: 1.8 KB
Line 
1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4<title>Example of HTMLArea 3.0 -- ListType plugin</title>
5
6<script type="text/javascript">
7  _editor_lang = "en";
8  _editor_url = "../";
9</script>
10
11<!-- load the main HTMLArea files -->
12<script type="text/javascript" src="../htmlarea.js"></script>
13
14<style type="text/css">
15html, body {
16  font-family: Verdana,sans-serif;
17  background-color: #fea;
18  color: #000;
19}
20a:link, a:visited { color: #00f; }
21a:hover { color: #048; }
22a:active { color: #f00; }
23
24textarea { background-color: #fff; border: 1px solid 00f; }
25</style>
26
27<script type="text/javascript">
28// load the plugin files
29HTMLArea.loadPlugin("ListType");
30var editor = null;
31function initEditor() {
32  editor = new HTMLArea("ta");
33  editor.registerPlugin(ListType);
34  editor.generate();
35  return false;
36}
37</script>
38
39</head>
40
41<body onload="initEditor()">
42
43<h1>HTMLArea :: the ListType plugin</h1>
44
45<form action="test.cgi" method="post" id="edit" name="edit">
46
47<textarea id="ta" name="ta" style="width:100%" rows="24" cols="80">
48
49<p>List style type is selected using the CSS property
50&quot;list-style-type&quot;.  Hopefully it will work with Internet Explorer,
51right? ;-) Let's start the monster to test it out.<br /></p><p>Cool, it
52works.  Except for &quot;lower-greek&quot;, which doesn't seem to be
53supported (and worse, a gross error message is displayed).  Therefore, I
54hide that proerty from IE--it will only be available if the browser is not
55IE.<br /></p><ol style="list-style-type: decimal;"><li>This is a list<br
56/></li><li>with decimal numbers<br /></li><li>blah blah<br /></li><li>dolor
57sic amet<br /></li></ol><ol style="list-style-type: lower-greek;"><li>yet
58another</li><li>list with greek<br /></li><li>letters<br /></li><li>lorem
59ipsum<br /></li><li>yada yada<br /></li></ol>
60
61</textarea>
62
63</form>
64
65</body>
66</html>
Note: See TracBrowser for help on using the repository browser.