jQuery Preview"This will save you a ton of time." - Everyone
jQuery Preview is an easy to use plugin that allows developers to create a URL submission tool using jQuery and Embedly. It looks something like this:

It’s super easy to set up. All you need is a form, a little bit of Javascript and you can allow users to choose a thumbnail, edit metadata and embed content from over 200+ sources. It’s f-ing amazing and to prove it here is all the code you need to implement it client side.

We put together a number of examples, so you should go check out the demo site. It has everything you need to get started.
Dive in, use it, it’s awesome. For those interested, here is a bit more backstory.
Back in August we posted an EPIC, and I mean EPIC post on how to create a Facebook like URL submission tool with Embedly with EXT. It was a monster. 4,000+ words that was the authoritative masterpiece on creating an easy to use URL tool. It was so long that the average time on that page is almost 6 minutes, but guess what, no one used it.
I blame the fact that it wasn’t packaged into a nice library and, well, it was written using EXT core. 
We used EXT because it was an example for a client, but this time around we decided to go with the most popular Javascript framework. We also mixed in a few tools that helped the process along. All the html is generated by the Mustache.js templating library and we use Underscore.js to add a bunch of utility functions.
Please let us know what you think. Here are a couple helpful links:
Code: https://github.com/embedly/jquery-preview
Documentation: http://embedly.github.com/jquery-preview/demo/
Issues: https://github.com/embedly/jquery-preview/issues

jQuery Preview

"This will save you a ton of time." - Everyone

jQuery Preview is an easy to use plugin that allows developers to create a URL submission tool using jQuery and Embedly. It looks something like this:

It’s super easy to set up. All you need is a form, a little bit of Javascript and you can allow users to choose a thumbnail, edit metadata and embed content from over 200+ sources. It’s f-ing amazing and to prove it here is all the code you need to implement it client side.

We put together a number of examples, so you should go check out the demo site. It has everything you need to get started.

Dive in, use it, it’s awesome. For those interested, here is a bit more backstory.

Back in August we posted an EPIC, and I mean EPIC post on how to create a Facebook like URL submission tool with Embedly with EXT. It was a monster. 4,000+ words that was the authoritative masterpiece on creating an easy to use URL tool. It was so long that the average time on that page is almost 6 minutes, but guess what, no one used it.

I blame the fact that it wasn’t packaged into a nice library and, well, it was written using EXT core. 

We used EXT because it was an example for a client, but this time around we decided to go with the most popular Javascript framework. We also mixed in a few tools that helped the process along. All the html is generated by the Mustache.js templating library and we use Underscore.js to add a bunch of utility functions.

Please let us know what you think. Here are a couple helpful links:

Code: https://github.com/embedly/jquery-preview

Documentation: http://embedly.github.com/jquery-preview/demo/

Issues: https://github.com/embedly/jquery-preview/issues

Posted 3 years ago by embedly-team
Embed This