Creating highlight effect via html, etc

Ask the community
6

I’m not quite sure how you would do it with interaction…but you could do some kind of mouse-in/mouse-out event manipulation using code ( but note that the mouse-in/out events would be for the entire text element, not when you hover only on the specific highlighted word):

$w ( ‘#text3’ ). html = <p style="font-size: 50px">This is a sentence with some highlighted text which is awesome!</p>

$w ( '#text3' ). onMouseIn (() => { 
    $w ( '#text3' ). html  =  `<p style="font-size: 50px">This is a sentence with some <mark style="font-size: 50px">highlighted text</mark> which is awesome!</p>` 
}) 

$w ( '#text3' ). onMouseOut  (() => { 
    $w ( '#text3' ). html  =  `<p style="font-size: 50px">This is a sentence with some highlighted text which is awesome!</p>` 
})