columbusinteractive/typo3-easycaptcha

一个易于使用的扩展,可让您在TYPO3表单扩展中使用验证码。

安装次数: 11,158

依赖项: 0

建议者: 0

安全: 0

星标: 1

关注者: 3

分支: 2

开放问题: 4

类型:typo3-cms-extension

3.0.0 2023-07-17 08:36 UTC

This package is auto-updated.

Last update: 2024-09-17 11:14:10 UTC


README

一个易于使用的扩展,可让您在TYPO3表单扩展中使用验证码

通过Composer安装

composer require columbusinteractive/typo3-easycaptcha

工作原理

在底层,此扩展使用出色的laminas/laminas-captcha库。此扩展使用独立的会话容器以简化操作。设置了一个名为captcha的独立会话cookie,并且仅对当前浏览器会话有效。请记住这一点,以符合您的cookie同意或隐私设置!生成的验证码图像会定期自动回收,所以无需担心。

用法

安装扩展后,您将在TYPO3表单编辑器中看到一个名为“Easy captcha”的新字段。只需添加该字段即可。别忘了在您的模板中添加静态typoscript文件!

自定义

以下选项在TYPO3表单编辑器中可用

样式

如果需要,可以自定义验证码。然而,在大多数情况下,默认样式应该足够。以下类可用

  • easycaptcha(容器)
    • easycaptcha--initialized(已初始化的验证码)
  • easycaptcha__challenge(图像和按钮的包装器)
  • easycaptcha__image-wrapper(图像的包装器)
  • easycaptcha__image(图像)
  • easycaptcha__actions(按钮的包装器)
  • easycaptcha__action-tts(TTS按钮)
  • easycaptcha__action-reload(重载按钮)
  • easycaptcha__input-wrapper(输入的包装器)

JS API

可以通过window.easycaptcha访问JavaScript API。

可用函数

easycaptcha.init(id: string|HTMLElement): void;
easycaptcha.initAll(): void;
easycaptcha.reload(id: string|HTMLElement): void;
easycaptcha.tts(id: string|HTMLElement): Promise;
easycaptcha.get(id: string|HTMLElement): HTMLElement;
easycaptcha.getAll(): HTMLCollection;

演示

我们在公司的联系表单上使用了验证码。
https://www.columbus-interactive.de/kontakt

许可证

此TYPO3扩展是开源软件,采用MIT许可证