/
rxeev
/
react-code-editor
Обзор
Документация
Войти
/
rxeev
/
react-code-editor
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/Preview/Preview.js
36 строк
1 KB
unknown
full
13 сен 2022, 18:04
13 сен 2022, 18:04
27c0be7
Код
Авторство
О чём код?
import React from 'react' import styles from './Preview.module.css' import { EditorContext } from '../../context'; export const Preview = () => { const { html, css, js } = React.useContext(EditorContext) const document = React.useMemo(() => { if (!html && !css && !js) return return ` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style>${css}</style> </head> <body> ${html} <script>${js}</script> </body> </html> ` }, [html, css, js]) return ( <div className={styles.content}> { document ? <iframe title='preview' className={styles.preview} srcDoc={document} /> : <div className={styles.loading}>Шедевр твоего говнокода, здеся или тута ! </div> } </div> ) }