在反应中从内容可编辑 div 获取输入

Question

更改处理程序

const contentref=useRef()
const handleclick=()=>{
   setContent(contentref.current.value)
   console.log(contentref.current.value)
}

标签

<div
    name="textbox"  
    ref ={contentref}  
    className="textbox" 
    onChange={e=>handleclick()} 
    contentEditable="true" 
    role="textbox" 
    aria-multiline="true" 
    tabIndex="0px" 
    placeholder="Type something..."  
    spellCheck="false">
</div>

我一直在尝试从可编辑的内容中获取输入 div 但它没有返回任何内容。

Answer 1

const handleclick = () => {
    setConntent(contentref.current.innerHTML)
}

使用 ref.cuurent.innerHTML .

在反应中从内容可编辑 div 获取输入

Getting input from a content editable div in react

html

contenteditable

reactjs

react-dom