Bootstrap Blazor中的富文本编辑器（Editor）如何禁用？

2023-12-13 19:23:37

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()"两个。

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

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