api.rss | service allows you to transform RSS feed | Continuous Deployment library

This only works if I show both of my div elements on the same page, like my blog page:

I want to render title and description in jsx (Reside in data-->feed->title or Description) also want to render each title and each pub date (Reside in data->items[array]->title and pub date)

I need:

• title
• link
• image (thumbnail)

From each post of the specific medium. API example:
https://api.rss2json.com/v1/api.json?rss_url=https://medium.com/feed/@mikaeriohana

My code is here:

JSON Example:
https://api.rss2json.com/v1/api.json?rss_url=https://medium.com/feed/@mikaeriohana

NOTE:
My intention is to take the JSON data (title, link and image) and display it in a carousel.

What should I change in order to show videos with titles?

Here is the code:

HTML:

I need to parse out a http link, an image and a few chars of text from between paragraph (p) elements'. My problem is that the data I need is contained within the 'content' property and I don't know the encoding or how to parse out the link, image and text and place them into variables I can use within the observable.

Using Angular and rxjs I am able to derive an array of objects that includes each article and the property I need. const http$ = this.api.rssSource$(); which is from the angular api.service.ts that gets the feed and returns an observable. Then I map it down to the array of objects using this code:

this.newsItems$ = http$ .pipe( map(res => Object.values(res['items']))); and I get this array of 20 items

(20) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

each object within the array above looks like this:

{content: "

A lot of text about something and then something else

using

How can I access the object so that I can then further parse it to populate variables for newsLink, newsImg, shortDes?

Thank in advances.