Skip to content

Commit 66bbc5d

Browse files
committed
commit
1 parent 608ca8a commit 66bbc5d

2 files changed

Lines changed: 196 additions & 196 deletions

File tree

app/index.html

Lines changed: 98 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -81,99 +81,99 @@ <h5 class="title">Features</h5>
8181
<h5 class="title">Documentation</h5>
8282
<pre><code>
8383

84-
$('#element').emoticons({
85-
//Instructs the library whether or not to embed urls
86-
link : true,
87-
//same as the target attribute in html anchor tag . supports all html supported target values.
88-
linkTarget : '_blank',
89-
//Array of extensions to be excluded from converting into links
90-
linkExclude : ['jpg','pdf'],
91-
//set true to show a preview of pdf links
92-
pdfEmbed : true,
93-
//set true to embed images
94-
imageEmbed : true,
95-
//set true to embed audio
96-
audioEmbed : false,
97-
//set true to show a preview of youtube/vimeo videos with details
98-
videoEmbed : true,
99-
//set true to show basic video files like mp4 etc. (supported by html5 player)
100-
basicVideoEmbed : true,
101-
//width of the video frame (in pixels)
102-
videoWidth : 640,
103-
//height of the video frame (in pixels)
104-
videoHeight : 390,
105-
//( Mandatory ) The authorization key obtained from google's developer console for
106-
//using youtube data api and map embed api
107-
gdevAuthKey : 'xxxxxxx',
108-
//Set google map location embed
109-
// Use @(place-name) to use this feature . Eg: @(Sydney)
110-
locationEmbed :true,
111-
//Instructs the library whether or not to highlight code syntax.
112-
highlightCode : true,
113-
//Instructs the library whether or not embed the tweets
114-
tweetsEmbed : true,
115-
tweetOptions:{
116-
//The maximum width of a rendered Tweet in whole pixels. Must be between 220 and 550 inclusive.
117-
maxWidth : 550,
118-
//When set to true or 1 links in a Tweet are not expanded to photo, video, or link previews.
119-
hideMedia : false,
120-
//When set to true or 1 a collapsed version of the previous Tweet in a conversation thread
121-
//will not be displayed when the requested Tweet is in reply to another Tweet.
122-
hideThread : false,
123-
//Specifies whether the embedded Tweet should be floated left, right, or center in
124-
//the page relative to the parent element.Valid values are left, right, center, and none.
125-
//Defaults to none, meaning no alignment styles are specified for the Tweet.
126-
align : 'none',
127-
//Request returned HTML and a rendered Tweet in the specified.
128-
//Supported Languages listed here (https://dev.twitter.com/web/overview/languages)
129-
lang : 'en'
130-
},
131-
//set to true to embed codepen
132-
codepenEmbed :true,
133-
//codepen height (width can be adjusted by css)
134-
codepenHeight :300,
135-
//set to true to embed jsfiddle
136-
jsfiddleEmbed :true,
137-
//jsfiddle height (width can be adjusted by css)
138-
jsfiddleHeight :300,
139-
//set to true to embed jsbin
140-
jsbinEmbed :true,
141-
//jsbin height (width can be adjusted by css)
142-
jsbinHeight :300,
143-
//set to true to embed soundcloud
144-
spotifyEmbed :true,
145-
soundCloudEmbed : true,
146-
soundCloudOptions: {
147-
height : 160,
148-
themeColor : 'f50000', //Hex Code of the player theme color
149-
autoPlay : false,
150-
hideRelated : false,
151-
showComments: true,
152-
showUser : true, //Show or hide the uploader name, useful e.g. in tiny players to save space)
153-
showReposts : false,
154-
visual : false, //Show/hide the big preview image
155-
download : false //Show/Hide download buttons
156-
},
157-
twitchtvEmbed :true,
158-
dotsubEmbed :true,
159-
dailymotionEmbed :true,
160-
vineEmbed : true,
161-
vineOptions:{
162-
width:500,
163-
type:'postcard' //'postcard' or 'simple' embedding
164-
},
165-
tedEmbed :true,
166-
liveleakEmbed :true,
167-
//callback before pdf preview
168-
beforePdfPreview : function(){},
169-
//callback after pdf preview
170-
afterPdfPreview : function(){},
171-
// callback on video frame view
172-
onVideoShow:function(){},
173-
//callback on video load (youtube/vimeo)
174-
onVideoLoad:function(){}
84+
$('#element').embed({
85+
//Instructs the library whether or not to embed urls
86+
link : true,
87+
//same as the target attribute in html anchor tag . supports all html supported target values.
88+
linkTarget : '_blank',
89+
//Array of extensions to be excluded from converting into links
90+
linkExclude : ['jpg','pdf'],
91+
//set true to show a preview of pdf links
92+
pdfEmbed : true,
93+
//set true to embed images
94+
imageEmbed : true,
95+
//set true to embed audio
96+
audioEmbed : false,
97+
//set true to show a preview of youtube/vimeo videos with details
98+
videoEmbed : true,
99+
//set true to show basic video files like mp4 etc. (supported by html5 player)
100+
basicVideoEmbed : true,
101+
//width of the video frame (in pixels)
102+
videoWidth : 640,
103+
//height of the video frame (in pixels)
104+
videoHeight : 390,
105+
//( Mandatory ) The authorization key obtained from google's developer console for
106+
//using youtube data api and map embed api
107+
gdevAuthKey : 'xxxxxxx',
108+
//Set google map location embed
109+
// Use @(place-name) to use this feature . Eg: @(Sydney)
110+
locationEmbed :true,
111+
//Instructs the library whether or not to highlight code syntax.
112+
highlightCode : true,
113+
//Instructs the library whether or not embed the tweets
114+
tweetsEmbed : true,
115+
tweetOptions:{
116+
//The maximum width of a rendered Tweet in whole pixels. Must be between 220 and 550 inclusive.
117+
maxWidth : 550,
118+
//When set to true or 1 links in a Tweet are not expanded to photo, video, or link previews.
119+
hideMedia : false,
120+
//When set to true or 1 a collapsed version of the previous Tweet in a conversation thread
121+
//will not be displayed when the requested Tweet is in reply to another Tweet.
122+
hideThread : false,
123+
//Specifies whether the embedded Tweet should be floated left, right, or center in
124+
//the page relative to the parent element.Valid values are left, right, center, and none.
125+
//Defaults to none, meaning no alignment styles are specified for the Tweet.
126+
align : 'none',
127+
//Request returned HTML and a rendered Tweet in the specified.
128+
//Supported Languages listed here (https://dev.twitter.com/web/overview/languages)
129+
lang : 'en'
130+
},
131+
//set to true to embed codepen
132+
codepenEmbed :true,
133+
//codepen height (width can be adjusted by css)
134+
codepenHeight :300,
135+
//set to true to embed jsfiddle
136+
jsfiddleEmbed :true,
137+
//jsfiddle height (width can be adjusted by css)
138+
jsfiddleHeight :300,
139+
//set to true to embed jsbin
140+
jsbinEmbed :true,
141+
//jsbin height (width can be adjusted by css)
142+
jsbinHeight :300,
143+
//set to true to embed soundcloud
144+
spotifyEmbed :true,
145+
soundCloudEmbed : true,
146+
soundCloudOptions: {
147+
height : 160,
148+
themeColor : 'f50000', //Hex Code of the player theme color
149+
autoPlay : false,
150+
hideRelated : false,
151+
showComments: true,
152+
showUser : true, //Show or hide the uploader name, useful e.g. in tiny players to save space)
153+
showReposts : false,
154+
visual : false, //Show/hide the big preview image
155+
download : false //Show/Hide download buttons
156+
},
157+
twitchtvEmbed :true,
158+
dotsubEmbed :true,
159+
dailymotionEmbed :true,
160+
vineEmbed : true,
161+
vineOptions:{
162+
width:500,
163+
type:'postcard' //'postcard' or 'simple' embedding
164+
},
165+
tedEmbed :true,
166+
liveleakEmbed :true,
167+
//callback before pdf preview
168+
beforePdfPreview : function(){},
169+
//callback after pdf preview
170+
afterPdfPreview : function(){},
171+
// callback on video frame view
172+
onVideoShow:function(){},
173+
//callback on video load (youtube/vimeo)
174+
onVideoLoad:function(){}
175175

176-
});
176+
});
177177

178178
</code></pre>
179179
</div>
@@ -198,7 +198,7 @@ <h5 class="title">Examples</h5>
198198
</div>
199199
<div id="test3" class="col s12">
200200
<pre><code>
201-
$('.element').emoticons();
201+
$('.element').embedJS();
202202
</code></pre>
203203
</div>
204204
</div>
@@ -228,7 +228,7 @@ <h5 class="title">Examples</h5>
228228
</div>
229229
<div id="test22" class="col s12">
230230
<pre><code>
231-
$('.element2').emoticons({
231+
$('.element2').embedJS({
232232
ytAuthKey:'xxxxxxxxxxxxxxxxx'
233233
});
234234
</code></pre>
@@ -260,7 +260,7 @@ <h5 class="title">Examples</h5>
260260
</div>
261261
<div id="test32" class="col s12">
262262
<pre><code>
263-
$('.element3').emoticons();
263+
$('.element3').embedJS();
264264
</code></pre>
265265
</div>
266266
</div>
@@ -290,7 +290,7 @@ <h5 class="title">Examples</h5>
290290
</div>
291291
<div id="test42" class="col s12">
292292
<pre><code>
293-
$('.element4').emoticons();
293+
$('.element4').embedJS();
294294
</code></pre>
295295
</div>
296296
</div>
@@ -320,7 +320,7 @@ <h5 class="title">Examples</h5>
320320
</div>
321321
<div id="test52" class="col s12">
322322
<pre><code>
323-
$('.element4').emoticons();
323+
$('.element4').embedJS();
324324
</code></pre>
325325
</div>
326326
</div>
@@ -362,7 +362,7 @@ <h5 class="title">Examples</h5>
362362
</div>
363363
<div id="test62" class="col s12">
364364
<pre><code>
365-
$('.element5').emoticons({
365+
$('.element5').embedJS({
366366
audioEmbed:true
367367
});
368368
</code></pre>

0 commit comments

Comments
 (0)