robuust / craft-formdesk
Craft 4 的 Formdesk 表单
2.1.0
2024-08-20 09:41 UTC
Requires
- php: ^8.0
- craftcms/cms: ^4.0
This package is auto-updated.
Last update: 2024-09-21 11:36:26 UTC
README
插件,允许您显示 Formdesk 表单
要求
此插件需要 Craft CMS 4.0.0 或更高版本。
安装
要安装此插件,请按照以下说明操作。
-
打开您的终端,进入您的 Craft 项目
cd /path/to/project
-
然后告诉 Composer 加载此插件
composer require robuust/craft-formdesk
-
在控制面板中,转到设置 → 插件,然后点击 Formdesk 的“安装”按钮。
配置
在您的 Craft 配置文件夹中创建一个名为 formdesk.php
的文件,内容如下
<?php return [ // General 'host' => 'YOUR_HOST', 'apiKey' => 'YOUR_API_KEY', ];
用法
创建一个新的“Formdesk”字段,并将其添加到所需元素的字段布局中。现在,在编辑此类元素时,您可以选择要使用的 Formdesk 列表。
在您的前端模板中,您可以将此 Formdesk 列表渲染为表单。
示例
以下是一个渲染 Formdesk 表单的示例。您可以按任何方式更改和样式化此示例。
{% if errors is defined %} <p>{{ errors.message|t }}</p> {% endif %} <form method="post"> {{ csrfInput() }} {{ actionInput('formdesk/submit') }} {{ redirectInput('url_to_redirect_to') }} {% for field in entry.form %} {% switch field.type %} {% case 'radio' or 'checkbox' %} {% for option in field.options %} <input id="{{ field.id }}-{{ loop.index }}" name="{{ field.name }}{% if field.type == 'checkbox' %}[]{% endif %}" type="{{ field.type }}" {% if field.required %} required{% endif %} value="{{ option.value }}" /> <label for="{{ field.id }}-{{ loop.index }}">{{ option.text }}</label> {% endfor %} {% default %} <input id="{{ field.id }}" name="{{ field.name }}" type="{{ field.type }}" placeholder="{{ field.label }}"{% if field.required %} required{% endif %} value="{{ field.value }}" /> {% endswitch %} <br /> {% endfor %} <input type="submit" /> </form>