DOCSEARCHbyAlgolia
Submit Docs

SV Print Documentation

website·Indexed 30 days ago

https://ccsimple.github.io/sv-print-docs/

Documentation for SV Print, featuring a built-in JSON editor for template and print preview data, and a layout beautification tool with draggable elements, rotation, proportional scaling, and element alignment.

Tokens
288
Snippets
1
Records
3
Agent score
25%

What's inside SV Print

  1. Manage print templates and data with sv-print

    sv-print provides a built-in JSON editor for modifying template configurations and print preview data. It includes a layout beautification suite with a print preview window, allowing users to add and position draggable elements.

  2. Install and configure print-lock CSS for sv-print

    To ensure print styles work correctly, you must copy the print-lock.css file from the package to your project's public assets directory. The file must be accessible at the root of your deployed domain (e.g., https://www.abcd.com/print-lock.css). Once copied, add a link tag to your index.html with the media="print" attribute.
    <!-- Ensure the filename is exactly print-lock.css -->
<link rel="stylesheet" type="text/css" media="print" href="/print-lock.css">

  3. Use layout and editing tools in sv-print

    The editor supports a variety of layout and manipulation tools for print templates:

    • Drag-and-Drop Operations: Supports area selection (box selection), rotation, proportional scaling, element alignment, and custom drag directions.
    • Toolbar Functions: Includes undo/redo, alignment, copy/paste, and zoom controls.
    • Advanced Features: Supports importing and exporting JSON templates, locking edits, and quick font size adjustments.