Display merged RSS Feed items in random order (example limited to 60 items displayed initially, loads more on scrolling):
<div webfan-rss-feeds="https://www.tagesschau.de/index~rss2.xml https://www.tagesschau.de/investigativ/index~rss2.xml https://www.tagesschau.de/faktenfinder/index~rss2.xml https://www.tagesschau.de/wissen/technologie/index~rss2.xml" webfan-rss-headline="h3" webfan-rss-max-items="60"></div>
The webfan.js has to be injected to run the component.
Customize item sorting
There are 3 modes of sort order available:
You can configure the sorting by the webfan-rss-sorting
-attribute of the component.
Example to display neswest items first:
<div webfan-rss-feeds="https://example.com/feed1.rss https://example.com/otherfeed2.rss"
webfan-rss-headline="h4" webfan-rss-max-items="5" webfan-rss-sorting="desc" style="max-height:1536px;"></div>
@Todo:
To provide the correct order by timestamps after merging the feeds, in the next version we will implement our @frdl/sort
package! It is available via npm:
npm i @frdl/sort
https://www.npmjs.com/package/@frdl/sort
It is just not implemented yet due to my time on other projects.
Comments
+ added customizable sorting of the feed items
There is an issue with the component, help requested. And the source code was posted here: https://startforum.de/content/perma?id=1930
Demo: https://frdlweb.de/service/news
If from any website, you have to regard the feeds CORS headers, and eventually use a proxy on your origin.