Home

Awesome

Summernote for AutoForm

Add WYSIWYG editor to your Meteor app.

Usage

  1. Install meteor add mpowaga:autoform-summernote

  2. Install bootstrap and fontawesome or skip this if you have them installed

meteor add twbs:bootstrap

meteor add fortawesome:fontawesome

  1. Create schema
var BookSchema = new SimpleSchema({
  title: {
    type: String,
    label: "Title",
    max: 200
  },
  content: {
    type: String,
    label: "Yet another poem",
    autoform: {
      afFieldInput: {
        type: 'summernote',
        class: 'editor' // optional
        settings: // summernote options goes here
      }
    }
  }
});
  1. Attach schema to your collection Books.attachSchema(BookSchema)

  2. Generate the form with {{> quickform}} or {{#autoform}}

{{> quickForm collection="Books" type="insert"}}
  1. Remember to sanitize the HTML on the server! Summernote doesn't do that, and even if it did, the client could always send HTML containing <script> tags.

Summernote options

See all available summernote options here.

Summernote callbacks

See all available summernote calbacks here.