<NME> README.md
<BEF> # MaterialNote v2.0.5

![MaterialNote](http://144.76.103.88/webforge_static/appLogos/materialNote.png)

LIVE DEMO: [MaterialNote demo](http://www.web-forge.info/projects/materialNote)

A Summernote wysiwyg editor version converted for Materialize
 (Materialize [Official website](http://materializecss.com/))
MaterialNote is based on summernote.js, so the API is still the same.
Please visit [summernote.js api guide](http://summernote.org/deep-dive/) to deep dive.


## Settings additions

Other to the standard summernote.js settings, materialNote have some extras (take a look at official summernote guide for the [summernote.js initialization options](http://summernote.org/deep-dive/#initialization-options)).

- `popover.image`: added `['responsivity', ['responsive']]` btn group containing button to handle materialize's image responsivity class.
- `popover.link`: added `openLinkNewWindow` btn to handle `target` attribute of the link directly from the popover.
- `popover.table`: added `['materializeOptions', ['borderedTable', 'stripedTable', 'highlightedTable', 'responsiveTable', 'centeredTable']]` btn group to handle materialize's table options.
- `defaultColors.text` [String]: default text color used for recent-color button at startup.
- `defaultColors.background` [String]: default background color used for recent-color button at startup.
- `followingToolbar` [Boolean]: enable/disable following toolbar.
- `otherStaticBarClass` [String]: if your app already have a fixed positioned topBar, you will need to add here its class to let materialNote able to calculate the right offset for the editor's toolbar.


## Editor colors

If you wish to change any of the editor color, you can quickly achieve the desired result by editing file **src/sass/variables.scss**, which defines all colours used by the editor as sass variables.

After making desired changes, just run `grunt build` to create a new dist in the **dist** folder.


## Multi instances

If you put more than one editor in the same page, some parts such as dropdowns will not work properly (since they use ids) unless you pass a unique `posIndex` parameter to each instance:

```
$.each($('.materialnote'), function(index, node) {
    $(node).materialnote({
        height: 300,
The provided versione includes an override of materialize tooltips (called ckTooltip) with autoclean function for tooltips' shadow dom when the tooltipped element is destroyed (better for single-page app); this functions is also edited to have faster tooltip animations;
If you don't need/want this, you can use the standard materialize tooltip function, replacing "ckTooltip" with "tooltip" in materialNote (1 occurence) and removing "ckMaterializeOverrides.js" file and its reference in index.html;

##### Grunt
It is provided with livereload and sass version of stylesheet;
use "grunt" to execute it and point your browser on "localhost:7000" (prerequisites: ruby, sass ("gem install sass"), grunt-cli, grunt and needed plugins ("npm install"), browser livereload extension)

### License
Available under <a href="http://opensource.org/licenses/MIT" target="_blank">MIT license</a> (also available in included **license.txt** file).

<MSG> updated readme and example style

<DFF> @@ -3,6 +3,7 @@
 ![MaterialNote](http://144.76.103.88/webforge_static/appLogos/materialNote.png)
 
 LIVE DEMO: [MaterialNote demo](http://www.web-forge.info/projects/materialNote)
+(live demo can be outdated for a while; if live demo version is not the same of current plugin version, please use the included demo instead)
 
 A Summernote wysiwyg editor version converted for Materialize
  (Materialize [Official website](http://materializecss.com/))
@@ -41,9 +42,12 @@ It is provided with scss version of the stylesheet, if you use sass, to change s
 The provided versione includes an override of materialize tooltips (called ckTooltip) with autoclean function for tooltips' shadow dom when the tooltipped element is destroyed (better for single-page app); this functions is also edited to have faster tooltip animations;
 If you don't need/want this, you can use the standard materialize tooltip function, replacing "ckTooltip" with "tooltip" in materialNote (1 occurence) and removing "ckMaterializeOverrides.js" file and its reference in index.html;
 
-##### Grunt
+### Grunt
 It is provided with livereload and sass version of stylesheet;
-use "grunt" to execute it and point your browser on "localhost:7000" (prerequisites: ruby, sass ("gem install sass"), grunt-cli, grunt and needed plugins ("npm install"), browser livereload extension)
+use "grunt" to execute it and point your browser on "localhost:7000" (prerequisites: ruby, sass ("gem install sass"), grunt-cli, grunt and needed plugins ("npm install"), browser livereload extension);
+
+Use --port option to serve it on another port; example:
+**grunt --port=9000**
 
 ### License
 Available under <a href="http://opensource.org/licenses/MIT" target="_blank">MIT license</a> (also available in included **license.txt** file).

updated readme and example style