<![CDATA[Frdlweb: Group blogs: November 2023}]]> https://frdl.de/blog/group/97/archive/1698796800/1701388800 https://frdl.de/blog/view/1169/rss-viewer-frdlwebjs-component Sun, 26 Nov 2023 05:39:10 +0000 https://frdl.de/blog/view/1169/rss-viewer-frdlwebjs-component <![CDATA[RSS Viewer - Frdlweb.js Component]]> 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:

  • rand : random order (default)
  • asc: oldest items first
  • desc: newest items first

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/sortpackage! 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.

]]> Melanie Wehowski