LXML - remove element's parents while keeping the element

1
votes

I want to remove elements that wrap <img> tags but keep it inside <article> element:

So from this:

<article> 
<p>...
<br>
<br>
<strong>...
<span>
    <div>
        <img ....
    </div>
</span>
<p>...

Make this:

<article> 
<p>...
<br>
<br>
<strong>...
<img ....
<p>...

Without knowing how many and what tags is the <img> nested.

I was thinking about finding the first ancestor before <article>, remove it and append the copy of <img> tag.

The problem is that append adds it at the bottom of the article.

Do you know how to do that?

1
pythonhtmllxml

1 Answers

0
votes

You can use soup.insert with recursion:

import bs4
from bs4 import BeautifulSoup as soup
def has_img(d):
  if d.name == 'img':
     return d
  return None if len((j:=[i for i in getattr(d, 'contents', []) if isinstance(i, bs4.element.Tag)])) != 1 \
              else has_img(j[0])

def remove_wrapping(d):
   for i, a in enumerate(getattr(d, 'contents', [])):
      if a.name != 'img' and (img:=has_img(a)) is not None:
         a.extract()
         d.insert(i, img)
      else:
         remove_wrapping(a)

s = """
 <article> 
 <p></p>
 <br>
 <br>
 <strong></strong>
 <span>
   <div>
      <img src='http://something.com'>
   </div>
 </span>
 <p></p>
 </article>
"""
d = soup(s, 'html.parser').article
remove_wrapping(d)
print(d)

Output:

<article>
<p></p>
<br/>
<br/>
<strong></strong>
<img src="http://something.com"/>
<p></p>
</article>