CKEditor 5 工具栏固定位置
CKEditor 5 toolbar fixed position
当您在 CKEditor 5 经典版中添加长内容时,滚动时工具栏固定在浏览器的顶部 window。
但是我有一个固定位置的白色徽标区域,下方有一个菜单栏,工具栏出现在它们上方:
如何让它保持在我的固定 header/navigation 之下?
我找到了答案:
- 您必须安装
npm install --save @ckeditor/ckeditor5-ui
- 添加到配置:
viewportTopOffset : Number
示例:
ClassicEditor.defaultConfig = {
toolbar: {
viewportTopOffset : 50, <-- height of fixed header
items: [
'heading',
'|',
'highlight',
'|',
'bold',
'italic',
...
当您在 CKEditor 5 经典版中添加长内容时,滚动时工具栏固定在浏览器的顶部 window。
但是我有一个固定位置的白色徽标区域,下方有一个菜单栏,工具栏出现在它们上方:
如何让它保持在我的固定 header/navigation 之下?
我找到了答案:
- 您必须安装
npm install --save @ckeditor/ckeditor5-ui
- 添加到配置:
viewportTopOffset : Number
示例:
ClassicEditor.defaultConfig = {
toolbar: {
viewportTopOffset : 50, <-- height of fixed header
items: [
'heading',
'|',
'highlight',
'|',
'bold',
'italic',
...