robuust/craft-formdesk

Craft 4 的 Formdesk 表单

安装量: 1,416

依赖项: 0

建议者: 0

安全: 0

星标: 1

关注者: 1

分支: 1

开放问题: 0

类型:craft-plugin

2.1.0 2024-08-20 09:41 UTC

This package is auto-updated.

Last update: 2024-09-21 11:36:26 UTC


README

插件,允许您显示 Formdesk 表单

要求

此插件需要 Craft CMS 4.0.0 或更高版本。

安装

要安装此插件,请按照以下说明操作。

  1. 打开您的终端,进入您的 Craft 项目

     cd /path/to/project
    
  2. 然后告诉 Composer 加载此插件

     composer require robuust/craft-formdesk
    
  3. 在控制面板中,转到设置 → 插件,然后点击 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>