Bootstrap Blazor是一套件balzor开源的控件(组件)库。
Bootstrap Blazor的富文本编辑器(Editor)没有直接提供disable功能,不能在“仅预览”富文本。
下面是实践如何禁用的方法:
1)在javascript中创建函数,具体说明见注释部分:
/**
* 禁用summernote的编辑功能和toolbar
*/
function disableSummernote() {
/*清空toolbar*/
$('#summernote').summernote({
toolbar: [
// [groupName, [list of button]]
//['style', ['bold', 'italic', 'underline', 'clear']],
//['font', ['strikethrough', 'superscript', 'subscript']],
//['fontsize', ['fontsize']],
//['color', ['color']],
//['para', ['ul', 'ol', 'paragraph']],
//['height', ['height']]
]
});
/*禁用summernote编辑*/
$('#summernote').summernote('disable');
}
2)在Editor控件(组件)中的定义id和鼠标经过事件:
<Editor @ref="_editor" ToolbarItems="@ToolbarItems" ShowSubmit="false" PlaceHolder="" IsEditor="false" onmouseover="disableSummernote()" onmousedown="disableSummernote()" Id="summernote" />
我同时定义了οnmοuseοver="disableSummernote()" οnmοusedοwn="disableSummernote()"两个。
注意也要指定一下ID。
不知道还有没有其它办法。