/
githubmirror
/
preact
Обзор
Документация
Войти
/
githubmirror
/
preact
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
demo/contenteditable.jsx
24 строки
521 B
Jiawen Geng
feat: migrate demo to vite
08 май 2023, 12:49
08 май 2023, 12:49
e4f3522
Код
Авторство
О чём код?
import { useState } from 'preact/hooks'; export default function Contenteditable() { const [value, setValue] = useState("Hey there<br />I'm editable!"); return ( <div> <div> <button onClick={() => setValue('')}>Clear!</button> </div> <div style={{ border: '1px solid gray', padding: '8px', margin: '8px 0', background: 'white' }} contentEditable onInput={e => setValue(e.currentTarget.innerHTML)} dangerouslySetInnerHTML={{ __html: value }} /> </div> ); }