Forum How do I...?

Import HTML as a variable to Prince

amyd
Currently I have Prince generating a report. I have an HTML file and the use enters in data that I use as variables in the HTML file. For example, here is a div in the HTML file:

<div class="preserve w-640">{{updatePreviewService.executiveSummary}}</div>

In the example above, updatePreviewService.executiveSummary is a string. This works perfectly.

We have new requirements. Our users would like to have more control than just a string as in the above example. We would like to put in a Rich Text Editor. I have done that and now have some dynamically generated HTML from the user. For example the following at the bottom.

is it possible to send this html to my current html file and ADD it to the html page already there, then process it by Prince? Currently it's printing it as a string (even when I remove the quotes around the whole thing). I want it to be treated like HMTL, NOT a string.

I don't know if this is even possible, or if I am incorrectly mixing two separate applications. The Rich Text Editor can generate PDFs in its own right. If it was a stand alone piece of information, I could use that PDF feature and not Prince. But I want this to be in the MIDDLE of a report that Prince is generating. I would appreciate advice on if this is even possible, or if we should create the PDFs in two separate ways and merge them at the end.

I appreciate any help you can give.

<div class="dxreRow" style="left: 0px; top: 0px; width: 624px; height: 17.913px;"><span style="left: 0px;top: 0px;width: 23.953px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">This</span><span style="left: 23.953px;top: 0px;width: 3.328px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBoxSpace dxreBoxSpaceZL4">&nbsp;</span><span style="left: 27.281px;top: 0px;width: 9.109px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">is</span><span style="left: 36.391px;top: 0px;width: 3.328px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBoxSpace dxreBoxSpaceZL4">&nbsp;</span><span style="left: 39.719px;top: 0px;width: 18.078px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">my</span><span style="left: 57.797px;top: 0px;width: 3.328px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBoxSpace dxreBoxSpaceZL4">&nbsp;</span><span style="left: 61.125px;top: 0px;width: 50.266px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">example</span><span style="left: 111.391px;top: 0px;width: 3.328px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBoxSpace dxreBoxSpaceZL4">&nbsp;</span><span style="left: 114.719px;top: 0px;width: 23.141px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">text</span><span style="left: 137.859px;top: 0px;width: 3.328px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBoxSpace dxreBoxSpaceZL4">&nbsp;</span><span style="left: 141.187px;top: 0px;width: 28.797px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">from</span><span style="left: 169.984px;top: 0px;width: 3.328px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBoxSpace dxreBoxSpaceZL4">&nbsp;</span><span style="left: 173.312px;top: 0px;width: 25.844px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">user</span><span style="left: 199.156px;top: 0px;width: 3.328px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBoxSpace dxreBoxSpaceZL4">&nbsp;</span><span style="left: 202.484px;top: 0px;width: 53.625px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">inputting</span><span style="left: 256.109px;top: 0px;width: 3.328px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBoxSpace dxreBoxSpaceZL4">&nbsp;</span><span style="left: 259.438px;top: 0px;width: 12.5px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">to</span><span style="left: 271.938px;top: 0px;width: 3.328px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBoxSpace dxreBoxSpaceZL4">&nbsp;</span><span style="left: 275.266px;top: 0px;width: 25.234px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">Rich</span><span style="left: 300.5px;top: 0px;width: 3.328px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBoxSpace dxreBoxSpaceZL4">&nbsp;</span><span style="left: 303.828px;top: 0px;width: 24.219px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">Text</span><span style="left: 328.047px;top: 0px;width: 3.328px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBoxSpace dxreBoxSpaceZL4">&nbsp;</span><span style="left: 331.375px;top: 0px;width: 37.859px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">Editor.</span><span style="left: 369.235px;top: 0px;width: 8.594px;height: 17.913px;font-family: Calibri, sans-serif !important;font-size: 14.667px !important;color: #000000" class="dxreBox dxreBoxZL4">&nbsp;</span></div>

Edited by amyd

mikeday
What template language are you using to insert variables into your HTML? Presumably it has a way of including variable HTML as well, but this all happens before it reaches Prince.
amyd
It's Angular. Thank you for the response -- I'll see if I can figure out how to transfer HTML within Angular.
hallvord