Share
Explore

icon picker
Canvas To HTML


megaphone

This pack has a utility formula GetCanvasHTML(canvas) that provides the HTML code of any canvas column on the table. It takes canvas column as an input and returns the HTML of the canvas contents.

This only provides the HTML and not the CSS. There is currently not a way to return the CSS as well.

For any questions please contact me at


ok

Example

My Emails
Email
Email to Be Sent
Email to Be Sent (HTML)
Generate PDF
1
Open
<h1 style="text-align: left; margin-top: 0.5em; margin-bottom: 0.5em;"><span style="font-weight: bold;">Greetings</span><span> &nbsp;Sam </span></h1><div style="text-align: left; margin-top: 0.5em; margin-bottom: 0.5em;"><span>We are an e-commerce company selling online for over 3 years in our own store as well as other various platforms and are particularly interested in adding a Product you Manufacture. &nbsp; </span></div><h1 style="text-align: left; margin-top: 1em; margin-bottom: 0.5em;"><span>Athletic Shoes </span></h1><ol style="margin-block-start: 1em; margin-block-end: 1em;"><li style="text-align: left; list-style-type: decimal; margin-top: 0.5em; margin-bottom: 0.5em;"><span> Can you give me a quick quote for these QTY: 100?</span></li><li style="text-align: left; list-style-type: decimal; margin-top: 0.5em; margin-bottom: 0.5em;"><span> To expedite the product development process, please add me on WeChat so we can discuss this product ASAP.</span></li><li style="text-align: left; list-style-type: decimal; margin-top: 0.5em; margin-bottom: 0.5em;"><span>Please send your quote and contact details by completing the web form via the URL link below. </span></li></ol><h2 style="text-align: left; margin-top: 1em; margin-bottom: 0.5em;"><span style="color: rgb(15, 88, 189); display: inline-block;"><a href="http://www.google.com">Form Link</a></span></h2><div style="text-align: left; margin-top: 0.5em; margin-bottom: 0.5em;"><span>Thank you for your time and look forward to hearing from you soon!</span></div><div style="text-align: left; margin-top: 0.5em; margin-bottom: 0.5em;"><span>Best regards,</span></div><div style="text-align: left; margin-top: 0.5em; margin-bottom: 0.5em;"><span>Dhaval Patel </span></div><div style="text-align: left; margin-top: 0.5em; margin-bottom: 0.5em;"><span style="display: inline-block;"><img data-coda-env="prod" data-coda-doc-id="rE5A1dO8K3" data-coda-blob-id="bl-yhHH5EFEW9" data-coda-blob-hash="84544c698e69157dc19e07762eac2f528459694aa37867580195fa003628c67a185ce12fd8e8b396675f7d5bde24156ce6173a7e0c1484246b8158224fee26d52bfed3bb443781165f80db82ae757023629b9444555cdb9df959a12afb48a3de7f86697f" data-coda-mime-type="image/png" data-coda-size="13052" alt="Icons.png" src="https://codahosted.io/docs/rE5A1dO8K3/blobs/bl-yhHH5EFEW9/84544c698e69157dc19e07762eac2f528459694aa37867580195fa003628c67a185ce12fd8e8b396675f7d5bde24156ce6173a7e0c1484246b8158224fee26d52bfed3bb443781165f80db82ae757023629b9444555cdb9df959a12afb48a3de7f86697f" height="128" width="146"></span></div><div style="text-align: left; margin-top: 0.5em; margin-bottom: 0.5em;"><br></div>
Generate PDF
There are no rows in this table

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.