如何使用流星JS在summernote中收取数据？

Posted 2023-03-22

【中文标题】如何使用流星JS在summernote中收取数据？

【英文标题】：How to charge data in a summernote with meteor JS?

【发布时间】：2021-10-14 17:35:51

【问题描述】：

我正在使用流星 JS 并尝试实现一个 Summernote。 问题是，当我尝试用我的数据打开一个summernote时，它有时会起作用。 当我第一次为页面充电时，summernote 中没有任何内容，但是如果我更改代码中的某些内容并保存，内容将出现在summernote 中。 请帮帮我:'(

<template name="consigneModif">
  <div class="container">
    <div class = "col text-center">
      <h1>Modification de this.Name</h1>
    </div> 
    <form class="formConsigne">
      <div class="form-group">
        <label for="Description"><h4>Nom :</h4></label>
        <textarea class="summernote" id="Name" name="Name">this.Name</textarea>
      </div>
      <div class="form-group">
        <label for="Description"><h4>Description :</h4></label>
        <textarea class="summernote" id="Description" name="Description" rows="3">this.Description</textarea>
      </div>
      <div class="form-group">
        <label for="Condition"><h4>Condition d'application de la consigne : </h4></label>
        <textarea class="summernote" id="Condition" name = "Condition" rows="3">this.Condition</textarea>
      </div>
      <div class="form-group">
        <label for="Mode"><h4>Mode opératoire :</h4></label>
        <textarea class="summernote" id="Mode" name ="Mode" rows="3">this.Mode</textarea>
      </div>
      <div class="form-group">
        <label for="Date"><p>Date effective :</p></label>
        <input type="Date" id="Date" name = Date>
      </div>
      <div class="form-group">
        <label for="DateFin"><p>Date de fin :</p></label>
        <input type="Date" id="DateFin" name = DateFin>
      </div>
      <div>
        <button type="submit" class ="btn btn-success" id="AddConsignButton">Modifier</button>
      </div>
    </form>     
  </div>
  >footerNavbar
  <script>
    $('.summernote').summernote('code');
</script>
</template>

【参考方案1】：

我认为问题在于您用来激活summernote 的script 标签。如果您改用模板的onRender 方法，它应该可以工作。

这可能有效：

Template.consigneModif.onRendered(function () 
  this.$('.summernote').summernote('code');
);

【讨论】：

嗯，它不起作用，我终于找到了解决方案，但我不知道为什么它会起作用。我只是删除了按钮的目标属性，它允许我继续使用模板“consigneModif”。我不打开新窗口，但这对我的应用程序更好。但是我真的不明白为什么它现在起作用了。