How to add CSS and click event on text-editor's specific text in Angular?

Viewed 29

I am using text-editor to add notes. I want to display the underline at specific misspelled words. And when we hover or click on that word, the popover should open at the bottom of that word.

enter image description here

I am trying to add some CSS and click event, but text-editor is not taking any CSS or event. I tried like this

    this.note= this.latestHTMLText.replace(token, `<span style="color: orange;text-decoration: underline;" (click)="onClick()">${token}</span>`);

How can I add this CSS and event to my angular text-editor?

0 Answers
Related