Skip to content
Share
Explore
Canvas To HTML
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
Example
My Emails
Open
<h1 style="text-align: left; margin-top: 0.5em; margin-bottom: 0.5em;"><span style="font-weight: bold;">Greetings</span><span> 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. </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.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.