-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
67 lines (60 loc) · 4.51 KB
/
index.html
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
58
59
60
61
62
63
64
65
66
67
<!doctype html>
<meta charset="utf-8"/>
<title>ProseMirror Widgets Examples</title>
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<script src="//handsontable.com/dist/handsontable.full.js"></script>
<script src="amcharts/amcharts.js"></script>
<script src="amcharts/serial.js"></script>
<script src="amcharts/gantt.js"></script>
<script src="amcharts/pie.js"></script>
<script src="amcharts/funnel.js"></script>
<script src="amcharts/gauge.js"></script>
<script src="amcharts/radar.js"></script>
<script src="amcharts/xy.js"></script>
<script src="ammap/ammap_amcharts_extension.js"></script>
<script src="amcharts/plugins/dataloader/dataloader.js"></script>
<link rel="stylesheet" media="screen" href="//handsontable.com/dist/handsontable.full.css">
<style>
body {
font-family: Arial;
margin: 0 1em
}
</style>
<h4>ProseMirror Widget Examples</h4>
<p>This editor demonstrates customizations which can be added to the ProseMirror editor including <br/>
widgets, pulldown menus and modal parameter handling and validation. <br/>
Insert a widget and adjust its settings. Hover and click on the edit icon to modify (in most cases).<br/>
Here is an example http://www.iastate.edu
</p>
<div id="editor"></div>
<h5>Content Widgets</h5>
<p>The following widgets can be inserted within text or as a separate block of text.</p>
<ul>
<li><strong>Image:</strong> Enter <strong>img.png</strong> for a test image.
<li><strong>CarryForward</strong> displays previous student answers</li>
<li><strong>InlineMath and BlockMath</strong> use MathJax.
Swipe the equations below to test:<br/>
inline: <strong>f(x)=(x+a)(x+b)</strong><br/>
block: <strong><span class="nb"> </span><span class="nv">\lim</span><span class="nb">_{x</span><span class="nv">\to</span><span class="nb"> </span><span class="m">0</span><span class="nb">}{</span><span class="nv">\frac</span><span class="nb">{e^x</span><span class="o">-</span><span class="m">1</span><span class="nb">}{</span><span class="m">2</span><span class="nb">x}}</span>
<span class="nb"> </span><span class="nv">\overset</span><span class="nb">{</span><span class="nv">\left</span><span class="o">[</span><span class="nv">\frac</span><span class="nb">{</span><span class="m">0</span><span class="nb">}{</span><span class="m">0</span><span class="nb">}</span><span class="nv">\right</span><span class="o">]</span><span class="nb">}{</span><span class="nv">\underset</span><span class="nb">{</span><span class="nv">\mathrm</span><span class="nb">{H}}{</span><span class="o">=</span><span class="nb">}}</span>
<span class="nb"> </span><span class="nv">\lim</span><span class="nb">_{x</span><span class="nv">\to</span><span class="nb"> </span><span class="m">0</span><span class="nb">}{</span><span class="nv">\frac</span><span class="nb">{e^x}{</span><span class="m">2</span><span class="nb">}}</span><span class="o">=</span><span class="nb">{</span><span class="nv">\frac</span><span class="nb">{</span><span class="m">1</span><span class="nb">}{</span><span class="m">2</span><span class="nb">}}</span>
</strong>
</li>
<li><strong>Spreadsheet</strong> uses Handsontable for integration.</li>
<li><strong>Website</strong> embeds websites, youTube, GoogleMaps...</li>
</ul>
<h5>Answer Widgets</h5>
<p>A Survey consists of survey questions. Each question includes regular text (possibly including content widgets) followed by one of the following answer widgets:
<ul>
<li><strong>Short Answer, Essay, Checkbox and Select Dropdown</strong></li>
<li><strong>Choice List (multiple choice), Check List and Scale</strong></li>.
</ul>
<p><a href="https://github.com/pboysen/prosemirror-widgets.git">Source</a></p>
<p><a href="mailto: [email protected]">Pete Boysen</a></p>
<div id="content" style="visibility:hidden">
<p>Here is some beginning text to test out the editor</p>
<p>Another paragraph</p>
</div>
<div>Icon made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed under <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC BY 3.0</a></div>
<div>Icons made by <a href="http://www.flaticon.com/authors/budi-tanrim" title="Budi Tanrim">Budi Tanrim</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC BY 3.0</a></div>
<script src="widgets-built-min.js"></script>