Javascript jQuery生成的contenteditable元素中的反应性（Meteor 0.8.0）

自从Meteor 0.8.0（Blaze模板引擎）以来，我一直在使用jQuery生成的

contenteditable

元素时遇到问题

这是我的设置（我正在使用）：

post\u page.html:

<template name="postPage">
  <div class="sidebar col-md-4">
    {{#each posts}}
      {{> postItem}}
    {{/each}}
    <a class="save-all" href="javascript:;"><span class="glyphicon glyphicon glyphicon-save"></span></a>
  </div>

  <div class="mainbar col-md-12">
  <form class="form" role="form">
    <div class="form-group">
      <div name="content" class="form-control" id="input-content">{{{content}}}</div>
    </div>
    <button type="submit" class="btn btn-default submit">Submit</button>
  </form>
  </div>
</template>

Template.postPage.rendered = function() {
  var editor;
  editor = new MediumEditor("#input-content", {
    placeholder: ""
  });
};

<template name="postItem">
  <div class="post clearfix {{title}}">
    <div class="post-buttons">
      <a class="move-up" href="javascript:;"><span class="glyphicon glyphicon-arrow-up"></span></a>
      <a class="move-down" href="javascript:;"><span class="glyphicon glyphicon-arrow-down"></span></a>
    </div>
    <h2><a class="open-post" href="{{pathFor 'postPage'}}">{{title}}</a></h2>
  </div>
</template>

this.route("postPage", {
  path: "/posts/:_id",
  data: function() {
    return Posts.findOne(this.params._id);
  }
});

post\u item.html:

<template name="postPage">
  <div class="sidebar col-md-4">
    {{#each posts}}
      {{> postItem}}
    {{/each}}
    <a class="save-all" href="javascript:;"><span class="glyphicon glyphicon glyphicon-save"></span></a>
  </div>

  <div class="mainbar col-md-12">
  <form class="form" role="form">
    <div class="form-group">
      <div name="content" class="form-control" id="input-content">{{{content}}}</div>
    </div>
    <button type="submit" class="btn btn-default submit">Submit</button>
  </form>
  </div>
</template>

Template.postPage.rendered = function() {
  var editor;
  editor = new MediumEditor("#input-content", {
    placeholder: ""
  });
};

<template name="postItem">
  <div class="post clearfix {{title}}">
    <div class="post-buttons">
      <a class="move-up" href="javascript:;"><span class="glyphicon glyphicon-arrow-up"></span></a>
      <a class="move-down" href="javascript:;"><span class="glyphicon glyphicon-arrow-down"></span></a>
    </div>
    <h2><a class="open-post" href="{{pathFor 'postPage'}}">{{title}}</a></h2>
  </div>
</template>

this.route("postPage", {
  path: "/posts/:_id",
  data: function() {
    return Posts.findOne(this.params._id);
  }
});

即使我点击了posts列表中的一个项目，

contenteditable

div中的

{{{content}}}

也没有改变（始终保持不变）。出于某种原因，反应性在这种情况下不起作用

---

有什么办法解决这个问题吗？

您是否正在使用最新的上游媒体编辑器？我使用了一个大气软件包，遇到了各种各样的麻烦。切换到最新的

媒体编辑器.js

（v1.8.8）解决了我的问题。