Capture Ng-click event from button inside the texteditor in text-angular

Question

Use-case : User clicks on a button inside text angular textarea and applications angular function to be invoked Changes made : We had added ng-click, onclick events in textAngular-sanitize.js refer below screenshot

and added button in svgIcons variable

So that a button should get displayed and ng-click, onclick not to be stripped out. Button with the ng-click is rendered successfully but onclick of the button we need to call a angular function in our application.

Issues faced: The ng-click is not calling any function and we don't know under the hood how to make it work.

Pluker demo.

Unfortunately I am not able to make the plunker work but the code change is there what we are trying to achieve

Anand Kadhi · Accepted Answer · 2022-03-06 11:06:45Z

0

I found that there is a event provided in text-angular for any of the tag type like the button I was asking in the question is actually a anchor tag.So I captured the anchor tag click by registering the event in taRegisterTool like below

taRegisterTool('yourWish', {

iconclass: "fa fa-xxxxx",

onElementSelect: {
  element: 'a',
  action: function(event, $element, editorScope){
    alert('Got the anchor tag selection event');       
}
}

});

answered Mar 6, 2022 at 11:06

Anand Kadhi

1,9185 gold badges29 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Capture Ng-click event from button inside the texteditor in text-angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related