使用 React Native 解析 RSS 提要时，如何获取 description 标签内的 description 和 imageUrl? [英] How do I get the description and imageUrl inside description tag when parsing an RSS feed using React Native?

问题描述

这是我尝试解析的来自 RSS 提要的 item 的样子:

This is how an item from the RSS feed that Im trying to parse looks like:

<item>
<title>
Former cop gets 18 years in prison for shooting civilian to death
</title>
<description>
<![CDATA[
<a href="https://e.vnexpress.net/news/news/former-cop-gets-18-years-in-prison-for-shooting-civilian-to-death-4020110.html"><img width=130 height=100 src="https://i-english.vnecdn.net/2019/11/30/phuoc146331574997301-157508140-8364-4799-1575086150_180x108.jpg" ></a></br>A Dong Nai court sentenced a former traffic policeman to 18 years in prison on Friday for fatally shooting a man in a family feud.
]]>
</description>
<pubDate>Sat, 30 Nov 2019 12:00:00 +0700</pubDate>
<link>
https://e.vnexpress.net/news/news/former-cop-gets-18-years-in-prison-for-shooting-civilian-to-death-4020110.html
</link>
<guid>
https://e.vnexpress.net/news/news/former-cop-gets-18-years-in-prison-for-shooting-civilian-to-death-4020110.html
</guid>
<slash:comments>0</slash:comments>
</item>

这就是我从 RSS 提要中获取 title 的方式，我使用的是 react-native-rss-parser (https://www.npmjs.com/package/react-native-rss-parser):>

This is how I get the title from the RSS feed, I'm using react-native-rss-parser (https://www.npmjs.com/package/react-native-rss-parser):

fetch('https://vnexpress.net/rss/tin-moi-nhat.rss')
     .then((response) => response.text())
     .then((responseData) => rssParser.parse(responseData))
     .then((rss) =>  { 
         this.setState(prevState => ({
             ...prevState,

             title0: rss.items[0] ? rss.items[0].title : '',
             caption0: rss.items[0] ? rss.items[0].description : ''
         }))    
     })

const Feeds = ([
        {
        pic: require('../assets/images/image.jpg'), 
        title: this.state.title0,
        caption: this.state.caption0
      },
])

我正在尝试解析 description 和嵌套在 description 标签内的 imageUrl.我该怎么做?有什么建议吗?

I'm trying to parse the description and the imageUrl which is nested inside the description tag. How would I do that? Any suggestions?

推荐答案

使用 jquery 你可以解析它并获取里面的所有字符串，如果你只需要最后一个字符串你可以在 nodeNames 列表中获取最后一个索引

using jquery you can parse it and get all the strings inside if you only need the last string you can get the last index at nodeNames list

    str = '<a href="https://e.vnexpress.net/news/news/former-cop-gets-18-years-in-prison-for-shooting-civilian-to-death-4020110.html"><img width=130 height=100 src="https://i-english.vnecdn.net/2019/11/30/phuoc146331574997301-157508140-8364-4799-1575086150_180x108.jpg" ></a></br>A Dong Nai court sentenced a former traffic policeman to 18 years in prison on Friday for fatally shooting a man in a family feud.',
    html = $.parseHTML( str ),
    nodeNames = [];

    // Gather the parsed HTML's node names
    $.each( html, function( i, el ) {
        if(el.nodeName=='#text'){
            nodeNames[ i ] = el.nodeValue;
        }else{
            nodeNames[ i ] = el.innerText;
        }
    });
    console.log(nodeNames);

<小时>

只有 js 这将返回文本内容

---

with only js this will return text content

function parseHTML(html) {
    var t = document.createElement('template');
    t.innerHTML = html;
    return t.content.cloneNode(true).textContent;
}

这篇关于使用 React Native 解析 RSS 提要时，如何获取 description 标签内的 description 和 imageUrl?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！