Summernote 富文本编辑器的内容变成只读模式

原创

已于 2024-08-12 10:19:43 修改 · 1.1k 阅读

15 ·

CC 4.0 BY-SA版权

文章标签：

#java #html

于 2024-08-11 19:19:42 首次发布

在这里插入图片描述

我 | 在这里
⭐ 全栈开发攻城狮、全网10W+粉丝、2022博客之星后端领域Top1、专家博主。
🎓擅长指导毕设 | 论文指导 | 系统开发 | 毕业答辩 | 系统讲解等。已指导60+位同学顺利毕业
✈️个人公众号：热爱技术的小郑。回复 Java全套视频教程 或 前端全套视频教程 即可获取 300G+ 教程资料，以及大量毕设项目源码。
🐬专注干货知识分享、项目实战案例开发分享
🚪 传送门：Github毕设源码仓库

1. 使用 disable 方法

Summernote 提供了一个 disable 方法，可以让编辑器变为只读状态。你可以在初始化 Summernote 编辑器之后，调用这个方法：

$('#' + this.id).summernote({
   
   
    height: 300, // 设置编辑器高度
    toolbar: [    // 自定义工具栏，必要时可以简化
        ['style', ['bold', 'italic', 'underline', 'clear']],
        ['font', ['strikethrough', 'superscript', 'subscript']],
        ['fontsize', ['fontsize']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['height', ['height']]
    ]
});