eminos/statamic-element-picker

一个Statamic插件，添加了一个元素选择器字段类型，允许你选择一个元素并为其生成一个唯一的CSS选择器。

维护者

详细信息

github.com/eminos/statamic-element-picker

源代码

问题

安装: 2

依赖项: 0

建议者: 0

安全: 0

星标: 1

关注者: 1

分支: 0

开放性问题: 0

语言:Vue

类型:statamic-addon

v1.1.0 2024-05-09 16:41 UTC

Requires

Requires (Dev)

MIT 7804b0066cb785e6128f395a0e24529094261caa

This package is auto-updated.

Last update: 2024-09-09 17:22:45 UTC

README

一个Statamic插件，添加了一个元素选择器字段类型。
选择一个元素并获取其短且唯一的"CSS选择器"。

Screenshot of the Element Picker Fieldtype

安装

使用composer安装此插件。

composer require eminos/statamic-element-picker

功能

  • 在当前页面或可配置的URL上直接选择元素。
  • 配置URL的来源。
    • 在字段配置中设置URL。
    • 让URL来自兄弟字段或祖先字段（在网格或复制器中也能正常工作）。
  • 如果你选择使用URL，将打开一个新窗口，其中包含该URL，你可以通过点击选择你的元素。
  • 为该元素保存一个短且唯一的"CSS选择器"，你可以使用它再次找到该元素（底层使用finder）。

以下是配置选项的截图。

Screenshot of the Element Picker field config

已知限制

  • URL必须与加载元素选择器的页面具有相同的来源。换句话说，你只能从与控制面板相同的域名中选择元素。这是因为打开的窗口/选项卡之间消息传递的安全性。可能存在一个涉及Shadow DOM或类似方法的解决方案。

可能的改进

  • 在元素选择器字段本身上设置URL的选项。这可以可选地与CSS选择器字符串一起保存。
  • 可配置的CSS选择器生成/finder。
  • 可配置的检查器设计、背景颜色、边框等。

许可

MIT许可（MIT）。请参阅许可文件以获取更多信息。