others - javascript - Summernote编辑器如何添加禁用/启用方法


 $(".summernoteTarget").destroy();



 $(".summernoteTarget").prop('disabled', true );



 $(".summernoteTarget").summernote();



为了再次启用它,我首先将它销毁,然后启用目标元素,最后重新初始化它:


 $(".summernoteTarget").destroy();



 $(".summernoteTarget").prop('disabled', false );



 $(".summernoteTarget").summernote();




 $(".summernoteTargetElement").disable();


 $(".summernoteTargetElement").enable();



谢谢。

时间:

你可以在v0 . 7 . 3之后禁用或者启用带有API的编辑器。


// To disable


$('.summernote').summernote('disable');


// To enable


$('.summernote').summernote('enable');



http://summernote.org/deep-dive/#disable-enable

我这里可以工作:


// The class note-editable is generated by summernote



// To enable


$('.note-editable').attr('contenteditable', true);



// To disable


$('.note-editable').attr('contenteditable', false);



禁用


$('#textarea').destroy();


 $('#textarea').prop('disabled', true);


 $('#textarea').summernote({


 minHeight: null,


 maxHeight: null,


 focus: true,


 styleWithSpan: false,


 toolbar: [


 ] 


 });



启用


$('#textarea').destroy();


 $('#textarea').prop('disabled', false);


 $('#textarea').summernote({


 minHeight: null,


 maxHeight: null,


 focus: true,


 styleWithSpan: false,


 toolbar: [


 ['style', ['bold', 'italic', 'underline', 'clear']],


 ['para', ['ul', 'ol']]


 ]


 });



textarea是我应用summernote的区域。


// This is in a razor view using MVC



// Enabled


@Html.TextAreaFor(i => i.Explanation, new {@class ="summerNote" })



// Disabled


@Html.TextAreaFor(i => i.Explanation, new {@class ="summerNote-disabled" })



现在禁用编辑器


// In javascript


$('.summerNote-disabled+.note-editor .note-editable').attr('contenteditable', false)



...