FeedEk jQuery RSS/ATOM Feed Plugin

FeedEk is a jQuery plugin for parsing and displaying RSS and Atom feeds. You can obtain feeds easily from any domain. No need for server-side scripts.
Feed API is used for fetching RSS/Atom data.

• Tweet
  Star
• Download   GitHub   Demo   Examples

Usage

1. Include jQuery and FeedEk plugin scripts into your page.

   <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
   <script type="text/javascript" src="FeedEk.min.js"></script>
   

2. Add a placeholder for the plugin to your page

   <div id="divFeed"></div>

3. Call the plugin

   Basic

   $('#divFeed').FeedEk({
   FeedUrl:'https://jquery-plugins.net/rss'
   });
   

   Multiple Feed Url

   $('#divFeed').FeedEk({
   FeedUrl : ['https://jquery-plugins.net/rss',
    'http://rss.cnn.com/rss/cnn_topstories.rss']
   });
   

   With Options

   $('#divFeed').FeedEk({
   FeedUrl : 'https://jquery-plugins.net/rss',
   MaxCount : 5,
   ShowDesc : true,
   ShowPubDate:true,
   DescCharacterLimit:100,
   TitleLinkTarget:'_blank',
   DateFormat : 'MM/dd/yyyy',
   DateFormatLang : 'en',
   Offset: 5,
   ShowAuthor: true,
   AuthorLabel:"Author:",
   Success: function (feedItems) { },
   Error: function (error) { }
   });
   

Options

Name	Default	Required	Description
FeedUrl	Your Feed Url		The Feed URL
MaxCount	5		Feed Item Count
ShowDesc	True		Option to show Feed Item Description
ShowPubDate	True		Option to show Feed Item Publish Date
DescCharacterLimit	No Limit		Feed Description Characters Limit Count
TitleLinkTarget	_blank		Option for Feed Title Link Target
DateFormat	None		Date Format for Feed Publish Date
DateFormatLang	en		Date Format Language for Feed Publish Date
Offset	0		Offset option for pagination
ShowAuthor	false		Option to show Author of Feed Item
AuthorLabel	Author:		Option to set title of author label. ShowAuthor option must be true to set AuthorLabel.
Success			Callback to manipulate the DOM element wich contains the Feed Items after the load
Error			Callback when error occurs during fetching feeds.

Style

This is a simple css code that you can modify your feeds.

.feedEkList{width:450px; list-style:none outside none;background-color:#FFFFFF; border:1px solid #D3CAD7; padding:4px 6px; color:#3E3E3E;}
.feedEkList li{border-bottom:1px solid #D3CAD7; padding:5px;}
.feedEkList li:last-child{border-bottom:none;}
.itemTitle a{font-weight:bold; color:#4EBAFF !important; text-decoration:none }
.itemTitle a:hover{ text-decoration:underline }
.itemDate{font-size:11px;color:#AAAAAA;}
.itemAuthor{font-size:11px;color:#AAAAAA;text-align: right}

Share

Author

FeedEk is created by Engin KIZIL

» jquery-plugins.net   » enginkizil.com

Changelog

Version 3.2.0 – 03.02.2022 (Current Version)

• Multiple Feed Url option added.
• Success() and Error() callback methods are added.
• Offset option added for pagination.
• ShowAuthor option added to show Feed Item's authors.

Version 3.1.1 – 04.02.2019

• No need to use Moment.js for localization.

Version 3.1.0 – 20.01.2019

• Feed API is being used instead of YQL API

Version 3.0 – 03.12.2015

• YQL API is being used instead of Google Feed API.

Version 2.0.2 – 22.01.2014

• DateFormat option added to feed publish date.
• DateFormatLang option added to feed publish date format.

Version 1.1.2 – 04.03.2013

• Character Limit added to feed description.
• Feed title link target option added.

Version 1.0.0

• Initial Release