addons/document_page/static/src/lib/wiky/index.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3         <head>
   4                 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   5                 <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
   6                 <script type="text/javascript" src="wiky.js"></script>
   7                 <title>Untitled Document</title>
   8         <link href="wiky.css" rel="stylesheet" type="text/css">
   9         </head>
  10         <body>
  11                 <textarea id="textarea" onchange="$('#preview').html(wiky.process($(this).val()));" cols="60" rows="20">=== Heading ===
  12 Some content
  13 I would like to add another line
  14
  15 == Subheading ==
  16 Some more content
  17 Some more lines1
  18 :A line with indent
  19 :: A 2-indented line
  20 :: more
  21 :back to 1-indented line
  22
  23 This is Taeyeon.
  24 [[File:http://www.oknation.net/blog/home/blog_data/12/2012/images/ty4.jpg Taeyeon]]
  25 Taeyeon is so cute.
  26
  27 This is a link:[http://www.google.com Google].
  28 This is a bold link:'''[http://www.google.com Google]'''.
  29 This is a bold-italic link:'''''[http://www.google.com Google]'''''.
  30 This is '''bold''', '''''bold-italic''''', and ''italic''
  31
  32 [[Video:http://www.youtube.com/embed/ovVfLancwys]]
  33 # First
  34 # secon
  35 ## Second-First
  36 *** First Point
  37 *** Second Point
  38 #### z
  39 #### y
  40 #### x
  41 *** Third Point
  42 ## Second-Second [ftp://www.facebook.com FacebookFTP]
  43 ## Second-Third [http://www.google.com Google Here]
  44 # third
  45
  46 </textarea>
  47                 <br/>
  48                 <span style="display:block;width:600px;border:1px solid #999999;">
  49                         <span style="display:block;margin:10px 10px 10px 10px;" class="wiky_preview_area" id="preview">
  50                         </span>
  51                 </span>
  52         </body>
  53 </html>
  54 <script language="javascript">
  55         $('#preview').html(wiky.process($('#textarea').val()));
  56 </script>