Gravity Forms Image in HTML
Ethan Piliavin By Ethan Piliavin

January 11, 2014

Gravity Forms Image in HTML Plugin

Adds a button to Gravity Forms form editor HTML input field to insert or upload an image via Wordpress media uploader.

This plugin is an add-on for the Gravity Forms Plugin.

Do you need to insert images into Gravity Forms HTML fields? Hate manually uploading and creating tags? Me too! Thats why I created this simple plugin for Gravity Forms which adds a button to every HTML field in the Gravity Forms form editor. Click the button and insert or upload an image using the standard WordPress media uploader.

Usage:
1. Add an HTML field to your form.
2. Click the new “Insert Image” button.
3. Upload a new image or select an existing image.
4. The tag is inserted into the HTML field at the position of the cursor.

Important Notes:
I added an attribute to every tag of:

style="max-width:100%" 

This prevents large images for breaking the forms. You can easily remove it from the insert, but it shouldn’t break anything if you leave it.

Fork away: https://github.com/ethanpil/gravity-forms-image-in-html

This WordPress plugin is brought to you by Los Angeles Web Design

Future Plans:
1. Add Support for Gravity Forms WYSIWYG – https://wordpress.org/plugins/gravity-forms-wysiwyg/

Installation

Like every other WordPress plugin! 🙂

  1. Upload all the files from gravity-forms-image-in-html.zip into a folder within the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Changelog

1.0

  • Initial Release

Details

  • Version: 1.0
  • Active installations: 100
  • WordPress Version: 3.0
  • Tested up to: 3.7.41

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars