1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<!DOCTYPE html>
<html>
<head>
<title>Sample Page for Speck Edit</title>
<script src="speck/speck.js"></script>
<link href="speck/speck.css" rel="stylesheet" />
</head>
<body onload="speckInit();" style="background-color:#ddd;">
<div style="width:768px;font-family:Arial;background-color: #fff;margin:auto;padding:20px;">
<h1>Speck Edit Sample</h1>
<p>When speckInit(); is called any text area with the class "iEdit" will be converted to a speck edit window. The text area must have an id. Width and height settings may be applied.</p>
<textarea id="SampleEdit" style="width:600px;height:300px;" cols="" rows="" class="iEdit" >This is the sample speck edit window. Begin editing this text using the controls above.</textarea>
<p>Output from the editor is captured using the iEdit[] collection with the form: iEdit["TextAreaId"].html();</p>
<input type="button" value="Show Output" onclick="document.getElementById('ShowOutput').innerHTML = iEdit['SampleEdit'].html();" />
<hr />
<div id="ShowOutput">
</div>
</div>
</body>
</html>
|
