CODEWITHSUNDEEP
reactjsreact-nativedomhtml-to-pdfhtml-rendering
Madhu
Madhu

Reputation: 929

Is it possible to create Html content from json data in react native?

I am trying to create an html content from json data in react native. Basically i want to generate PDF from html content which i have already done using static html content in my react native app, but now we want to generate pdf with dynamic content and decide the data to be in json and convert them into html content and then generate pdf from the html content.

Our web team has already done this rendering the json data into dom and then generating pdf from the dom using react.

Is it possible to achieve the same using react native.

Upvotes: 1

Views: 934

Answers (1)

Vishal Pawar
Vishal Pawar

Reputation: 1747

You can achieve this like doing this- (use backticks instead of single or dubble quotes)

const JsonData = {
   title: 'My PDF File',
   image: 'https://raw.githubusercontent.com/AboutReact/sampleresource/master/pdf.png'
}

const html = `
<html>
  <head>
     <meta charset="utf-8">
     <title>MyPDF</title>
     <style>${htmlStyles}</style>
  </head>
  <body>
    <h1>${JsonData.title}</h1>
    <img src=`${JsonData.image}` />
    {JsonData.otherData}
  </body>
</html>
`;

Checkout example for this: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

Upvotes: 1

Related Questions