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

时间:2014-12-14 15:31:07

标签: javascript meteor

之前我用过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中的内容?

1 个答案:

答案 0 :(得分:1)

这不是一个流星问题,但实际上只是关于javascript(或精确的jQuery)。

here的答案是你可以使用:

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