docMaker User guide
  • 👋Welcome to docMaker
  • Features
    • Create pdf from docx template
      • 🏗️Build your docx template
        • Overview
        • Text substitution
        • Images
        • Conditions
        • Loops
          • Simple list
          • List with multiple values
          • Adding rows into a table
          • Loops in columns + lines (grids)
          • Nested loops
        • QR codes
        • Rich text & html
      • ⚙️docx_fill_convert API parameters
    • Fill-out pdf forms
      • 🔧Build your pdf form
      • ⚙️pdf_fill API parameters
    • Print web page to pdf
      • ⚙️page_pdf API parameters
  • INTEGRATIONS
    • Typeform
      • Create pdf or docx for each Typeform response
    • Bubble.io
      • 📝Easy pdf from docx template
      • 📋Fill-out pdf forms
      • 🖥️Webpage to pdf
    • Make.com
    • Coda
    • Xano
    • Zapier
    • API
  • FAQ
    • 🫧Bubble.io questions
    • 📄Questions on docx templates
    • 📙Questions on pdf templates
Powered by GitBook
On this page
  • Insert rich text in html format into your template
  1. Features
  2. Create pdf from docx template
  3. Build your docx template

Rich text & html

Insert rich text in html format into your template

Ideal for user-generated content: enables you to add style and formatting to create your pdf.

Your docx should contain the text: {~html}.

  • Any tag starting with ~ is used for inline HTML, such as : {~html} or {~inlineComment} which will use the "inlineComment" data

  • Any tag starting with ~~ is used for block HTML, such as : {~~html} or {~~styledTable} which will use the "styledTable" data

To be clear :

  • The {~inline} tag is used when you want to replace part of a paragraph. For example you can write :

My product is {~blueText} and costs ...

The tag is inline, there is other text in the paragraph. In this case, you can only use inline HTML elements (<span> , <b> , <i>, <u>\, …)

  • The {~~block} tag is used when you want to replace a whole paragraph, and you want to insert multiple elements

{~~block}

The tag is block, there is no other text in the paragraph. In this case, you can only use block HTML elements (<p>, <ul>, <table>, <ol>, <h1>)

List of accepted html tags :

docMaker currently supports:

  • <br>

  • <p>

  • <h1-h6> tags

  • <p>

  • <b>

  • <i>

  • <u>

  • <ul>, <ol> and <li> for ordered and unordered lists

  • <span>

  • <small>

  • <s>

  • <ins> and <del>

  • <strong>

  • <em>

  • <code>

  • <table>, <tr>, <td>, <tbody>, <thead>, <tfoot>, <th> tags

  • <a href="URL">Linktext</a>

  • <input type="checkbox"> and <input type="checkbox" checked>

  • <sub> and <sup>

  • <pre>, by using Courrier font and retaining all spaces

  • style="color: #bbbbbb" property

  • style="font-size: 30px" property

  • style="font-family: 'Times New Roman'" property

  • style="background-color: blue" property (or with rgb codes)

  • style="text-decoration: underline" property

  • style="padding-left: 30px"

  • style="width:33%; height: 50%;" (on td only)

  • style="text-align:justify" (or other values)

  • style="vertical-align: bottom" (on td)

  • style="border: none" (on table)

  • style="break-after:page"

  • style="break-before:page"

  • style="white-space:pre"

PreviousQR codesNextdocx_fill_convert API parameters

Last updated 1 year ago

🏗️