阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 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

      OptionParameterDefaultDescription
      findLogo[boolean (true / false)]falseshould search for an image or class namend “logo” for the image preview
      logoWord[string]logoWord, which should be searched, used for the “findLogo” option
      findDescription[boolean (true / false)]trueshould search for an p tag with text, only if the description is not given
      matchNoData[boolean (true / false)]truepreview urls, which are not found (offline, 404)
      multipleImages[boolean (true / false)]truepreview more than one image of the url
      minWidth[integer]100Value in pixel for the minimum width of each preview-image
      minHeight[integer]32Value 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

      目录
      目录