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

WYSIWYG editor for the web, based on materialnote.js and materializeCss.
Version 2 is currently in beta...



## Editor Api

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.

*   defaultTextColor (used by "color" button to set the default text color)
*   defaultBackColor (used by "color" button to set button's color default background color)
*   followingToolbar (default true)

MaterialSummernote is not just a conversion of Summernote from bootstrap to materialize,
 it also contains some changes
```
$.each($('.materialnote'), function(index, node) {
    $(node).materialnote({
        height: 300,
        posIndex: index
    });
});
```


## Contribute

1.1.0
-----
- improved mobile support

1.0.6
-----

<MSG> updated readme

<DFF> @@ -31,6 +31,7 @@ that you can pass to the constructor in materialSummernote:
 *   defaultTextColor (used by "color" button to set the default text color)
 *   defaultBackColor (used by "color" button to set button's color default background color)
 *   followingToolbar (default true)
+*   otherStaticBarClass is the class of webapp's static bar (if used); this is used to avoid materialNote's toolbar to override it while scrolling (default .staticTop)
 
 MaterialSummernote is not just a conversion of Summernote from bootstrap to materialize,
  it also contains some changes
@@ -49,6 +50,7 @@ use "grunt" to execute it and point your browser on "localhost:7000" (prerequisi
 1.1.0
 -----
 - improved mobile support
+- added support for webapp' static bar
 
 1.0.6
 -----

updated readme