Show
Ignore:
Timestamp:
11/03/06 17:11:55 (4 years ago)
Author:
jf.hovinne
Message:

Created Wymeditor object.

Files:
1 modified

Legend:

Unmodified
Added
Removed

  • branches/jf.hovinne/0.3/index.html

    r43 r45  
    44<title>WYMeditor</title> 
    55<style type="text/css"> 
    6         .wymeditor_iframe { width: 600px; } 
    7         .wymeditor_menu ul { padding:0; margin: 0; } 
    8         .wymeditor_menu li { list-style: none; float: left; margin-right: 0.7em; } 
    9         .wymeditor_content { clear: both; } 
     6        .wym_iframe { width: 75%; } 
     7        .wym_menu ul { padding:0; margin: 0; } 
     8        .wym_menu li { list-style: none; float: left; margin-right: 0.7em; } 
     9        .wym_content { clear: both; } 
    1010</style> 
    1111<script type="text/javascript" src="wymeditor/jquery.js"></script> 
    1212<script type="text/javascript" src="wymeditor/wymeditor.js"></script> 
     13<script type="text/javascript"> 
     14$(function() { 
     15 
     16        //create wymeditor instance(s) 
     17        //we replace each matched element by a Wymeditor instance 
     18        //this code is customizable 
     19 
     20        var elements=$(".wymeditor"); 
     21        var options = { 
     22                htmlToInsert: "<div class='wymeditor'></div>", 
     23                pageToLoad: "wymeditor/wymeditor.html", 
     24                iframeClass: ".wym_iframe", 
     25                execClass: ".wym_exec", 
     26                toggleClass: ".wym_toggle" 
     27        } 
     28 
     29        $(elements).each(function(i) { 
     30                var wymeditor=new Wymeditor($(this),i,options); 
     31        }); 
     32 
     33}); 
     34</script> 
    1335</head> 
    1436 
    1537<body> 
    1638<textarea id="txt1" rows="8" cols="40" class="wymeditor">&lt;p&gt;First textarea !&lt;/p&gt;</textarea><br/> 
    17 <textarea id="txt2" rows="8" cols="40" class="wymeditor">&lt;p&gt;Second textarea&lt;/p&gt;</textarea> 
     39<textarea id="txt2" rows="8" cols="40" class="wymeditor">&lt;p&gt;Second textarea&lt;/p&gt;</textarea><br /> 
     40<input type="text" id="txt3" class="wymeditor" value="&lt;p&gt;First input text&lt;/p&gt;" /> 
    1841</body> 
    1942