Ghepes/data-wromo-id
GitHub: Ghepes/data-wromo-id
一个基于 JSON 配置的前端 Loader 组件，通过自定义 data 属性和结构化数据文件实现网页内容的动态加载与替换。
Stars: 0 | Forks: 0
# data-wromo-id
Data wromo ID 是一个 Loader 组件，用于在任何网站上根据任意页面、文本、图像、url 动态加载任何 id，并通过您自定义的 json 理解所需的任何变体。
## v1.0.2
针对 "a" 标签的视觉修复集成。
修复 在 video iframe url API 中移除硬编码的 domain Origin。
## 请遵循以下步骤
根据 id data_wromo_id 创建 json 文件
映射的 json 应如下例所示
文件夹 -> /data/...
## 重要提示：
/data/ 文件夹是唯一被 json id 导入识别的文件夹：其逻辑根据页面名称或 url 而定：如果是主域名或 index.html，id 数据应位于
/data/index_structure.json
在博客页面或 blog.html 上则是
--> /data/blog_structure.json
依此类推：
/data/NAME_structure.json
JSON
```
{
"metadata": {
"exportedAt": "2026-01-11T08:55:29.141Z",
"sourceFile": "index.html",
"totalElements": 6
},
"elements": [
{
"id": "title_new_web_222110",
"selector": "title_new_web_222110",
"content": "Wromo ID Change whatever you want: dynamically via npm or CDN url",
"type": "title"
},
{
"id": "a_skip_to_main_co_51306",
"type": "a",
"selector": "a_skip_to_main_co_51306",
"content": "#main-content"
},
{
"id": "a_facebook_80604",
"type": "a",
"selector": "a_facebook_80604",
"content": "facebook"
},
{
"id": "img_72992",
"type": "img",
"selector": "img_72992",
"content": "/assets/new.jpg"
},
{
"id": "yt-player-1",
"type": "iframe",
"selector": "yt-player-1",
"videoId": "GuTcle5edjk",
"domain": "wromo.com"
}
]
}
```
data_wromo_id 的协调，在网站上看起来像这样：data_wromo_id="yt-player-1"
id 输入在该行每次更改的开头
## 安装 npmpacket
```
npm i data-wromo-id
```
## 对于 Dynamic Static CDN - script：
```