https://github.com/stephan-fischer/jquery-liveurl

Facebook Attachment Clone
https://github.com/stephan-fischer/jquery-liveurl

Last synced: about 21 hours ago
JSON representation

Facebook Attachment Clone

• Host: GitHub
• URL: https://github.com/stephan-fischer/jquery-liveurl
• Owner: stephan-fischer
• Created: 2012-10-26T14:33:17.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2019-11-26T16:11:13.000Z (about 5 years ago)
• Last Synced: 2025-02-05T16:15:45.946Z (3 days ago)
• Language: JavaScript
• Homepage:
• Size: 29.3 KB
• Stars: 119
• Watchers: 10
• Forks: 44
• Open Issues: 18
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# jquery.liveurl - a facebook attachment clone (version 1.2.2)

This plugin enables a **live preview** for an url in a *textarea*,

like the facebook attachment
 of a post. Multiple images and a video preview is in this demo integrated.

## Features

 + Filters urls and images from a textarea

 + Multiple Images

 + Video Preview

 + NO PHP required (YQL)

 + Meta Tag Recognition

 + Body Images Inspector

 + Body Paragraphs Inspector for Description Fallback

 

## Demo

**Online-Demo:** http://liveurl.ainetworks.de/demo/

[![](http://25.media.tumblr.com/tumblr_mdiyp1bDim1rl9djro1_1280.png)](http://25.media.tumblr.com/tumblr_mdiyp1bDim1rl9djro1_1280.png)

## Installation

Include this script **after** the jQuery library

```html

  

```

## Browser Compatibility

 + Google Chrome 23

 + Mozilla Firefox 16.0.2

 * Internet Explorer 7, 8 and 9

 + Safari 5.1.7

## Quick Usage

You can use this plugin on every textarea. Start it directly:

```javascript

$('textarea').liveUrl({

  success : function(data) 

  {  

    console.log(data);

    // this return the first found url data

  }

});

```

### returns: ###

```javascript

Object = {

    title: "New Car Quotes, Buy Used Cars, and Prices | The cars.com alternative  | Car.com", 

    description: "Car Reviews, Car Financing, and a Free non-obligat…e.", 

    url: "http://www.car.com", 

    video: null

}

```

## Options

| Option | Parameter | Default |  Description |

| ------------- | ------------- |------------- | ------------- |

| *findLogo* | `[boolean (true / false)]` | `false` |  should search for an image or class namend "logo" for the image preview |  

| *logoWord* | `[string]` | `logo`  | Word, which should be searched, used for the "findLogo" option  | 

| *findDescription* | `[boolean (true / false)]` | `true` |  should search for an p tag with text, only if the description is not given |  

| *matchNoData* | `[boolean (true / false)]` | `true`  |  preview urls, which are not found (offline, 404) |  

| *multipleImages* | `[boolean (true / false)]` | `true`  |  preview more than one  image of the url  | 

| *minWidth* | `[integer]` | `100`  |  Value in pixel for the minimum width of each preview-image  | 

| *minHeight* | `[integer]` | `32`  |  Value in pixel for the minimum height of each preview-image  | 

| *loadStart* | `[function()]` | `{}`  | This function starts if the plugin start a page download - for an optional loader | 

| *loadEnd* | `[function()]` | `{}`  | This function starts if the plugin has finished the page download | 

| *success* | `[function()]` | `{data}`  | Returns the information about the first found url | 

| *addImage* | `[function()]` | `{image}`  | This function is started each time, if a picture is found | 

| *imgLoadStart* | `[function()]` | `{}`  | Not implemented | 

| *imgLoadEnd* | `[function()]` | `{}`  | Not implemented | 

## Development

- Source hosted at [GitHub](https://github.com/stephan-fischer/jQuery-LiveUrl)

- Report issues, questions, feature requests on [GitHub Issues](https://github.com/stephan-fischer/jQuery-LiveUrl/issues)

## Authors

[Stephan Fischer](https://github.com/stephan-fischer)

## Donation

If you want to support me, make a small donation  at www.paypal.com: [email protected]