如何从流星中的可编辑div中选择值而不是使用textarea.value？

Question

我之前使用textarea标签代替了这个div [contentEditable =“ true]，但是在用户输入时调整文本大小存在问题；这是在textarea版本中有效的代码：

Template.mainFrame.events({
  'click button': function(e, t) {
    var inputted = t.find('#textarea').value;
    Session.set('input', inputted);
    t.find('#textarea').value = '';
  }
});

Template.mainFrame.someValue = function(){
    return Session.get('input');
};

HTML：

  <section>
        <div class="input">
          <div contentEditable="true" placeholder="type here" id="textarea">
            Lorem ipsum sit dolor
          </div>
          <button>
            click me
          </button>
        </div>
        <div class="output">
          {{#markdown}}
    {{someValue}}
          {{/markdown}}
        </div>
      </section>

但是现在它不起作用了。 我猜.value方法仅适用于textarea或输入以及此类内容；

因此，问题是：我应该使用流星中的哪个方法来选择div中的内容？

Answer 1

这不是一个流星问题，但实际上只是关于javascript（确切地说是jQuery）。

从这里得到的答案是您可以使用：

var inputted = t.find('#textarea').html();