Title: HTML Editor for Contact Form 7
Author: Wow-Company
Published: <strong>2021 年 7 月 25 日</strong>
Last modified: 2026 年 5 月 20 日

---

搜索插件

![](https://ps.w.org/cf7-coder/assets/banner-772x250.jpg?rev=2571791)

![](https://ps.w.org/cf7-coder/assets/icon-256x256.png?rev=2571791)

# HTML Editor for Contact Form 7

 作者：[Wow-Company](https://profiles.wordpress.org/wpcalc/)

[下载](https://downloads.wordpress.org/plugin/cf7-coder.1.0.1.zip)

 * [详情](https://cn.wordpress.org/plugins/cf7-coder/#description)
 * [评价](https://cn.wordpress.org/plugins/cf7-coder/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/cf7-coder/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/cf7-coder/#developers)

 [支持](https://wordpress.org/support/plugin/cf7-coder/)

## 描述

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](https://wordpress.org/support/plugin/cf7-coder/).

#### Support

Search for answers and ask your questions at [forum](https://wordpress.org/support/plugin/cf7-coder/)
or send requests on the [github](https://github.com/wow-company/cf7-coder/issues).

## 屏幕截图

 * [[
 * 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`

## 评价

![](https://secure.gravatar.com/avatar/8d8ec042829e0d4060243b6c1067768dd31773ace52982c6ac4a4fbef207cbfd?
s=60&d=retro&r=g)

### 󠀁[Very helpful](https://wordpress.org/support/topic/very-helpful-1395/)󠁿

 [btxtiger](https://profiles.wordpress.org/btxtiger/) 2023 年 11 月 28 日

Thank you

![](https://secure.gravatar.com/avatar/7b9b96062f598f296a2cd8aa4f3a9bdb91c841c69c6a22920e64feb8fd54b5c1?
s=60&d=retro&r=g)

### 󠀁[Useful](https://wordpress.org/support/topic/useful-950/)󠁿

 [shade351](https://profiles.wordpress.org/shade351/) 2022 年 12 月 2 日

Makes work easier

 [ 阅读所有2条评价 ](https://wordpress.org/support/plugin/cf7-coder/reviews/)

## 贡献者及开发者

「HTML Editor for Contact Form 7」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Wow-Company ](https://profiles.wordpress.org/wpcalc/)
 *   [ DmtLo ](https://profiles.wordpress.org/lobov/)

[帮助将「HTML Editor for Contact Form 7」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/cf7-coder)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/cf7-coder/)，查看[SVN仓库](https://plugins.svn.wordpress.org/cf7-coder/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/cf7-coder/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/cf7-coder/)。

## 更新日志

#### 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

## 额外信息

 *  版本 **1.0.1**
 *  最后更新：**3 周前**
 *  活跃安装数量 **1,000+**
 *  WordPress 版本 ** 5.0 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/cf7-coder/)
 * 标签
 * [cf7](https://cn.wordpress.org/plugins/tags/cf7/)[code editor](https://cn.wordpress.org/plugins/tags/code-editor/)
   [contact form 7](https://cn.wordpress.org/plugins/tags/contact-form-7/)[html-editor](https://cn.wordpress.org/plugins/tags/html-editor/)
   [redirect](https://cn.wordpress.org/plugins/tags/redirect/)
 *  [高级视图](https://cn.wordpress.org/plugins/cf7-coder/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  2 条 5 星评价     ](https://wordpress.org/support/plugin/cf7-coder/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/cf7-coder/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/cf7-coder/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/cf7-coder/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/cf7-coder/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/cf7-coder/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/cf7-coder/reviews/)

## 贡献者

 *   [ Wow-Company ](https://profiles.wordpress.org/wpcalc/)
 *   [ DmtLo ](https://profiles.wordpress.org/lobov/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/cf7-coder/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://wow-estore.com/)