HTML Editor for Contact Form 7

描述

Contact Form 7 plugin allows editing forms with a standard textarea. This addon adds an HTML editor with code highlighter to each contact form and provides many useful options to enhance your forms.

Editor Features

  • HTML Editor with syntax highlighting powered by CodeMirror
  • Dark Theme (Material) support for comfortable editing
  • Auto-close brackets and tags
  • Code folding and line numbers
  • Search and replace functionality (Ctrl+F)

Form Behavior Options

  • Test Mode – Hide form from non-administrators for testing purposes
  • Remove Auto Tags – Remove auto-added p and br tags from form output
  • Redirect After Submit – Redirect users to a custom URL after successful submission
    • Support for ACF fields to get dynamic redirect URL from current page
    • Option to open redirect URL in new tab
    • Option to force file download
  • Hide Form After Submit – Hide the form and show only success message
  • Disable Submit Button – Prevent double submissions by disabling button during form submission
  • Pre-fill Fields from URL – Auto-fill form fields from URL parameters (e.g., ?your-email=test@example.com)
  • GA/GTM Event – Send custom event to Google Analytics/GTM dataLayer on successful submission
  • Scroll to Message – Automatically scroll to success/error message after form submission
  • Auto-hide Success Message – Automatically hide success message after specified seconds
  • Remove Refill – Clear form fields after validation error

Performance

  • Conditional Script Loading – Load CF7 scripts and styles only on pages with contact form shortcode

To improve the plugin’s functions and add new functions, write to us on the support forum.

Support

Search for answers and ask your questions at forum or send requests on the github.

螢幕截圖

  • Contact Form
  • HTML editor

安裝

  • Installation option 1: Find and install this plugin in the Plugins -> Add new section of your wp-admin
  • Installation option 2: Download the zip file, then upload the plugin via the wp-admin in the Plugins -> Add new section. Or unzip the archive and upload the folder to the plugins directory /wp-content/plugins/ via ftp
  • Press Activate when you have installed the plugin via dashboard.
  • Go to Contact Form

評價

閱讀全部2個評價

貢獻者及開發者

“HTML Editor for Contact Form 7” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 HTML Editor for Contact Form 7 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.0.1

  • Fixed: if enable ‘Load scripts only on pages with shortcode’ recaptcha show only page with shortcode
  • Fixed: option ‘Remove Auto tags p and br ‘

1.0

  • Added: Redirect after submit with URL input
  • Added: ACF field support for dynamic redirect URL
  • Added: Open redirect in new tab option
  • Added: Force download option for redirect URL
  • Added: Hide form after submit (show only success message)
  • Added: Disable submit button while sending to prevent double submissions
  • Added: Pre-fill form fields from URL parameters
  • Added: GA/GTM Event tracking on successful form submission
  • Added: Scroll to message after form submission
  • Added: Auto-hide success message with configurable timeout
  • Added: Remove refill option (clear fields after validation error)
  • Added: Conditional loading of CF7 scripts only on pages with shortcode
  • Improved: Tag generator integration with CodeMirror editor

0.2

  • Added: Dark theme support.
  • Added: Vertical resize option for the editor.

0.1

  • Initial release