docs: add page footer

pr675
Hufe921 3 years ago committed by Hufe
parent 21626cc41b
commit 45a17ba756

@ -55,6 +55,14 @@ interface ILang {
deleteTable: string; deleteTable: string;
mergeCell: string; mergeCell: string;
mergeCancelCell: string; mergeCancelCell: string;
verticalAlign: string;
verticalAlignTop: string;
verticalAlignMiddle: string;
verticalAlignBottom: string;
border: string;
borderAll: string;
borderEmpty: string;
borderExternal: string;
}; };
}; };
datePicker: { datePicker: {
@ -77,5 +85,9 @@ interface ILang {
minute: string; minute: string;
second: string; second: string;
}; };
frame: {
header: string;
footer: string;
}
} }
``` ```

@ -45,7 +45,8 @@ interface IEditorOption {
tdPadding?: number; // 单元格内边距。默认5 tdPadding?: number; // 单元格内边距。默认5
defaultTdHeight?: number; // 默认单元格高度。默认40 defaultTdHeight?: number; // 默认单元格高度。默认40
defaultHyperlinkColor?: string; // 默认超链接颜色。默认:#0000FF defaultHyperlinkColor?: string; // 默认超链接颜色。默认:#0000FF
header?: IHeader; // 页眉信息。{data:string; color?:string; size?:number; font?:string;} header?: IHeader; // 页眉信息。{top?:number; maxHeightRadio?:MaxHeightRatio;}
footer?: IFooter; // 页脚信息。{bottom?:number; maxHeightRadio?:MaxHeightRatio;}
pageNumber?: IPageNumber; // 页码信息。{bottom:number; size:number; font:string; color:string; rowFlex:RowFlex;} pageNumber?: IPageNumber; // 页码信息。{bottom:number; size:number; font:string; color:string; rowFlex:RowFlex;}
paperDirection?: PaperDirection; // 纸张方向:纵向、横向 paperDirection?: PaperDirection; // 纸张方向:纵向、横向
inactiveAlpha?: number; // 正文内容失焦时透明度。默认值0.6 inactiveAlpha?: number; // 正文内容失焦时透明度。默认值0.6

@ -17,7 +17,7 @@
- 右键菜单(内部、自定义) - 右键菜单(内部、自定义)
- 快捷键(内部、自定义) - 快捷键(内部、自定义)
- 文字、元素、控件拖拽 - 文字、元素、控件拖拽
- 页眉、页码 - 页眉、页脚、页
- 页边距 - 页边距
- 水印 - 水印
- 分页 - 分页
@ -55,7 +55,7 @@ new Editor(document.querySelector(".canvas-editor"), [
], {}) ], {})
``` ```
- 包含正文及页眉内容 - 包含正文、页眉、页脚内容
```javascript ```javascript
import Editor from "@hufe921/canvas-editor" import Editor from "@hufe921/canvas-editor"
@ -66,6 +66,10 @@ new Editor(document.querySelector(".canvas-editor"), {
}], }],
main: [{ main: [{
value: "Hello World" value: "Hello World"
}],
footer: [{
value: 'canvas-editor',
size: 12
}] }]
}, {}) }, {})
``` ```

Loading…
Cancel
Save