README

Adds a rich text editor (TinyMCE) to the Gravity Forms HTML field content setting, replacing the default plain textarea.

gf-html-area-editor.mp4

Description

By default, Gravity Forms provides a plain textarea for entering content in HTML fields. This plugin enhances that experience by replacing the textarea with the WordPress visual editor (TinyMCE), allowing you to:

Use a familiar WYSIWYG interface for formatting content
Easily add bold, italic, lists, and other formatting
Insert links with the built-in link dialog
Add images from the WordPress Media Library
Switch between Visual and Text (HTML) modes

Requirements

WordPress 5.0 or higher
Gravity Forms 2.5 or higher
PHP 7.4 or higher

Installation

Download gf-html-area-editor.zip
Upload via Plugins → Add New → Upload Plugin
Activate via WordPress Admin → Plugins

Plugin updates are handled automatically via GitHub. No need to manually download and install updates.

Usage

Navigate to Forms → Edit Form in your WordPress admin
Add or select an HTML field
In the field settings, you'll see a rich text editor instead of the plain textarea
Use the Visual tab for WYSIWYG editing or the Text tab for raw HTML
Content is automatically saved and sanitized when displayed on the frontend

Security

The plugin sanitizes all HTML field content on the frontend using WordPress's wp_kses() function. The following HTML elements are allowed:

Text formatting: <p>, <br>, <strong>, <b>, <em>, <i>
Headings: <h2>, <h3>, <h4>, <h5>, <h6>
Lists: <ul>, <ol>, <li>
Links: <a> (with href, title, target, rel attributes)
Images: <img> (with src, alt, title, width, height, class attributes)

Development

Running Tests

# PHP tests
composer install
composer test

# JavaScript tests
npm install
npm run test:js

Credits

Inspiered by the work of Gravity Wiz- Rich Text HTML Fields.

License

GPL-2.0-or-later

soderlind / gf-html-area-editor

Maintainers

Details