python to select text from mixed codes

Question

updates so far:

beautifulsoup works partly. How to remove whatever text between <style> and <\style>?

---

I am trying to write a function so that from such a text

<style>.card {
 font-family: arial;
 font-size: 20px;
 text-align: center;
 color: black;
 background-color: white;
}
</style>qüestion

<hr id=answer>

änswer

to get only these out

word[0] = qüestion
word[1] = änswer

the words could contain umlauts.

I thought re or regexcould probably do the job, but I couldn't succeed! Thanks for any help :)

Answer 1

How to remove whatever text between <style> and </style>?

You need to extract() the style tags or clear() them:

>>> from bs4 import BeautifulSoup
>>> s = '''<style>.card {
 font-family: arial;
 font-size: 20px;
 text-align: center;
 color: black;
 background-color: white;
}
</style>question

<hr id=answer>

answer'''
>>> soup = BeautifulSoup(s, "html.parser")
>>> styles = [style.extract() for style in soup('style')] # Or, you may use...
>>> # soup.find("style").clear()
>>> results = soup.text.strip().split()
>>> print(results)
[u'question', u'answer']

With [style.extract() for style in soup('style')], you get all the style tags with their inner HTML and remove them from soup. Then, its text property only contains question and answer separated with some whitespace, so all you need to do is split the string.