Title: HTML Editor for Contact Form 7 Author: Wow-Company Published: 2021 年 7 月 25 日 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://tw.wordpress.org/plugins/cf7-coder/#description) * [使用者評論](https://tw.wordpress.org/plugins/cf7-coder/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/cf7-coder/#installation) * [開發資訊](https://tw.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** * 最後更新 **6 天前** * 啟用安裝數 **1,000+** * WordPress 版本需求 ** 5.0 或更新版本 ** * 已測試相容的 WordPress 版本 **7.0** * PHP 版本需求 ** 7.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/cf7-coder/) * 標籤: * [cf7](https://tw.wordpress.org/plugins/tags/cf7/)[code editor](https://tw.wordpress.org/plugins/tags/code-editor/) [contact form 7](https://tw.wordpress.org/plugins/tags/contact-form-7/)[html-editor](https://tw.wordpress.org/plugins/tags/html-editor/) [redirect](https://tw.wordpress.org/plugins/tags/redirect/) * [進階檢視](https://tw.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/)