Hjælp til manipulering af innerHtml i en div

Hej Eksperter.

Jeg har en div som brugerne kan paste eller skrive indhold i. Hvis de paster indhold ind kan innerhtmllen f.eks. se således ud.

<div class="someclass">some content inside a div</div>osv osv.

Jeg vil gerne implementere et søgefelt som highlighter det content brugeren søger på. Det gør jeg ved at ændre i innerhtml så hvis de f.eks. i ovenstående søger på "div" vil jeg gerne have inner html til at se sådan her ud.

<div class="someclass">some content inside a <span class="hightlight">div</span></div>osv osv.

Mit problem lige nu er at jeg laver en søg erstat på inner htmllen med det brugeren søger på. Men det dur ikke fordi jeg så kommer til at fange selve div tags'ene også og så ødelægger jeg htmllen.

Hvis jeg kunne lave et regular udtræk der kun finder tekst som ikke er inde i et html tag så er det nemt. Ellers er ideer velkomne. Løsning kodes i dart men måske jeg kan konvertere ideerne fra javascript til dart =)

Jeg har overvejet lidt at gennemløbe alle elements i min div og så tjekke deres indhold. Men så risikerer jeg vel at ramme et element der har et element inde i sig og så er der problemer igen =)