[2] | 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"> |
---|
| 15 | html, body { |
---|
| 16 | font-family: Verdana,sans-serif; |
---|
| 17 | background-color: #fea; |
---|
| 18 | color: #000; |
---|
| 19 | } |
---|
| 20 | a:link, a:visited { color: #00f; } |
---|
| 21 | a:hover { color: #048; } |
---|
| 22 | a:active { color: #f00; } |
---|
| 23 | |
---|
| 24 | textarea { background-color: #fff; border: 1px solid 00f; } |
---|
| 25 | </style> |
---|
| 26 | |
---|
| 27 | <script type="text/javascript"> |
---|
| 28 | // load the plugin files |
---|
| 29 | HTMLArea.loadPlugin("ListType"); |
---|
| 30 | var editor = null; |
---|
| 31 | function 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 | "list-style-type". Hopefully it will work with Internet Explorer, |
---|
| 51 | right? ;-) Let's start the monster to test it out.<br /></p><p>Cool, it |
---|
| 52 | works. Except for "lower-greek", which doesn't seem to be |
---|
| 53 | supported (and worse, a gross error message is displayed). Therefore, I |
---|
| 54 | hide that proerty from IE--it will only be available if the browser is not |
---|
| 55 | IE.<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 |
---|
| 57 | sic amet<br /></li></ol><ol style="list-style-type: lower-greek;"><li>yet |
---|
| 58 | another</li><li>list with greek<br /></li><li>letters<br /></li><li>lorem |
---|
| 59 | ipsum<br /></li><li>yada yada<br /></li></ol> |
---|
| 60 | |
---|
| 61 | </textarea> |
---|
| 62 | |
---|
| 63 | </form> |
---|
| 64 | |
---|
| 65 | </body> |
---|
| 66 | </html> |
---|