LOADING

Extract to React

Extract to React1.0.2

Chrome/Chromium 扩展允许简单的 HTML 到 React 的转换。将任何网站任何部分的所有 HTML 和 CSS 直接提取到一个随时可用的 React 组件中! ---- # 用法- 快速开始:检查页面上的元素 > “Extract To React”选项卡 > 将代码提取到 CodePen 或

官方版无广告17

更新日期:2021年 8月 29日分类标签:语言:中文平台:

489KB 0 人已下载 手机查看

简介:
Chrome/Chromium 扩展允许简单的 HTML 到 React 的转换。将任何网站任何部分的所有 HTML 和 CSS 直接提取到一个随时可用的 React 组件中! —- # 用法- 快速开始:检查页面上的元素 > “Extract To React”选项卡 > 将代码提取到 CodePen 或 JSFiddle。 – 高级用法:可以将单个组件拆分为多个嵌套组件。在“元素”选项卡中找到您希望成为其自身组件的元素。添加一个名为“data-component”的属性。将 `data-component` 的值设置为提取的组件名称: <h2 class="heading" data-component="Heading">你好,世界!</h2> <nav class="nav" data-component="Nav"> <ul class="list"> <li class="list-item" data-component="ListItem">#1</li> <li class="list-item" data-component="ListItem">#2</li> </ul> </导航>将导致提取 3 个组件:`Heading`、`Nav` 和 `ListItem` —- # 错误和功能如果您发现错误或有功能请求,请在 GitHub 上创建问题:https://github.com/jesstelford/extract-to-react/issues —- # 归因本项目基于优秀的开源软件: * SnappySnippet:Chrome/Chromium 扩展,可轻松提取特定 DOM 元素的 CSS+HTML。创建的代码片段可以一键导出到 CodePen、jsFiddle 或 JS Bin。 (https://github.com/kdzwinel/SnappySnippet/issues) * html-to-react-components:将 HTML 的注释部分作为单独的模块提取到 React 组件中。 (https://roman01la.github.io/html-to-react-components/)

相关资源

Issue Checker for GitHub
检查 Github 问题使用此扩展程序,您永远不会忘记分配给您的 GitHub 问题和拉取请求!扩展图标上的数字表示分配给您的问题/拉取请求的数量,并且扩展会随时使它们保持最新状态。您可以在扩展弹出窗口中检查分配给您的问题/拉取请求,并轻松打开对应页面。
Frozen – A Chrome Devtools Theme
Frozen 是 Sublime Text 和 Google Chrome DevTools 的主题。它的开发旨在成为具有现代外观的主题,...... Frozen 是 Sublime Text 和 Google Chrome DevTools 的主题。它的开发目的是成为一个具有现代外观的主题,合意并且在数小时编
Chroma: Ultimate Eyedropper & Color Picker
滴管、颜色选择器、调色板创建器等等! Chroma 非常直观且易于使用,是一款 100% 免费的颜色工具,可让您在浏览网页时轻松地从屏幕上取样。里面是什么? ✺ 吸管工具✺ 拾色器工具✺ 调色板生成器✺ 十六进制/RGB/HSL 值✺ 调色板排序✺ 色彩历史✺ 复制到剪贴板✺ 可拖动工具栏✺ 任何颜色的色调和色调
OGP Checker
使用官方 Facebook 调试器检查 OGP。您可以检查打开页面的 OGP。右键单击并单击“检查 OGP”,或者单击工具栏图标可以使用Facebook官方调试工具查看打开页面的OGP。
HubX (by Neambo)
在新的 HubSpot 设计工具中复制模块和组使用额外功能使您强大的 HubSpot 设计工具更加出色: - 在模板之间复制组和模块- 在特定位置复制模板内的组和模块- 双击标签时折叠/展开组- 可选的深色主题让您的眼睛放松更多信息:https://neambo.com/hubx寻找美丽而强大的 HubSpot
Check for .git directory existence
此扩展程序将检查您站点上现有的 .git 目录,这是一个很大的安全漏洞。检查网站是否可以公开访问 .git 目录。这是一个巨大的安全问题,因为所有源文件都可以下载。有关更多信息,请参阅:https://www.jordijolink.nl/2016/09/24/ripping-a-websites-source-

暂无评论

暂无评论...