# tinymce.toolbarsticky

**Repository Path**: isszz/tinymce.toolbarsticky

## Basic Information

- **Project Name**: tinymce.toolbarsticky
- **Description**: Tinymce编辑器工具栏吸顶插件，支持设置顶部预留位置，及focus显示blur隐藏
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2021-01-21
- **Last Updated**: 2024-10-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 插件说明
> 因为项目需求，自带的吸顶功能会遮挡住头部的导航，翻遍了所有文档没找到设置避免冲突的配置

所以自己写了一个，然后发现`ckeditor5`的编辑器吸顶是`focus`才显示，`blur`会自动关闭，所以顺便也加上了这个功能

更新说明

- 2021-01-22 修复全屏冲突
- 2021-01-23 增加预留节点找不到时的友好错误提示（编辑器自带功能）
- 2021-01-29 修复吸顶的计算方法, 之前的有bug😞，现在的精确无误，并增加了 `scroll`事件的函数节流😄
- 2021-01-30 移除 jquery 依赖
- 2021-03-19 增加`resize`监听屏幕尺寸变化


# 参数说明


| 配置名                        | 默认状态   | 配置说明                           |
|----------------------------|--------|--------------------------------|
| cfyun_toolbar_sticky       | 不开启    | 插件开关                           |
| toolbar_sticky_type        | 启用     | 是否开启focus和blur自动显示或者关闭功能, 默认启用 |
| toolbar_sticky_elem        | 空      | 预留位置的elem如果需要动态获取高度, 请设置       |
| toolbar_sticky_elem_height | 0      | 顶部预留位置高度，如果对页面变化要求不高，请用此设置     |
| toolbar_sticky_wrap        | window | 编辑器所在滚动容器                      |

# 安装说明

- 直接上传plugins目录，或者按下面说明
- 将代码（已提供min压缩的代码）保存至`tinymce/plugins/toolbarsticky/plugin.(min.)js`
- 在编辑器配置的`plugins`项新增`toolbarsticky`

其他配置请看参数说明，功能很简单