用meteorautoform预览

我用meteor-autoform

 {{> quickForm collection="Pages" id="insertPageForm" type="insert"}} 

但我也想在窗体下面有一个预览区域，就像这里的SO一样。

我只是不知道如何绑定一个键盘触发器的autoform领域。

用一个简单的帮手，我可以有HTML：

 <textarea class="text"></textarea> <div class="preview"></div> 

和js：

 "change .text": function (e) { $(".preview").text($(e.target).text()); } 

或类似的东西。

Answer 1

如果你使用autoform自定义表单，那么你必须使用afQuickField （ doc ）。

我试着用下面的代码，我想这是你想要的。

通用/ schema.js

 Pages = new Mongo.Collection("pages"); Pages.attachSchema(new SimpleSchema({ text : { type: String, label: "Text", optional : true, max: 1000, autoform: { rows: 2 } } })); 

html的

 <template name="stest"> {{#autoForm id="insertPageForm" collection="Pages" type='insert'}} {{> afQuickField name='text'}} <div class="preview"></div> <div> <button type="submit">Submit</button> </div> {{/autoForm}} </template> 

.js文件

 Template.stest.events({ "keyup textarea[name=text]": function (e, t) { t.$(".preview").text($(e.target).val()); } }); 

希望这对你有所帮助。 干杯!