Bootstrap Blazor中的富文本编辑器(Editor)如何禁用?

发布时间:2023年12月17日

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。

不知道还有没有其它办法。

文章来源:https://blog.csdn.net/bdbox/article/details/134978381
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。