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

相关资源

HTML5 Debugger
在网页上显示错误用于查找和解决网页中的缺陷或问题以帮助执行 HTML5 标准的开发人员工具。
Bird Eats Bug
更快地发现、报告和修复错误。记录产品的屏幕和技术日志。更快地报告和修复错误。错误报告示例:https://app.birdeatsbug.com/sessions/example工程师无法重现错误并因此修复它的情况多久发生一次?开发人员每天花 2-6 个小时处理技术问题。并且与错误报告器来回进行了很多。花在 bu
Show info Freelancer.com
此扩展由 MSDevs 创建,由 dtduc 重新编码,用于修复和改进 Freelancer.com显示项目所有者的简短信息
Prettify
自动制作带有 JSON/XML/... 内容 pttier 的页面的小扩展。快速而肮脏的 WebExtension,可自动使 JSON 页面美观。将看起来乏味的库存 JSON 渲染变成漂亮的、可扩展/可折叠的视图。它的美妙之处在于它会自动在每个将其 Content-type 设置为 application/jso
Facebook Access Token
快速获取Facebook Access Token帮助获取Facebook Access Token.客户端向服务器发送必须带有特殊的Token令牌数据,Facebook的接口请求也是通过这样的令牌验证客户端的请求。1.安装开启插件2.访问Facebook广告管理或投放相关页面3.自动获取页面请求的Token数据
Stop
一个简单的停止按钮一个简单的停止按钮,适合那些想要在地址栏右侧使用的人。为了节省 RAM,扩展程序使用事件页面而不是持久的背景页面。希望它在大量磁盘访问期间不会滞后。有关重新加载按钮,请参阅: https://chrome.google.com/webstore/detail/reload/fcofhoajiko

暂无评论

暂无评论...