-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
80 lines (67 loc) · 2.9 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
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html>
<head>
<title>Demo of oEmbed plugin for Redactor (powered by Iframely API)</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://imperavi.com/assets/css/redactor.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://imperavi.com/assets/js/redactor.js"></script>
<!-- Redactor's plugin -->
<!-- Setup iframely redactor plugin. -->
<script src="redactor_iframely_plugin.js"></script>
<!-- Call Redactor -->
<script type="text/javascript">
$(document).ready(function() {
$('#redactor').redactor({
plugins: ['iframely'], // Enable plugin.
oembedEndpoint: 'http://open.iframe.ly/api/oembed' // Set your embed endpoint, e.g. 'http://iframe.ly/api/oembed?api_key={YOUR API KEY HERE}';
});
});
</script>
<!-- Site styles -->
<style type="text/css">
html, body {
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
}
#page {
width: 940px;
margin: 50px auto;
}
#page>h1, #page>h2, #page>p {
text-align: center;
}
#page>p {
padding: 10px;
}
#page>p.links>a {
color: red;
}
</style>
</head>
<body>
<div id="page">
<h1>Demo - Iframely plugin for Redactor.</h1>
<h2>Add rich media embeds.</h2>
<textarea id="redactor" name="content" style="width: 99%; height: 400px;">
<p>
Instructions for the demo: just put http links on the separate line. For example, YouTube, Vimeo, Flickr, Imgur, 500px, Google Maps, SoundCloud, etc.
</p>
<p>
He took hold of a straight-backed chair and moved it slowly and steadily into the hall near the front door and climbed up on it and stood for a moment like a statue on a pedestal, his wife standing under him, waiting. Then he reached up and pulled back the grill of the air-conditioning system and reached far back inside to the right and moved still another sliding sheet of metal and took out a book. Without looking at it he dropped it to the floor. He put his hand back up and took out two books and moved his hand down and dropped the two books to the floor. He kept moving his hand and dropping books, small ones, fairly large ones, yellow, red, green ones. When he was done he looked down upon some twenty books lying at his wife’s feet.
</p>
</textarea>
<p class="links">
<a href="https://github.com/itteco/redactor-iframely-plugin">Get plugin</a>
|
<a href="https://iframely.com">Get Iframely</a>
|
<a href="http://imperavi.com/redactor">Get Redactor</a>
</p>
</div>
</body>
</html>