ng-disabled

[loykianos]

Hi there,
is there a way to disable the summernote? I have tried using ng-disabled but it doesn't seem to work.
Good job either way.

[outsideris]

Now, it isn't supported. I will consider it.

[bjaraujo]

+1

[chakrabandla]

Any updates please

[martijndebruijn]

+1 would be great. Reduces a lot of boilerplate is my existing code.

[hamxabaig]

+1 please.

[javieerrubio11]

+1 please

[robbporto]

+1

[nicolaib]

Any news on this? Or can anyone give me some pointers on how this could be implemented? The original version has this in built in to the Basic API using $('#summernote').summernote('disable'); and $('#summernote').summernote('enable');
Thanks

[hamxabaig]

@nicolaib instead, you can show an absolute div with z-index greater than parent. So that it acts as overlay and stops interaction to summernote. Some CSS can do this job easily ;)

[nicolaib]

I solved it this way, which removes the possibility to change the text and images. It's also kinda hacky but better than putting a div over the textarea - I think ;-)
$timeout(function(){
angular.element('.note-editable').attr('contenteditable', false);
angular.element('.note-control-selection').remove();
},0);
This is useful if it's needed on-the-fly.

Another solution that is also useful (and maybe better if not needed on-the-fly) is to show the editor content as trusted HTML like this:
Controller:
function trustedHTML(inputHTML){
return $sce.trustAsHtml(inputHTML);
}
View:
<div ng-bind-html="$ctrl.trustedHTML($ctrl.text)"></div>

[hamxabaig]

@nicolaib 👍

[lacivert]

Waiting for this 👍

[baonhan]

+1