@@ -74,99 +74,99 @@ <h5 class="title">Features</h5>
7474 < h5 class ="title "> Documentation</ h5 >
7575 < pre > < code >
7676
77- $('#element').emoticons ({
78- //Instructs the library whether or not to embed urls
79- link : true,
80- //same as the target attribute in html anchor tag . supports all html supported target values.
81- linkTarget : '_blank',
82- //Array of extensions to be excluded from converting into links
83- linkExclude : ['jpg','pdf'],
84- //set true to show a preview of pdf links
85- pdfEmbed : true,
86- //set true to embed images
87- imageEmbed : true,
88- //set true to embed audio
89- audioEmbed : false,
90- //set true to show a preview of youtube/vimeo videos with details
91- videoEmbed : true,
92- //set true to show basic video files like mp4 etc. (supported by html5 player)
93- basicVideoEmbed : true,
94- //width of the video frame (in pixels)
95- videoWidth : 640,
96- //height of the video frame (in pixels)
97- videoHeight : 390,
98- //( Mandatory ) The authorization key obtained from google's developer console for
99- //using youtube data api and map embed api
100- gdevAuthKey : 'xxxxxxx',
101- //Set google map location embed
102- // Use @(place-name) to use this feature . Eg: @(Sydney)
103- locationEmbed :true,
104- //Instructs the library whether or not to highlight code syntax.
105- highlightCode : true,
106- //Instructs the library whether or not embed the tweets
107- tweetsEmbed : true,
108- tweetOptions:{
109- //The maximum width of a rendered Tweet in whole pixels. Must be between 220 and 550 inclusive.
110- maxWidth : 550,
111- //When set to true or 1 links in a Tweet are not expanded to photo, video, or link previews.
112- hideMedia : false,
113- //When set to true or 1 a collapsed version of the previous Tweet in a conversation thread
114- //will not be displayed when the requested Tweet is in reply to another Tweet.
115- hideThread : false,
116- //Specifies whether the embedded Tweet should be floated left, right, or center in
117- //the page relative to the parent element.Valid values are left, right, center, and none.
118- //Defaults to none, meaning no alignment styles are specified for the Tweet.
119- align : 'none',
120- //Request returned HTML and a rendered Tweet in the specified.
121- //Supported Languages listed here (https://dev.twitter.com/web/overview/languages)
122- lang : 'en'
123- },
124- //set to true to embed codepen
125- codepenEmbed :true,
126- //codepen height (width can be adjusted by css)
127- codepenHeight :300,
128- //set to true to embed jsfiddle
129- jsfiddleEmbed :true,
130- //jsfiddle height (width can be adjusted by css)
131- jsfiddleHeight :300,
132- //set to true to embed jsbin
133- jsbinEmbed :true,
134- //jsbin height (width can be adjusted by css)
135- jsbinHeight :300,
136- //set to true to embed soundcloud
137- spotifyEmbed :true,
138- soundCloudEmbed : true,
139- soundCloudOptions: {
140- height : 160,
141- themeColor : 'f50000', //Hex Code of the player theme color
142- autoPlay : false,
143- hideRelated : false,
144- showComments: true,
145- showUser : true, //Show or hide the uploader name, useful e.g. in tiny players to save space)
146- showReposts : false,
147- visual : false, //Show/hide the big preview image
148- download : false //Show/Hide download buttons
149- },
150- twitchtvEmbed :true,
151- dotsubEmbed :true,
152- dailymotionEmbed :true,
153- vineEmbed : true,
154- vineOptions:{
155- width:500,
156- type:'postcard' //'postcard' or 'simple' embedding
157- },
158- tedEmbed :true,
159- liveleakEmbed :true,
160- //callback before pdf preview
161- beforePdfPreview : function(){},
162- //callback after pdf preview
163- afterPdfPreview : function(){},
164- // callback on video frame view
165- onVideoShow:function(){},
166- //callback on video load (youtube/vimeo)
167- onVideoLoad:function(){}
77+ $('#element').embed ({
78+ //Instructs the library whether or not to embed urls
79+ link : true,
80+ //same as the target attribute in html anchor tag . supports all html supported target values.
81+ linkTarget : '_blank',
82+ //Array of extensions to be excluded from converting into links
83+ linkExclude : ['jpg','pdf'],
84+ //set true to show a preview of pdf links
85+ pdfEmbed : true,
86+ //set true to embed images
87+ imageEmbed : true,
88+ //set true to embed audio
89+ audioEmbed : false,
90+ //set true to show a preview of youtube/vimeo videos with details
91+ videoEmbed : true,
92+ //set true to show basic video files like mp4 etc. (supported by html5 player)
93+ basicVideoEmbed : true,
94+ //width of the video frame (in pixels)
95+ videoWidth : 640,
96+ //height of the video frame (in pixels)
97+ videoHeight : 390,
98+ //( Mandatory ) The authorization key obtained from google's developer console for
99+ //using youtube data api and map embed api
100+ gdevAuthKey : 'xxxxxxx',
101+ //Set google map location embed
102+ // Use @(place-name) to use this feature . Eg: @(Sydney)
103+ locationEmbed :true,
104+ //Instructs the library whether or not to highlight code syntax.
105+ highlightCode : true,
106+ //Instructs the library whether or not embed the tweets
107+ tweetsEmbed : true,
108+ tweetOptions:{
109+ //The maximum width of a rendered Tweet in whole pixels. Must be between 220 and 550 inclusive.
110+ maxWidth : 550,
111+ //When set to true or 1 links in a Tweet are not expanded to photo, video, or link previews.
112+ hideMedia : false,
113+ //When set to true or 1 a collapsed version of the previous Tweet in a conversation thread
114+ //will not be displayed when the requested Tweet is in reply to another Tweet.
115+ hideThread : false,
116+ //Specifies whether the embedded Tweet should be floated left, right, or center in
117+ //the page relative to the parent element.Valid values are left, right, center, and none.
118+ //Defaults to none, meaning no alignment styles are specified for the Tweet.
119+ align : 'none',
120+ //Request returned HTML and a rendered Tweet in the specified.
121+ //Supported Languages listed here (https://dev.twitter.com/web/overview/languages)
122+ lang : 'en'
123+ },
124+ //set to true to embed codepen
125+ codepenEmbed :true,
126+ //codepen height (width can be adjusted by css)
127+ codepenHeight :300,
128+ //set to true to embed jsfiddle
129+ jsfiddleEmbed :true,
130+ //jsfiddle height (width can be adjusted by css)
131+ jsfiddleHeight :300,
132+ //set to true to embed jsbin
133+ jsbinEmbed :true,
134+ //jsbin height (width can be adjusted by css)
135+ jsbinHeight :300,
136+ //set to true to embed soundcloud
137+ spotifyEmbed :true,
138+ soundCloudEmbed : true,
139+ soundCloudOptions: {
140+ height : 160,
141+ themeColor : 'f50000', //Hex Code of the player theme color
142+ autoPlay : false,
143+ hideRelated : false,
144+ showComments: true,
145+ showUser : true, //Show or hide the uploader name, useful e.g. in tiny players to save space)
146+ showReposts : false,
147+ visual : false, //Show/hide the big preview image
148+ download : false //Show/Hide download buttons
149+ },
150+ twitchtvEmbed :true,
151+ dotsubEmbed :true,
152+ dailymotionEmbed :true,
153+ vineEmbed : true,
154+ vineOptions:{
155+ width:500,
156+ type:'postcard' //'postcard' or 'simple' embedding
157+ },
158+ tedEmbed :true,
159+ liveleakEmbed :true,
160+ //callback before pdf preview
161+ beforePdfPreview : function(){},
162+ //callback after pdf preview
163+ afterPdfPreview : function(){},
164+ // callback on video frame view
165+ onVideoShow:function(){},
166+ //callback on video load (youtube/vimeo)
167+ onVideoLoad:function(){}
168168
169- });
169+ });
170170
171171 </ code > </ pre >
172172 </ div >
@@ -191,7 +191,7 @@ <h5 class="title">Examples</h5>
191191 </ div >
192192 < div id ="test3 " class ="col s12 ">
193193 < pre > < code >
194- $('.element').emoticons ();
194+ $('.element').embedJS ();
195195 </ code > </ pre >
196196 </ div >
197197 </ div >
@@ -221,7 +221,7 @@ <h5 class="title">Examples</h5>
221221 </ div >
222222 < div id ="test22 " class ="col s12 ">
223223 < pre > < code >
224- $('.element2').emoticons ({
224+ $('.element2').embedJS ({
225225 ytAuthKey:'xxxxxxxxxxxxxxxxx'
226226});
227227 </ code > </ pre >
@@ -253,7 +253,7 @@ <h5 class="title">Examples</h5>
253253 </ div >
254254 < div id ="test32 " class ="col s12 ">
255255 < pre > < code >
256- $('.element3').emoticons ();
256+ $('.element3').embedJS ();
257257 </ code > </ pre >
258258 </ div >
259259 </ div >
@@ -283,7 +283,7 @@ <h5 class="title">Examples</h5>
283283 </ div >
284284 < div id ="test42 " class ="col s12 ">
285285 < pre > < code >
286- $('.element4').emoticons ();
286+ $('.element4').embedJS ();
287287 </ code > </ pre >
288288 </ div >
289289 </ div >
@@ -313,7 +313,7 @@ <h5 class="title">Examples</h5>
313313 </ div >
314314 < div id ="test52 " class ="col s12 ">
315315 < pre > < code >
316- $('.element4').emoticons ();
316+ $('.element4').embedJS ();
317317 </ code > </ pre >
318318 </ div >
319319 </ div >
@@ -355,7 +355,7 @@ <h5 class="title">Examples</h5>
355355 </ div >
356356 < div id ="test62 " class ="col s12 ">
357357 < pre > < code >
358- $('.element5').emoticons ({
358+ $('.element5').embedJS ({
359359 audioEmbed:true
360360});
361361 </ code > </ pre >
0 commit comments