├── .gitignore
├── .versions
├── README.md
├── lib
    └── client
    │   ├── autoform-summernote.js
    │   ├── templates.html
    │   └── templates.js
├── package.js
└── versions.json


/.gitignore:
--------------------------------------------------------------------------------
1 | .build*
2 | 


--------------------------------------------------------------------------------
/.versions:
--------------------------------------------------------------------------------
 1 | aldeed:autoform@4.2.2
 2 | aldeed:simple-schema@1.1.0
 3 | base64@1.0.3
 4 | blaze@2.1.2
 5 | blaze-tools@1.0.3
 6 | callback-hook@1.0.3
 7 | check@1.0.5
 8 | ddp@1.1.0
 9 | deps@1.0.7
10 | ejson@1.0.6
11 | geojson-utils@1.0.3
12 | html-tools@1.0.4
13 | htmljs@1.0.4
14 | id-map@1.0.3
15 | jquery@1.11.3_2
16 | json@1.0.3
17 | livedata@1.0.13
18 | logging@1.0.7
19 | meteor@1.1.6
20 | minifiers@1.1.5
21 | minimongo@1.0.8
22 | momentjs:moment@2.8.4
23 | mpowaga:autoform-summernote@0.3.2
24 | observe-sequence@1.0.6
25 | ordered-dict@1.0.3
26 | random@1.0.3
27 | reactive-var@1.0.5
28 | retry@1.0.3
29 | spacebars-compiler@1.0.6
30 | summernote:standalone@0.6.0_1
31 | templating@1.1.1
32 | tracker@1.0.7
33 | ui@1.0.6
34 | underscore@1.0.3
35 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Summernote for AutoForm
 2 | =======================
 3 | 
 4 | Add WYSIWYG editor to your Meteor app.
 5 | 
 6 | ## Usage
 7 | 
 8 | 1) Install `meteor add mpowaga:autoform-summernote`
 9 | 
10 | 2) Install bootstrap and fontawesome or skip this if you have them installed
11 | 
12 | `meteor add twbs:bootstrap`
13 | 
14 | `meteor add fortawesome:fontawesome`
15 | 
16 | 3) Create schema
17 | 
18 | ```
19 | var BookSchema = new SimpleSchema({
20 |   title: {
21 |     type: String,
22 |     label: "Title",
23 |     max: 200
24 |   },
25 |   content: {
26 |     type: String,
27 |     label: "Yet another poem",
28 |     autoform: {
29 |       afFieldInput: {
30 |         type: 'summernote',
31 |         class: 'editor' // optional
32 |         settings: // summernote options goes here
33 |       }
34 |     }
35 |   }
36 | });
37 | ```
38 | 
39 | 4) Attach schema to your collection `Books.attachSchema(BookSchema)`
40 | 
41 | 5) Generate the form with `{{> quickform}}` or `{{#autoform}}`
42 | 
43 | ```
44 | {{> quickForm collection="Books" type="insert"}}
45 | ```
46 | 
47 | 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 `<script>` tags.
48 | 
49 | ## Summernote options
50 | 
51 | See all available summernote options [here](http://summernote.org/#/deep-dive#api).
52 | 
53 | ## Summernote callbacks
54 | 
55 | See all available summernote calbacks [here](http://summernote.org/#/deep-dive#callbacks).
56 | 


--------------------------------------------------------------------------------
/lib/client/autoform-summernote.js:
--------------------------------------------------------------------------------
1 | AutoForm.addInputType('summernote', {
2 | 	template: 'afSummernote',
3 | 	valueOut: function() {
4 | 		return this.summernote('code');
5 | 	}
6 | });
7 | 


--------------------------------------------------------------------------------
/lib/client/templates.html:
--------------------------------------------------------------------------------
1 | <template name="afSummernote">
2 |   <div {{atts}}></div>
3 | </template>
4 | 


--------------------------------------------------------------------------------
/lib/client/templates.js:
--------------------------------------------------------------------------------
 1 | Template.afSummernote.created = function () {
 2 |   this.value = new ReactiveVar(this.data.value);
 3 | };
 4 | 
 5 | Template.afSummernote.rendered = function() {
 6 |   var self = this;
 7 |   var options = this.data.atts.settings || {};
 8 |   var $editor = $(this.firstNode);
 9 |   
10 |   var onblur = options.onblur;
11 |   options.onblur = function(e) {
12 |     $editor.change();
13 |     if (typeof onblur === 'function') {
14 |       onblur.apply(this, arguments);
15 |     }
16 |   };
17 | 
18 |   $editor.summernote(options);
19 | 
20 |   this.autorun(function () {
21 |     $editor.summernote('code', self.value.get());
22 |   });
23 | 
24 |   $editor.closest('form').on('reset', function() {
25 |     $editor.summernote('code', '');
26 |   });
27 | };
28 | 
29 | Template.afSummernote.helpers({
30 |   atts: function () {
31 |     var self = this;
32 | 
33 |     /**
34 |      * This is bit hacky but created and rendered callback sometimes
35 |      * (or always?) get empty value. This helper gets called multiple
36 |      * times so we intercept and save the value once it is not empty.
37 |      */
38 |     Tracker.nonreactive(function () {
39 |       var t = Template.instance();
40 |       if (t.value.get() !== self.value) {
41 |         t.value.set(self.value);
42 |       }
43 |     });
44 |     
45 |     return _.omit(this.atts, 'settings');
46 |   }
47 | });


--------------------------------------------------------------------------------
/package.js:
--------------------------------------------------------------------------------
 1 | Package.describe({
 2 |   name: 'mpowaga:autoform-summernote',
 3 |   summary: 'Summernote editor for aldeed:autoform',
 4 |   version: '0.4.4',
 5 |   git: 'https://github.com/mpowaga/meteor-autoform-summernote'
 6 | });
 7 | 
 8 | Package.onUse(function(api) {
 9 |   api.versionsFrom('1.0');
10 | 
11 |   api.use([
12 |     'templating',
13 |     'underscore',
14 |     'reactive-var',
15 |     'aldeed:autoform@5.8.1',
16 |     'summernote:standalone@0.8.1'
17 |   ], 'client');
18 | 
19 |   api.addFiles([
20 |     'lib/client/templates.html',
21 |     'lib/client/templates.js',
22 |     'lib/client/autoform-summernote.js'  
23 |   ], 'client');
24 | });
25 | 


--------------------------------------------------------------------------------
/versions.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "dependencies": [
  3 |     [
  4 |       "aldeed:autoform",
  5 |       "4.2.2"
  6 |     ],
  7 |     [
  8 |       "aldeed:simple-schema",
  9 |       "1.1.0"
 10 |     ],
 11 |     [
 12 |       "base64",
 13 |       "1.0.1"
 14 |     ],
 15 |     [
 16 |       "blaze",
 17 |       "2.0.3"
 18 |     ],
 19 |     [
 20 |       "check",
 21 |       "1.0.2"
 22 |     ],
 23 |     [
 24 |       "ddp",
 25 |       "1.0.11"
 26 |     ],
 27 |     [
 28 |       "deps",
 29 |       "1.0.5"
 30 |     ],
 31 |     [
 32 |       "ejson",
 33 |       "1.0.4"
 34 |     ],
 35 |     [
 36 |       "geojson-utils",
 37 |       "1.0.1"
 38 |     ],
 39 |     [
 40 |       "htmljs",
 41 |       "1.0.2"
 42 |     ],
 43 |     [
 44 |       "id-map",
 45 |       "1.0.1"
 46 |     ],
 47 |     [
 48 |       "jquery",
 49 |       "1.0.1"
 50 |     ],
 51 |     [
 52 |       "json",
 53 |       "1.0.1"
 54 |     ],
 55 |     [
 56 |       "livedata",
 57 |       "1.0.11"
 58 |     ],
 59 |     [
 60 |       "logging",
 61 |       "1.0.5"
 62 |     ],
 63 |     [
 64 |       "meteor",
 65 |       "1.1.3"
 66 |     ],
 67 |     [
 68 |       "minimongo",
 69 |       "1.0.5"
 70 |     ],
 71 |     [
 72 |       "momentjs:moment",
 73 |       "2.8.4"
 74 |     ],
 75 |     [
 76 |       "observe-sequence",
 77 |       "1.0.3"
 78 |     ],
 79 |     [
 80 |       "ordered-dict",
 81 |       "1.0.1"
 82 |     ],
 83 |     [
 84 |       "random",
 85 |       "1.0.1"
 86 |     ],
 87 |     [
 88 |       "reactive-var",
 89 |       "1.0.3"
 90 |     ],
 91 |     [
 92 |       "retry",
 93 |       "1.0.1"
 94 |     ],
 95 |     [
 96 |       "summernote:standalone",
 97 |       "0.6.0_1"
 98 |     ],
 99 |     [
100 |       "templating",
101 |       "1.0.9"
102 |     ],
103 |     [
104 |       "tracker",
105 |       "1.0.3"
106 |     ],
107 |     [
108 |       "ui",
109 |       "1.0.4"
110 |     ],
111 |     [
112 |       "underscore",
113 |       "1.0.1"
114 |     ]
115 |   ],
116 |   "pluginDependencies": [],
117 |   "toolVersion": "meteor-tool@1.0.35",
118 |   "format": "1.0"
119 | }


--------------------------------------------------------------------------------