| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|---|
| 2 | <!-- |
|---|
| 3 | * WYMeditor : what you see is What You Mean web-based editor |
|---|
| 4 | * Copyright (C) 2007 H.O.net - http://www.honet.be/ |
|---|
| 5 | * Dual licensed under the MIT (MIT-license.txt) |
|---|
| 6 | * and GPL (GPL-license.txt) licenses. |
|---|
| 7 | * |
|---|
| 8 | * For further information visit: |
|---|
| 9 | * http://www.wymeditor.org/ |
|---|
| 10 | * |
|---|
| 11 | * File Name: |
|---|
| 12 | * basic.html |
|---|
| 13 | * Basic editor integration example. |
|---|
| 14 | * See the documentation for more info. |
|---|
| 15 | * |
|---|
| 16 | * File Authors: |
|---|
| 17 | * Jean-Francois Hovinne (jf.hovinne@wymeditor.org) |
|---|
| 18 | --> |
|---|
| 19 | <html> |
|---|
| 20 | <head> |
|---|
| 21 | <title>WYMeditor</title> |
|---|
| 22 | <link rel="stylesheet" type="text/css" media="screen" href="wymeditor/skins/default/screen.css" /> |
|---|
| 23 | <script type="text/javascript" src="jquery/jquery.js"></script> |
|---|
| 24 | <script type="text/javascript" src="wymeditor/lang/en.js"></script> |
|---|
| 25 | <script type="text/javascript" src="wymeditor/jquery.wymeditor.js"></script> |
|---|
| 26 | |
|---|
| 27 | <script type="text/javascript"> |
|---|
| 28 | |
|---|
| 29 | var $j = jQuery.noConflict(); |
|---|
| 30 | |
|---|
| 31 | $j(function() { |
|---|
| 32 | |
|---|
| 33 | $j(".wymeditor").wymeditor({ |
|---|
| 34 | aClassesItems: [ |
|---|
| 35 | {'name': 'info', 'title': 'ALL: Info', 'expr': '*'}, |
|---|
| 36 | {'name': 'date', 'title': 'PARA: Date', 'expr': 'p'}, |
|---|
| 37 | {'name': 'hidden-note', 'title': 'PARA: Hidden note', 'expr': 'p'}, |
|---|
| 38 | {'name': 'important', 'title': 'PARA: Important', 'expr': 'p'}, |
|---|
| 39 | {'name': 'border', 'title': 'IMG: Border', 'expr': 'img'}, |
|---|
| 40 | {'name': 'special', 'title': 'LIST: Special', 'expr': 'ul, ol'} |
|---|
| 41 | ] |
|---|
| 42 | }); |
|---|
| 43 | }); |
|---|
| 44 | |
|---|
| 45 | </script> |
|---|
| 46 | |
|---|
| 47 | </head> |
|---|
| 48 | |
|---|
| 49 | <body> |
|---|
| 50 | <h1>WYMeditor basic integration example</h1> |
|---|
| 51 | <p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p> |
|---|
| 52 | <form method="post" action=""> |
|---|
| 53 | <textarea class="wymeditor"></textarea> |
|---|
| 54 | <input type="submit" class="wymsubmit" /> |
|---|
| 55 | </form> |
|---|
| 56 | |
|---|
| 57 | <p> |
|---|
| 58 | <a href="http://sourceforge.net/projects/wym-editor"> |
|---|
| 59 | <img src="http://sflogo.sourceforge.net/sflogo.php?group_id=148869&type=1" border="0" alt="SourceForge logo" title="SourceForge" /> |
|---|
| 60 | </a> |
|---|
| 61 | </p> |
|---|
| 62 | |
|---|
| 63 | </body> |
|---|
| 64 | |
|---|
| 65 | </html> |
|---|