medilies/ctrl-p

Delegate HTML to PDF conversion to the browser

Maintainers

Details

github.com/medilies/ctrl-p

Homepage

Source

Issues

Installs: 0

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 0

Open Issues: 0

v0.1.0-beta 2023-12-28 21:32 UTC

Requires

Requires (Dev)

MIT 16102ab799e4594707cc2d877e4ed8cc5b8912a4

  • medilies <medilies.contact.woop@gmail.com>

This package is auto-updated.

Last update: 2024-04-30 00:49:21 UTC

README

Latest Version on Packagist Pest Action Pint action Total Downloads

Setup

composer require medilies/ctrl-p

Requirements

  • PHP 8.1

Usage

Set the HTML

  • Use CtrlP::html('foo') or $ctrlP->setHtml('foo') to set the HTML.
  • Use CtrlP::template('<?php echo "foo";', []) or $ctrlP->template('<?php echo "foo";', []) to set the HTML from a PHP template.

Set page size and orientation

  • Use format($paperFormat) to set a standard paper format.
  • Use landscape() or portrait() to direct the chosen paper format.
  • Use paperSize($width, $height) to set an explicit size.

Margin

Use margins($margins) to set the margins.

Margins (header and footer) content cannot be be edited as of december 2023 because no browser supports it (see)

Control

  • Use printButton($bool) to add/remove a print button.
  • Use backUrl($url) to add/remove a button with a link to a page of your choice.
  • Use autoPrint() to automatically print the page after rendering it.

Overrides

  • Use title($title) to override the title.
  • Use urlPath($url) to override the url path.

Example

<?php

// php -S 0.0.0.0:8080 .\this_file.php
// Visit http://127.0.0.1:8080/

use Medilies\CtrlP\CtrlP;

require_once __DIR__.'/../vendor/autoload.php';

echo CtrlP::html('
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Flex and Grid HTML Page</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }

    .container {
      display: flex;
      height: 100vh;
    }

    .sidebar {
      background-color: #f2f2f2;
      width: 250px;
      padding: 20px;
    }

    .main-content {
      flex: 1;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 20px;
      padding: 20px;
      background-color: #e0e0e0;
    }

    .box {
      background-color: #fff;
      padding: 20px;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      text-align: center;
    }
  </style>
</head>
<body>

  <div class="container">
    <div class="sidebar">
      <h2>Sidebar</h2>
      <p>Some sidebar content goes here.</p>
    </div>

    <div class="main-content">
      <div class="box">Box 1</div>
      <div class="box">Box 2</div>
      <div class="box">Box 3</div>
      <div class="box">Box 4</div>
      <div class="box">Box 5</div>
      <div class="box">Box 6</div>
    </div>
  </div>

</body>
</html>
    ')
    ->margins('1cm')
    // ->paperSize('130mm', '130mm')
    ->format('A4')
    ->landscape()
    ->title('Chad PDF')
    ->urlPath('/drip-url')
    ->autoPrint()
    ->printButton()
    ->backUrl('/some-path')
    ->get();

screenshot