LOADING

Extract to React

Extract to React1.0.2

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

官方版无广告18

更新日期: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/)

相关资源

front-dev
frontEnd assist tool 前端视觉还原辅助工具前端开发视觉还原辅助工具,附有取色,参考线量取宽高和位置等功能。
Link Revealer
当您将鼠标悬停在网页链接上时显示 URL。此扩展程序将显示您要单击的链接的 url。您可能会问自己,为什么要进行此扩展...不管您信不信,这样做是因为现代浏览器(例如 Google Chrome)最多会隐藏您要单击的 url 的状态栏。所以我希望有了这个,你会知道更多你要去哪里冲浪。但是这个扩展不会在这里结束,我
一马: 在线代码翻译
工具栏按钮, 弹窗为在线代码的翻译. 现支持GitHub, 码云.中文编程知乎专栏介绍文章: https://zhuanlan.zhihu.com/p/48597668注意: 插件内置词库仅有三千最常用词. 为保证翻译效果, 请安装包含77万词条的离线英汉词典插件:https://chrome.google.co
RESTer
几乎所有 Web 服务的 REST 客户端。你可以... - 使用任何方法、URL、正文和自定义标头执行 HTTP 请求。 - 保存最喜欢的请求并将它们组织在集合中。 - 查看您的请求历史记录,其中包括完整的请求和响应。该附加组件支持以下优点: - 使用基本或 OAuth2 身份验证创建并保存您的授权标头。 -
git-tree
GitHub 和 GitLab 的代码树GitHub 和 GitLab 的代码树
Scraper Parsers – Free Web Scraping
Scraper 从 HTML 网页中提取数据并将其导入到 excel、xls、xlsx、csv、json、xml 文件中。重要的!仅在网站的 1 个详细页面上选择必要的数据类型。我们的技术本身会在网站上找到类似的页面并为您提取必要的数据。抓取工作基于机器学习自动进行。与其他网络抓取工具相比,无需指定所有页面、目录

暂无评论

暂无评论...