@pantherpdf/cloud-editor-react

PantherPDF Cloud Editor React component

PantherPDF is a report editor and PDF generator service for creating customized PDF reports.

This package is a thin wrapper around a cloud based editor for simplified integration into React apps. There is also a Vue and Angular wrapper.

Underlying editor is open source and available here.

Installation

npm install --save @pantherpdf/cloud-editor-react

Example using reportSecret:

Report data is stored on PantherPDF database.

import CloudEditor from '@pantherpdf/cloud-editor-react';

export function EditorPage()
{
  return (
    <CloudEditor
      reportSecret="..."
      style={{ width: '100%', height: '95vh', border: 'none' }}
    />
  );
}

Example using value:

Report data is stored on customer's database.

import { useState } from 'react';
import CloudEditor, { ReportCloudData } from '@pantherpdf/cloud-editor-react';

export function EditorPage()
{
  const [report, setReport] = useState<ReportCloudData>(null);
  return (
    <CloudEditor
      editorKey="..."
      value={report}
      onChange={setReport}
      style={{ width: '100%', height: '95vh', border: 'none' }}
    />
  );
}

Props

Parameter	Description
reportSecret	Access token for a report.
editorKey	Access token for editor.
lang	Editor language. Possible values: en (default, uses metric units) and en-us which uses imperial units.
value	ReportCloudData from customer's database.
onChange	Callback when value changes.

License

MIT