Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mpowaga/meteor-autoform-summernote


https://github.com/mpowaga/meteor-autoform-summernote

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

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`

3) 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
}
}
}
});
```

4) Attach schema to your collection `Books.attachSchema(BookSchema)`

5) Generate the form with `{{> quickform}}` or `{{#autoform}}`

```
{{> quickForm collection="Books" type="insert"}}
```

6) Remember to [sanitize the HTML on the server](https://atmospherejs.com/?q=sanitize)! Summernote doesn't do that, and even if it did, the client could always send HTML containing `` tags.

## Summernote options

See all available summernote options [here](http://summernote.org/#/deep-dive#api).

## Summernote callbacks

See all available summernote calbacks [here](http://summernote.org/#/deep-dive#callbacks).