Split json image and text from string

Question

I'm struggling to seperate image from text. I converted rss feed to json, because its easier to work whit, but I don't know how to split string or seperate image form text.

JSON: "description": "<img src=\"https://files.facepunch.com/s/cd60c1258ac2.jpg\"><br/>Raids, bases, mods, and more.",

Trying to get only <img src=\"https://files.facepunch.com/s/cd60c1258ac2.jpg\">

I'm begginer and started learning javascript recently, but can't figure out how if is even possible to split this.

https://jsfiddle.net/4szqst2m/

Added example from my code, still don't know if is possible to split/extract image from string under "description" property — , Jan 08 '18 at 09:58
You need to json decode the string, then you will be able to access the description as an array. — Jim Wright, Jan 08 '18 at 10:06
Still no clue how to solve this problem @JimWright how do you mean decode? — , Jan 08 '18 at 10:12
Please read up on parsing JSON with the `JSON.parse` function. — Jim Wright, Jan 08 '18 at 10:18

score 0 · Accepted Answer · answered Jan 08 '18 at 10:27

Of course depending on the text you pass this how you do it using regex:

var json = " \"description\": \"<img src=\"https://files.facepunch.com/s/cd60c1258ac2.jpg\"><br/>Raids, bases, mods, and more.";

var rex = /(<img[^>]+src="?[^"\s]+"?\s*\/?>)/g;

var imgTag = ''; 
var m = '';

while (m = rex.exec(json) ) {
    imgTag = m[1];
}

alert(imgTag);

Take a look at this answer too

Split json image and text from string

1 Answers1