irdion / contao-modal-bundle
将模态(对话框)元素添加到您的网页中。
1.0.4
2022-08-22 06:39 UTC
Requires
- php: ^8.0
- contao/conflicts: @dev
- contao/core-bundle: ^4.13
Requires (Dev)
- contao/manager-plugin: ^2.0
- contao/test-case: ^4.6
- friendsofphp/php-cs-fixer: ^3.0
- phpstan/phpstan: ^1.4
- phpstan/phpstan-phpunit: ^1.0
- phpstan/phpstan-symfony: ^1.1
- phpunit/phpunit: ^9.5
- roave/security-advisories: dev-latest
- slam/phpstan-extensions: ^6.0
- thecodingmachine/phpstan-strict-rules: ^1.0
README
此组件为Contao网站添加了显示 对话框元素 的功能。
它使用 HTMLDialogElement 以及其 showModal()
和 close()
方法来显示和隐藏内容。
在HTML中添加了额外的 属性
role="dialog" arialabelledby="" ariadescribedby=""
元素可以作为 内容元素 和 模块 使用。
内容选项
模态内容有三种选项可供选择。
文本和图片
除了标题外,还可以添加文本(TinyMCE)。
此外,您可以选择带有图像大小的图片。
图片
内容只能选择一个带有图像大小的图片。
HTML
可以为内容插入自定义HTML内容。
打开选项
有三种不同的打开选项。
时间
您可以在后端选择秒数。
页面加载后,模态将在选定秒数后自动显示。
此外,您还可以选择用户不再看到模态的天数。
滚动位置
如果选择此选项,当内容中的该部分达到时,模态将自动显示。
同样,您还可以指定用户之后不会被打扰的天数。
按钮
如果选择此选项,前端将显示一个额外的按钮。
点击按钮将触发模态。
设置
有一个选项可以 不显示 模态 在某些页面上。
此外,可以存储一个链接。如果您在其目标页面上,模态也不会显示。