PointCoinExtension/demo.html at master · JoeWeate/PointCoinExtension · GitHub

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
<html>
	<head>
		<title>Auto Text Expander : Demo</title>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="css/demo.css" />
	</head>

	<body>
        <!-- toolbar -->
        <div id="toolbar">
            <span>Switch Demo Element :</span>
            <input id="demoDivButton" class="toolbar" type="radio" name="editor" title="Switch to Editable Div" checked="checked" />
            <label for="demoDivButton">Editable Div</label>
            <input id="demoTextareaButton" class="toolbar" type="radio" name="editor" title="Switch to Demo Textarea" />
            <label for="demoTextareaButton">Textarea</label>

            <button id="convertHTMLButton" class="active" type="button" title="Convert to HTML">
                <img src="images/third_party/open-iconic/code-2x.png" alt="" />
            </button>
        </div>

        <!-- Rich text Editor -->
        <div id="demoDiv" class="editor active" title="Shortcut Demo Editable Div" contenteditable=true>
            Try your shortcuts here! Make sure to save them first.
            <br /><br />
            Want to spice things up with a little HTML? Draft up your content with
            all your styling and links in Gmail first, then copy and paste into here
            and hit the button in the bottom right corner to convert to HTML!
            <br /><br />
            Now you can simply copy and paste the HTML to put into your expansions!
        </div>

        <!-- Textarea Editor -->
        <textarea id="demoTextArea" class="editor" title="Shortcut Demo Textarea">
Try your shortcuts here! Make sure to save them first.

This is a textarea, which doesn't support HTML, but can add multiline text.

Switch to the editable div to test HTML expansions!
        </textarea>

    </body>

    <!-- Javascript -->
	<script src="js/third_party/jquery-2.1.1-simplified.min.js"></script>
	<script src="js/third_party/moment-with-locales.min.js"></script>
	<script src="js/constants.js"></script>
	<script src="js/expander.js"></script>
	<script src="js/demo.js"></script>

</html>