-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.htm
executable file
·57 lines (43 loc) · 1.45 KB
/
demo.htm
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Markdown Toolbar for MooTools!</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script src="mootools-core-1.3.2.js" type="text/javascript"></script>
<script src="mootools-more-1.3.2.1.js" type="text/javascript"></script>
<script src="wysiwymoo.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
$$('textarea.markdown').each(function(el){
window.md = new WYSIWYMoo(el);
});
});
</script>
</head>
<body>
<div id="container">
<h1>WYSIWYMoo | Markdown Toolbar for MooTools!</h1>
<form action="." method="post">
<textarea class="markdown" name="text" style="width: 700px; height: 300px;">
# WYSIWYMoo
Is a Markdown What You See Is What You Mean toolbar
Originally inspired by Peter Hellberg's http://code.c7.se/js/markdown_toolbar/,
Ted Devito's jQuery tabby http://teddevito.com/demos/textarea.html and http://softwaremaniacs.org/playground/showdown-highlight/
# Usage
window.addEvent('domready', function(){
$$('textarea.markdown').each(function(el){
new WYSIWYMoo(el);
});
});
### Mootools Dependencies
- core/1.3.0:Class
- core/1.3.0:Element.Event
- core/1.3.0:Element.Dimensions
- core/1.3.0:DOMReady
- more/1.3.0:Hash</textarea>
<br />
</form>
<br />
</div>
</body>
</html>