acmenlei / a4view

A preview plugin for paging according to A4 paper structure.

a4view

If you need a preview of the A4 paging effect, then this plugin is worth a try.

How use

npm install a4view

import A4View from "a4view";

new A4View({
  target: ".container",
}).render(".preview");

Props

export interface IA4ViewOptions {
  target: string | HTMLElement;
  background?: string;
  pageGap?: number;
}

export default class A4View {
  public targetContainer: HTMLElement;
  public previewContainer: HTMLElement;
  public background: string;
  public pageGap: number;

  constructor(options: IA4ViewOptions);

  render(preview: string): void;

  setBackground(color: string): void;

  setA4Gap(gap: number): void;

  root(): HTMLElement;
}

Example

1. Clone the repository
2. Go to the a4view folder
3. npm install
4. npm run dev

License

MIT © coderlei