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/)

相关资源

Hoppscotch Browser Extension
为 Hoppscotch 提供更多功能此扩展在使用 Hoppscotch 时提供更好的用户体验。它删除了在发送不符合 CORS 限制的请求时遇到的 CORS 限制。 Hoppscotch 是一个开源项目,由一群了不起的贡献者构建,我们很乐意得到您的帮助,让它变得更好!没试过跳房子?前往:https://hopps
Page Manipulator
将 HTML、CSS 或 JavaScript 注入任何网页。每次访问指定网站时都会应用您所做的更改。 ???????????????-????-???????????????????,???,??,??。 ????
Selector Finder
标识任何网页中任何对象的 DOM 位置、选择器和属性。 [ ⌥ 选项或 Alt ] + 左键单击对象开始,然后使用导航控制台和提供的工具来研究和自定义您的选择器。变更日志: Ver 3.1.0 *所选节点的脉冲边界+修复查询错误+删除未使用的资源” Ver 3.0.0 *清理了代码和用户界面Ver 2.0.27
JIRA ShortCut – BKTB
复制到剪贴板 Jira 问题任务-子任务标题和 Confluence 问题标题此扩展包括最初由 mshytikov 提供的 Jira Shortcut 的附加功能。附加功能如下: 1. 可以复制Confluence页面标题。 2. 能够在 Jira 票证中复制父任务信息(如果存在)。 3.粘贴时,信息将是启用超链
sourceditor
一个简单和最小的扩展,使您能够编辑任何网站的源代码并保存它。 sourceditor 是一种编辑任何网站源代码并保存的简单方法。下次您访问您编辑过的网站时,更改仍然存在。
Password Monkey
通过将●●●●●● 转换为简单易读的文本来显示您的密码。认为您写错了密码?需要查看自动填充的密码吗?使用 Password Monkey 进行检查。

暂无评论

暂无评论...