How to highlight selected text in angular

Asked Aug 13 '19 at 08:17

Active Aug 13 '19 at 08:29

Viewed 658 times

How do I add span tag for selected text in a group of text using Angular JS.

Html:

<div class="container" #contents 
    [attr.contenteditable]="contenteditable"
    (click)="changeContenteditable($event)"
    (mousemove)="showSelectedText($event)">
    Lorem Ipsum is simply dummied text of the printing and typesetting industry. Lorem Ipsum has been the industry's
</div>

If I select Lorem Ipsum, it should wrapped by span element.

How do I achieve this in angular 7

edited Aug 13 '19 at 08:29

beruic

4,837
3
34
56

asked Aug 13 '19 at 08:17

Dhamodaran P

Please examine https://stackoverflow.com/questions/5379120/get-the-highlighted-selected-text – ahmeticat Aug 13 '19 at 08:19
you want to surround it with HTML element dynamically to your selected text? – Pandiyan Cool Aug 13 '19 at 08:28
What is the purpose of wrapping it in a ``? – Nicholas K Aug 13 '19 at 08:41
To highlight the selected text – Dhamodaran P Aug 13 '19 at 09:15
@DhamodaranP highlight means? you want to change the color or background of text? – Pandiyan Cool Aug 13 '19 at 10:03

How to highlight selected text in angular

0 Answers0