jsreport-chrome-pdf/studio/ChromeEditor.js

jsreport recipe which is rendering pdf from html using headless chrome

import React, { Component } from 'react'
import { TextEditor } from 'jsreport-studio'

class ChromeEditor extends Component {
  render () {
    const { entity, onUpdate, tab } = this.props

    return (<TextEditor
      name={entity._id + '_chrome' + tab.headerOrFooter}
      mode='handlebars'
      value={entity.chrome ? entity.chrome[tab.headerOrFooter + 'Template'] : ''}
      onUpdate={(v) => onUpdate(Object.assign({}, entity, { chrome: Object.assign({}, entity.chrome, { [tab.headerOrFooter + 'Template']: v }) }))}
    />)
  }
}

export default ChromeEditor