小编典典

反应:在contentEditable div中获取文本的值

reactjs

我正在使用contentEditablediv,并希望在调用submit时获取其中的文本。我尝试过,this.refs.textarea.value.trim()但这似乎不起作用。我的代码如下在渲染返回

<div><form onSubmit={this.handleSubmit} id="noter-save-form" method="POST">

<div id="noter-text-area" contentEditable="true" ref="textarea">{value}</div>

handleSubmit功能。

handleSubmit: function(e) { 
  e.preventDefault();
  var text = this.refs.textarea.value.trim();
  alert(text);
  this.saveFile(text);
},

谢谢您的帮助。我只是想用可编辑div中的实际内容替换文本变量。


阅读 1355

收藏
2020-07-22

共1个答案

小编典典

如果它是一个div,则是否可编辑且应该是可编辑的以及this.refs.textarea.innerHTML是否只需要文本都无关紧要this.refs.textarea.innerText

2020-07-22