angular-editor icon indicating copy to clipboard operation
angular-editor copied to clipboard

disable toolbar not working

Open amit62331 opened this issue 4 years ago • 4 comments

hi @kolkov, i try to disable toolbar, using enableToolbar: false keyword its not woking.

amit62331 avatar Dec 18 '20 14:12 amit62331

Code please?

RevathiSekar avatar Dec 24 '20 07:12 RevathiSekar

Please find below code and link https://stackblitz.com/edit/angular-ncwgb2?file=src%2Fapp%2Fapp.component.ts

after "enableToolbar: false", still access the toolbar, for example "Html code button" it is clickable , so we can copy and paste the html code, error

amit62331 avatar Dec 26 '20 12:12 amit62331

You can choose the options in toolbar, but it is not changing any content inside the editor. You can either hide the toolbar using the showToolbar : true option or else add the following code for restricting and enabling click inside the toolbar

const temp = document.getElementsByClassName('angular-editor-toolbar');
let element = temp[0];
element.style.pointerEvents = 'none'; // To restrict click in toolbar
element.style.pointerEvents  = 'unset'; // To remove restriction in toolbar

RevathiSekar avatar Dec 29 '20 14:12 RevathiSekar

Yes even i am facing this issue, using enableToolbar: false, stil i can use the toolbar and inside the editor contents are affected based on the selection as well..this option is not working kindly help in this

image

image

prafulhk avatar Jul 17 '23 12:07 prafulhk