入门
获取 Summernote
安装
基础API
i18n 支持
集成
深入研究
初始化选项
自定义工具栏、弹出窗口
块引号断开级别
自定义样式
自定义字体名称
自定义字体大小单位
自定义行高
自定义占位符
对话框
禁用拖放
禁用快捷键
禁用 TAB
代码视图的 XSS 保护
基础API
字体样式 API
段落 API
插入 API
范围和选择 API
回调
自定义按钮
自定义图标
模块系统
模块
实例
空气模式
带 Bootswatch 的主题
多个编辑器
点击编辑
在线代码编辑器视图
自定义 SVG 图标
提示
插件
模块 - summernote文档 - 笔下光年
网站首页
模块
#### 通知/信息区域 Summernote 允许添加带有上下文着色的通知，以显示通知类型，或将该区域用于信息目的。 在普通模式下使用时，该区域位于 Summernote 的底部；在 Air 模式下使用时，该区域位于编辑区域的顶部。 使用通知区域非常简单，只需使用该区域的类名 `.note-status-output` 即可。 通知元素可以使用任何标记，但我们按照 Bootstrap 警报的思路添加了一些样式。例如，要生成错误或危险警报，可以使用 `<div class="alert alert-danger">这是一个错误</div>`。您还可以使用 `alert-info`, `alert-warning`, `alert-success` 和 `alert-danger`。 您可以使用 jQuery 或其他 Javascript 方法，针对输出元素添加上述信息，例如（使用 jQuery）： ```javascript $('.note-status-output').html( '<div class="alert alert-danger">' + 'This is an error using a Bootstrap alert that has been restyled to fit here.' + '</div>' ); ``` 如果只想显示信息文本，也可以添加不带警报的文本。 ```javascript $('.note-status-output').html( 'Text Information' ); ``` 您还可以将文本放在 `div`、`span` 或 `small` 等元素中，并加入 `.pull-right` 类，从而将文本放在右侧。 您还可以使用 "text-muted"、"text-primary"、"text-success"、"text-info"、"text-warning "和 "text-danger "类为文本添加上下文颜色。
上一篇：
模块系统
下一篇：
实例
