diff options
author | Sebastian <sebasjm@gmail.com> | 2021-08-23 16:46:06 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-08-23 16:48:30 -0300 |
commit | 38acabfa6089ab8ac469c12b5f55022fb96935e5 (patch) | |
tree | 453dbf70000cc5e338b06201af1eaca8343f8f73 /preact/demo/contenteditable.js | |
parent | f26125e039143b92dc0d84e7775f508ab0cdcaa8 (diff) | |
download | node-vendor-38acabfa6089ab8ac469c12b5f55022fb96935e5.tar.gz node-vendor-38acabfa6089ab8ac469c12b5f55022fb96935e5.tar.bz2 node-vendor-38acabfa6089ab8ac469c12b5f55022fb96935e5.zip |
Diffstat (limited to 'preact/demo/contenteditable.js')
-rw-r--r-- | preact/demo/contenteditable.js | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/preact/demo/contenteditable.js b/preact/demo/contenteditable.js new file mode 100644 index 0000000..4e913ba --- /dev/null +++ b/preact/demo/contenteditable.js @@ -0,0 +1,25 @@ +import { createElement } from 'preact'; +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> + ); +} |