插件 jQuery.liveurl 中文API文档

🌙
手机阅读
本文目录结构

插件 jQuery.liveurl 中文API文档 https://github.com/stephan-fischer/jquery-LiveUrl

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/

Installation

Include this script after the jQuery library

  <script src="/path/to/jquery.liveurl.js"></script>

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:

$('textarea').liveUrl({
  success : function(data) 
  {  
    console.log(data);
    // this return the first found url data
  }
});

returns:

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

Authors

Stephan Fischer

Donation

If you want to support me, make a small donation at www.paypal.com: stephan@ainetworks.de

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了