React: Getting the value of text inside a contentEditable div

phlie

I am using a contentEditable div and want to get the text inside it when a submit is called. I tried this.refs.textarea.value.trim() but that doesn't seem to work. My code is as follows in the render return

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

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

and the handleSubmit function.

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

Thanks for the help. I am just looking to replace the text variable with what is actually inside the editable div.

David Zorychta

if it's a div it doesn't matter if it's editable and should be this.refs.textarea.innerHTML and if you just want text this.refs.textarea.innerText

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

通过React中的contentEditable进行更改后从div获取innerHTML

来自分类Dev

div contentEditable但Readonly

来自分类Dev

Write text inside a div from JavaScript?

来自分类Dev

如何读取contentEditable div的内容?

来自分类Dev

在ContentEditable Div内建立链接

来自分类Dev

如何读取contentEditable div的内容?

来自分类Dev

Vertical align span text inside inline-block div

来自分类Dev

How can I center text inside a div element using CSS

来自分类Dev

修改时contenteditable div的innerHTML值

来自分类Dev

如何设置固定宽度的HTML contentEditable div

来自分类Dev

检查contenteditable div是否为空

来自分类Dev

make a span within a contenteditable div uneditable

来自分类Dev

contenteditable =“ true” div字符数限制

来自分类Dev

contenteditable div中的内容为空

来自分类Dev

检查contenteditable div的输入是否为数字

来自分类Dev

高度通过contenteditable =“ true”自动增加div

来自分类Dev

使用contenteditable div获取并设置光标位置

来自分类Dev

contenteditable div上的字体大小更改

来自分类Dev

使用jQuery选择当前关注的contenteditable div

来自分类Dev

使用mysqli从contentEditable div保存数据

来自分类Dev

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

来自分类Dev

用contenteditable =“ false”设置div样式

来自分类Dev

如果<p contenteditable>增大,则让<div>增大

来自分类Dev

如何使用Svelte在doubleclick上使<div> contentEditable?

来自分类Dev

使用受控输入来反应contentEditable div

来自分类Dev

Angular启用/禁用contenteditable在div元素上

来自分类Dev

Contenteditable div输入问题(键代码13)

来自分类Dev

更改contentEditable div的字体大小

来自分类Dev

在contenteditable div中将光标包装标签

Related 相关文章

热门标签

归档