使用javascript和regex将原始html转换为文本

Question

I have raw html with link tags and the goal I want to achieve is extract href attribute from tags and all text between tags except tags. For example:

<br>#EXTINF:-1 tvg-name="1377",Страшное HD<br>
<a title="Ссылка" rel="nofollow" href="http://4pda.ru/pages/go/?u=http%3A%2F%2F46.61.226.18%2Fhls%2FCH_C01_STRASHNOEHD%2Fbw3000000%2Fvariant.m3u8%3Fversion%3D2" target="_blank">http://46.61.226.18/hl…variant.m3u8?version=2</a>
<br>#EXTINF:-1  tvg-name="983" ,Первый канал HD<br>
<a title="Ссылка" rel="nofollow" href="http://4pda.ru/pages/go/?u=http%3A%2F%2F46.61.226.18%2Fhls%2FCH_C06_1TVHD%2Fbw3000000%2Fvariant.m3u8%3Fversion%3D2" target="_blank">http://46.61.226.18/hl…variant.m3u8?version=2</a>

have to convert to:

#EXTINF:-1 tvg-name="1377",Страшное HD
http://4pda.ru/pages/go/?u=http%3A%2F%2F46.61.226.18%2Fhls%2FCH_C01_STRASHNOEHD%2Fbw3000000%2Fvariant.m3u8%3Fversion%3D2
#EXTINF:-1  tvg-name="983" ,Первый канал HD
http://4pda.ru/pages/go/?u=http%3A%2F%2F46.61.226.18%2Fhls%2FCH_C06_1TVHD%2Fbw3000000%2Fvariant.m3u8%3Fversion%3D2

I tried different regex's:

Here what I did

1. var source_text = $("#source").val();

2. var delete_start_of_link_tag = source_text.replace(/<a(.+?)href="/gi, "");

   • delete beginning of the tag to the href attribute

3. var delete_tags = delete_start_of_link_tag.replace(/<\\/?\\w+((\\s+\\w+(\\s*=\\s*(?:".*?"|'.*?'|[^'">\\s]+))?)+\\s*|\\s*)\\/?>/gi, "");

   • delete all tags </a> , <br>

example

And then I want to delete all text after href values to the end of the line.

What regex should i use in replace method or maybe where is a some different way to do this converting?

Answer 1

Looks like you're already using jQuery.

Get the href of each anchor

$('a').each(function(){
    var href = $(this).attr('href');
});

Get the text of each anchor:

$('a').each(function(){
    var text = $(this).text();
});

You haven't shown a wrapper element around these but you can get the text (without tags) of any selection.

var text = $('#some_id').text();

Example

Answer 2

Formatting Anchor Tags

In your example , you are not replacing the "> part form the html.
So check this example

use this code to remove everything after href close quote(' or ")

var delete_tags = delete_start_of_link_tag.replace(/".*/gi, "");

And few things to notice are
1.The value in href is enclosed in single quote( ' ) or double quotes( " ), both are valid.
2.The exact regex to match all href in a given string or content is href=[\\"|'].*?[\\"|']
3.Some patterns in href values , I came across are below.

• http://www.so.com
• https://www.so.com
• www.so.com
• //so.com
• /socom.html
• javascript*
• mailto*
• tel*

So if you want to format URL's then you have consider the above cases and i may have missed some.