Skip to main content

💻 HTML Text Editor

The HTML Text Editor element in FormNX lets you add custom-formatted content to your form. Unlike a regular text field, this element displays pre-formatted HTML content using a rich text editor — perfect for adding instructions, descriptions, terms, or any styled content you want to show to your users.

📌 How to Add the HTML Text Editor to Your Form​

Follow these simple steps:

  1. Open the Form Builder.
  2. On the left hand side, you'll see the Elements section.
  3. Find the HTML Text Editor element.
  4. Drag and drop the element onto your form OR click on the element to add it automatically.

Once added, the HTML Text Editor will appear in your form layout, ready to be customized.

How to add HTML Text field and setting configuration for the HTML Text field

⚙️ How to Configure the HTML Text Editor​

To customize the HTML Text Editor:

  1. Click on the HTML Text Editor element in your form.
  2. The configuration panel will open on the right hand side.

From here, you can configure the following options:

  1. Question Label ✏️
  • Add an internal label for the HTML Text Editor element.
  • This is used to identify the element inside the form builder.
  1. Field Width 📐
  • Adjust the width of the element to control how it appears on the form.
  • Useful when you want the content to span only part of the form.
  1. HTML Text 💻
  • Use the built-in HTML text editor to format your content the way you want it to appear to users.
  • You can:
    • Add headings, paragraphs, and lists
    • Apply bold, italic, underline, and color formatting
    • Insert links, images, and tables
    • Adjust alignment, spacing, and styling
  • The content displays exactly as you've formatted it, giving your users a polished, well-presented message.

👤 How It Works for Users​

When users open the form:

  • They'll see the formatted HTML content displayed on the form exactly as you designed it.
  • The HTML Text Editor is display-only — users don't need to interact with it.
  • It helps you communicate information clearly and attractively without writing any code.

💡 Common Use Cases​

  • Adding instructions or guidelines at the top of a form.
  • Displaying terms and conditions in a styled, readable format.
  • Showing welcome messages, introductions, or thank-you notes.
  • Embedding rich-text descriptions between sections of your form.
  • Adding branded content like contact details, policies, or notes to your users.

The HTML Text Editor gives you complete freedom to design and display formatted content on your form — making your forms more informative, engaging, and professional.