jQuery RSS/ATOM Feed Handling Plugin - FeedEk

File Size: 18.3 KB
Views Total: 5156
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery RSS/ATOM Feed Handling Plugin - FeedEk

FeedEk is a feed widget built with jQuery for reading, importing, parsing RSS/ATOM Feeds from any domain.

It can help you easily create a Feed widget on your webpage to display feeds from any website.

How to use it:

1. Include jQuery library and the FeedEk plugin's script in the HTML document.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="js/FeedEk.min.js"></script>

2. Include the FeedEk's stylesheet to style your Feed widget

<link href="css/FeedEk.css" rel="stylesheet" type="text/css" />

3. Create a container for the RSS feed.

<div id="divRss"></div>

4. Call the plugin on the container element and specify the path to the RSS feed.

$(function(){
  $('#divRss').FeedEk({
    FeedUrl : 'https://www.jqueryscript.net/rss.xml'
  });
});

5. Specify the maximum of RSS entries to fetch. Default: 5.

$(function(){
  $('#divRss').FeedEk({
    FeedUrl : 'https://www.jqueryscript.net/rss.xml',
    MaxCount: 10
  });
});

6. Determine whether to show descriptions and publish dates.

$(function(){
  $('#divRss').FeedEk({
    FeedUrl : 'https://www.jqueryscript.net/rss.xml',
    ShowDesc: true,
    DescCharacterLimit: 0,
    ShowPubDate: true
  });
});

7. Customize the date format.

$(function(){
  $('#divRss').FeedEk({
    FeedUrl : 'https://www.jqueryscript.net/rss.xml',
    DateFormat: 'dd MMMM yyyy',
    DateFormatLang: 'en'
  });
});

8. Determine where to open the links.

$(function(){
  $('#divRss').FeedEk({
    FeedUrl : 'https://www.jqueryscript.net/rss.xml',
    TitleLinkTarget: "_blank"
  });
});

9. Set the offset in pixels. Default: 0.

$(function(){
  $('#divRss').FeedEk({
    FeedUrl : 'https://www.jqueryscript.net/rss.xml',
    Offset: 0,
  });
});

10. Determine whether to show the author info. Default: false.

$(function(){
  $('#divRss').FeedEk({
    FeedUrl : 'https://www.jqueryscript.net/rss.xml',
    ShowAuthor: true,
    AuthorLabel:"Author:",
  });
});

Changelog:

v3.2.0 (2022-02-04)

  • update

2022-01-30

  • Added Offset and ShowAuthor options

v3.1.1 (2019-08-22)

  • No need to use Moment.js for localization.

v3.1.0 (2019-01-21)

  • Update FeedEk.js

v3.0.0 (2015-12-04)

  • Update FeedEk.js

v2.0.0 (2014-01-22)

  • v2.0 release

This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.