如何禁用summernote (angular-summernote)？

Question

我正在使用angular-summernote。如何禁用它？

<div summernote class="summernote" ng-model="postData.content" placeholder="Content"></div>

Answer 1

您可以将div放在透明的元素上。它将模糊元素，并使用户无法访问它。

Answer 2

它可以像这样解决。这有点老生常谈，但它确实做到了这一点，并确保文本和图像在禁用状态下无法更改。使用此解决方案，编辑器中呈现的所有内容都将保留为编辑器应该显示的内容。

$timeout(function(){
   angular.element('.note-editable').attr('contenteditable', false);
   angular.element('.note-control-selection').remove();
},0);

Answer 3

解决方法:只需添加ng-if即可隐藏标记并显示另一个实例文本区。