https://github.com/steelydylan/react-embed-devtools

React embeddable devtools
https://github.com/steelydylan/react-embed-devtools

Last synced: 3 months ago
JSON representation

React embeddable devtools

• Host: GitHub
• URL: https://github.com/steelydylan/react-embed-devtools
• Owner: steelydylan
• License: mit
• Created: 2024-04-09T13:43:07.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-05-03T11:53:51.000Z (9 months ago)
• Last Synced: 2024-10-11T23:25:38.181Z (4 months ago)
• Language: TypeScript
• Homepage: https://react-embed-devtools.vercel.app
• Size: 54.7 KB
• Stars: 37
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• my-awesome-list - react-embed-devtools

README

        
# ReactEmbedDevTools

ReactEmbedDevTools is a library that allows you to inspect inside an iframe with the embedded DevTools



This library is used for programing learning platform [https://mosya.dev](https://mosya.dev)

## Demo

[https://react-embed-devtools.vercel.app/](https://react-embed-devtools.vercel.app/)

## Installation

```bash

npm install react-embed-devtools

```

## Usage

You should embed the `embedChobitsu` function in the head tag of the html you want to inspect.

```jsx

import React from "react";

import { EmbedDevTools, embedChobitsu } from "react-embed-devtools";

const html = `

  

  

  

  Document

  ${embedChobitsu()}

  

    h1 {

      color: #333;

      font-size: 32px;

    }

  

  
Hello World

  console.log('Hello World')


`;

function App() {

  return (

    

  );

}

```