diff --git a/docs/additional-documentation/code-editor.html b/docs/additional-documentation/code-editor.html
index 833ac1b7..ca43c6e2 100644
--- a/docs/additional-documentation/code-editor.html
+++ b/docs/additional-documentation/code-editor.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html"  data-type="entity-link" class="active" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html"  data-type="entity-link" class="active" >Code Editor</a>
                                        </li>
diff --git a/docs/additional-documentation/configuration.html b/docs/additional-documentation/configuration.html
index af0f5d02..6d7b1d29 100644
--- a/docs/additional-documentation/configuration.html
+++ b/docs/additional-documentation/configuration.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html"  data-type="entity-link" class="active" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html"  data-type="entity-link" class="active" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -377,6 +389,7 @@ <h2 id="usage">Usage</h2>
     &quot;enableToolbar&quot;: true,
     &quot;showToolbar&quot;: true,
     &quot;placeholder&quot;: &quot;Enter text here...&quot;,
+    &quot;imageEndPoint&quot;: &quot;&quot;,
     &quot;toolbar&quot;: [
         [&quot;bold&quot;, &quot;italic&quot;, &quot;underline&quot;, &quot;strikeThrough&quot;, &quot;superscript&quot;, &quot;subscript&quot;],
         [&quot;justifyLeft&quot;, &quot;justifyCenter&quot;, &quot;justifyRight&quot;, &quot;justifyFull&quot;, &quot;indent&quot;, &quot;outdent&quot;],
diff --git a/docs/additional-documentation/image-uploader.html b/docs/additional-documentation/image-uploader.html
new file mode 100644
index 00000000..b334ae7e
--- /dev/null
+++ b/docs/additional-documentation/image-uploader.html
@@ -0,0 +1,421 @@
+<!doctype html>
+<html class="no-js" lang="">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>NgxEditor</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
+	    <link rel="stylesheet" href="../styles/style.css">
+    </head>
+    <body>
+
+        <div class="navbar navbar-default navbar-fixed-top visible-xs">
+            <a href="../" class="navbar-brand">NgxEditor</a>
+            <button type="button" class="btn btn-default btn-menu fa fa-bars" id="btn-menu"></button>
+        </div>
+
+        <div class="xs-menu menu" id="mobile-menu">
+            <div id="book-search-input" role="search">
+                <input type="text" placeholder="Type to search">
+            </div>
+            <nav>
+            
+                <ul class="list">
+            
+                    <li class="title">
+                        <a href="../index.html">NgxEditor</a>
+                    </li>
+            
+                    <li class="divider"></li>
+            
+            
+                    <li class="chapter">
+                        <a data-type="chapter-link" href="../index.html"><span class="fa fa-home"></span>Getting started</a>
+                        <ul class="links">
+                                <li class="link">
+                                    <a 
+                                        
+                                         href="../overview.html" 
+                                         href="../overview.html" 
+                                        >
+                                        <span class="fa fa-fw fa-th"></span>Overview
+                                    </a>
+                                </li>
+                                <li class="link">
+                                  <a href="../index.html" ><span class="fa fa-file-text-o"></span>README</a>
+                                </li>
+                                <li class="link">
+                                        <a href="../license.html"
+                                    >
+                                        <span class="fa fa-fw fa-file-text-o"></span>LICENSE
+                                    </a>
+                                </li>
+                        </ul>
+                    </li>
+            
+                    <li class="chapter">
+                        <div class="simple menu-toggler" data-toggle="collapse"
+                                data-target="#xs-additional-pages"
+                            >
+                            <span class="fa fa-fw fa-book"></span>
+                            <span>Additional documentation</span>
+                            <span class="fa fa-angle-down"></span>
+                        </div>
+                        <ul class="links collapse "
+                                id="xs-additional-pages"
+                            >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/configuration.html" >Configuration</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/toolbar.html" >Toolbar</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html"  data-type="entity-link" class="active" >Image Uploader</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/code-editor.html" >Code Editor</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/resizer.html" >Resizer</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+                    <li class="chapter">
+                        <a data-type="chapter-link" href="../modules.html" >
+                            <div class="menu-toggler linked" data-toggle="collapse"
+                                    data-target="#xs-modules-links"
+                            >
+                                <span class="fa fa-fw fa-archive"></span>
+                                <span class="link-name">Modules</span>
+                                <span class="fa fa-angle-down"></span>
+                            </div>
+                        </a>
+                        <ul class="links collapse "
+                                id="xs-modules-links"
+                            >
+                                <li class="link">
+                                    <a href="../modules/NgxEditorModule.html" >NgxEditorModule</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+                    <li class="chapter">
+                        <div class="simple menu-toggler" data-toggle="collapse"
+                                data-target="#xs-components-links"
+                            >
+                            <span class="fa fa-fw fa-cogs"></span>
+                            <span>Components</span>
+                            <span class="fa fa-angle-down"></span>
+                        </div>
+                        <ul class="links collapse "
+                                id="xs-components-links"
+                            >
+                                <li class="link">
+                                    <a href="../components/NgxEditorComponent.html" >NgxEditorComponent</a>
+                                </li>
+                                <li class="link">
+                                    <a href="../components/NgxEditorMessageComponent.html" >NgxEditorMessageComponent</a>
+                                </li>
+                                <li class="link">
+                                    <a href="../components/NgxEditorToolbarComponent.html" >NgxEditorToolbarComponent</a>
+                                </li>
+                                <li class="link">
+                                    <a href="../components/NgxGrippieComponent.html" >NgxGrippieComponent</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+            
+            
+                    <li class="chapter">
+                        <div class="simple menu-toggler" data-toggle="collapse"
+                                data-target="#xs-injectables-links"
+                            >
+                            <span class="fa fa-fw fa-long-arrow-down"></span>
+                            <span>Injectables</span>
+                            <span class="fa fa-angle-down"></span>
+                        </div>
+                        <ul class="links collapse "
+                                id="xs-injectables-links"
+                            >
+                                <li class="link">
+                                    <a href="../injectables/CommandExecutorService.html" >CommandExecutorService</a>
+                                </li>
+                                <li class="link">
+                                    <a href="../injectables/MessageService.html" >MessageService</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+            
+            
+            
+                    <li class="chapter">
+                        <div class="simple menu-toggler" data-toggle="collapse"
+                                data-target="#xs-miscellaneous-links"
+                            >
+                            <span class="fa fa-fw fa-cubes"></span>
+                            <span>Miscellaneous</span>
+                            <span class="fa fa-angle-down"></span>
+                        </div>
+                        <ul class="links collapse "
+                                id="xs-miscellaneous-links"
+                            >
+                                <li class="link">
+                                  <a href="../miscellaneous/functions.html" data-type="entity-link" >Functions</a>
+                                </li>
+                                <li class="link">
+                                  <a href="../miscellaneous/variables.html" data-type="entity-link" >Variables</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+            
+            
+            
+                </ul>
+            
+            </nav>
+        </div>
+
+        <div class="container-fluid main">
+           <div class="row main">
+               <div class="hidden-xs menu">
+                   <nav>
+                   
+                       <ul class="list">
+                   
+                           <li class="title">
+                               <a href="../index.html">NgxEditor</a>
+                           </li>
+                   
+                           <li class="divider"></li>
+                   
+                               <div id="book-search-input" role="search">
+                                   <input type="text" placeholder="Type to search">
+                               </div>
+                   
+                           <li class="chapter">
+                               <a data-type="chapter-link" href="../index.html"><span class="fa fa-home"></span>Getting started</a>
+                               <ul class="links">
+                                       <li class="link">
+                                           <a 
+                                               
+                                                href="../overview.html" 
+                                                href="../overview.html" 
+                                               >
+                                               <span class="fa fa-fw fa-th"></span>Overview
+                                           </a>
+                                       </li>
+                                       <li class="link">
+                                         <a href="../index.html" ><span class="fa fa-file-text-o"></span>README</a>
+                                       </li>
+                                       <li class="link">
+                                               <a href="../license.html"
+                                           >
+                                               <span class="fa fa-fw fa-file-text-o"></span>LICENSE
+                                           </a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                           <li class="chapter">
+                               <div class="simple menu-toggler" data-toggle="collapse"
+                                       data-target="#additional-pages"
+                   >
+                                   <span class="fa fa-fw fa-book"></span>
+                                   <span>Additional documentation</span>
+                                   <span class="fa fa-angle-down"></span>
+                               </div>
+                               <ul class="links collapse "
+                                       id="additional-pages"
+                   >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/configuration.html" >Configuration</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/toolbar.html" >Toolbar</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html"  data-type="entity-link" class="active" >Image Uploader</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/code-editor.html" >Code Editor</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/resizer.html" >Resizer</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                           <li class="chapter">
+                               <a data-type="chapter-link" href="../modules.html" >
+                                   <div class="menu-toggler linked" data-toggle="collapse"
+                                           data-target="#modules-links"
+                                   >
+                                       <span class="fa fa-fw fa-archive"></span>
+                                       <span class="link-name">Modules</span>
+                                       <span class="fa fa-angle-down"></span>
+                                   </div>
+                               </a>
+                               <ul class="links collapse "
+                                       id="modules-links"
+                   >
+                                       <li class="link">
+                                           <a href="../modules/NgxEditorModule.html" >NgxEditorModule</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                           <li class="chapter">
+                               <div class="simple menu-toggler" data-toggle="collapse"
+                                       data-target="#components-links"
+                   >
+                                   <span class="fa fa-fw fa-cogs"></span>
+                                   <span>Components</span>
+                                   <span class="fa fa-angle-down"></span>
+                               </div>
+                               <ul class="links collapse "
+                                       id="components-links"
+                   >
+                                       <li class="link">
+                                           <a href="../components/NgxEditorComponent.html" >NgxEditorComponent</a>
+                                       </li>
+                                       <li class="link">
+                                           <a href="../components/NgxEditorMessageComponent.html" >NgxEditorMessageComponent</a>
+                                       </li>
+                                       <li class="link">
+                                           <a href="../components/NgxEditorToolbarComponent.html" >NgxEditorToolbarComponent</a>
+                                       </li>
+                                       <li class="link">
+                                           <a href="../components/NgxGrippieComponent.html" >NgxGrippieComponent</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                   
+                   
+                           <li class="chapter">
+                               <div class="simple menu-toggler" data-toggle="collapse"
+                                       data-target="#injectables-links"
+                   >
+                                   <span class="fa fa-fw fa-long-arrow-down"></span>
+                                   <span>Injectables</span>
+                                   <span class="fa fa-angle-down"></span>
+                               </div>
+                               <ul class="links collapse "
+                                       id="injectables-links"
+                   >
+                                       <li class="link">
+                                           <a href="../injectables/CommandExecutorService.html" >CommandExecutorService</a>
+                                       </li>
+                                       <li class="link">
+                                           <a href="../injectables/MessageService.html" >MessageService</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                   
+                   
+                   
+                           <li class="chapter">
+                               <div class="simple menu-toggler" data-toggle="collapse"
+                                       data-target="#miscellaneous-links"
+                   >
+                                   <span class="fa fa-fw fa-cubes"></span>
+                                   <span>Miscellaneous</span>
+                                   <span class="fa fa-angle-down"></span>
+                               </div>
+                               <ul class="links collapse "
+                                       id="miscellaneous-links"
+                   >
+                                       <li class="link">
+                                         <a href="../miscellaneous/functions.html" data-type="entity-link" >Functions</a>
+                                       </li>
+                                       <li class="link">
+                                         <a href="../miscellaneous/variables.html" data-type="entity-link" >Variables</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                   
+                   
+                   
+                       </ul>
+                   
+                   </nav>
+               </div>
+               <div class="content additional-page">
+                   <div class="content-data">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<h1 id="upload-images">Upload images</h1>
+<p>To Upload images, you must specify an endpoint to which the image has to be uploaded. The <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/POST">POST</a> request sent is a <a href="https://developer.mozilla.org/en-US/docs/Web/API/FormData">FORMDATA</a> with name <code>file</code>.</p>
+<h2 id="response">Response</h2>
+<p>The Response is a <code>json</code> and it should be in the following format</p>
+<pre class="line-numbers"><code class="language-JSON">{
+    &quot;url&quot;: &quot;http://myApiEndPoint&quot;
+}</code></pre><h2 id="input">Input</h2>
+<p>The Input for the endpoint is a string can be provided directly or via <code>config</code> property</p>
+<pre class="line-numbers"><code class="language-html">&lt;app-ngx-editor imageEndPoint=&quot;http://myApiEndPoint&quot;&gt;&lt;/app-ngx-editor&gt;</code></pre>
+                   </div><div class="search-results">
+    <div class="has-results">
+        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
+        <ul class="search-results-list"></ul>
+    </div>
+    <div class="no-results">
+        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
+    </div>
+</div>
+</div>
+           </div>
+       </div>
+
+       <script src="../js/libs/bootstrap-native.js"></script>
+
+       <script src="../js/libs/es6-shim.min.js"></script>
+       <script src="../js/libs/EventDispatcher.js"></script>
+       <script src="../js/libs/promise.min.js"></script>
+       <script src="../js/libs/zepto.min.js"></script>
+
+       <script src="../js/compodoc.js"></script>
+
+       <script>var COMPODOC_CURRENT_PAGE_DEPTH = 1;</script>
+
+       <script src="../js/search/search.js"></script>
+       <script src="../js/search/lunr.min.js"></script>
+       <script src="../js/search/search-lunr.js"></script>
+
+       <script src="../js/tabs.js"></script>
+       <script src="../js/menu.js"></script>
+       <script src="../js/libs/prism.js"></script>
+       <script src="../js/sourceCode.js"></script>
+       <script src="../js/search/search_index.js"></script>
+
+
+    </body>
+</html>
diff --git a/docs/additional-documentation/prerequisites.html b/docs/additional-documentation/prerequisites.html
new file mode 100644
index 00000000..03c117ba
--- /dev/null
+++ b/docs/additional-documentation/prerequisites.html
@@ -0,0 +1,428 @@
+<!doctype html>
+<html class="no-js" lang="">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>NgxEditor</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
+	    <link rel="stylesheet" href="../styles/style.css">
+    </head>
+    <body>
+
+        <div class="navbar navbar-default navbar-fixed-top visible-xs">
+            <a href="../" class="navbar-brand">NgxEditor</a>
+            <button type="button" class="btn btn-default btn-menu fa fa-bars" id="btn-menu"></button>
+        </div>
+
+        <div class="xs-menu menu" id="mobile-menu">
+            <div id="book-search-input" role="search">
+                <input type="text" placeholder="Type to search">
+            </div>
+            <nav>
+            
+                <ul class="list">
+            
+                    <li class="title">
+                        <a href="../index.html">NgxEditor</a>
+                    </li>
+            
+                    <li class="divider"></li>
+            
+            
+                    <li class="chapter">
+                        <a data-type="chapter-link" href="../index.html"><span class="fa fa-home"></span>Getting started</a>
+                        <ul class="links">
+                                <li class="link">
+                                    <a 
+                                        
+                                         href="../overview.html" 
+                                         href="../overview.html" 
+                                        >
+                                        <span class="fa fa-fw fa-th"></span>Overview
+                                    </a>
+                                </li>
+                                <li class="link">
+                                  <a href="../index.html" ><span class="fa fa-file-text-o"></span>README</a>
+                                </li>
+                                <li class="link">
+                                        <a href="../license.html"
+                                    >
+                                        <span class="fa fa-fw fa-file-text-o"></span>LICENSE
+                                    </a>
+                                </li>
+                        </ul>
+                    </li>
+            
+                    <li class="chapter">
+                        <div class="simple menu-toggler" data-toggle="collapse"
+                                data-target="#xs-additional-pages"
+                            >
+                            <span class="fa fa-fw fa-book"></span>
+                            <span>Additional documentation</span>
+                            <span class="fa fa-angle-down"></span>
+                        </div>
+                        <ul class="links collapse "
+                                id="xs-additional-pages"
+                            >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html"  data-type="entity-link" class="active" >Prerequisites</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/configuration.html" >Configuration</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/toolbar.html" >Toolbar</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/code-editor.html" >Code Editor</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/resizer.html" >Resizer</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+                    <li class="chapter">
+                        <a data-type="chapter-link" href="../modules.html" >
+                            <div class="menu-toggler linked" data-toggle="collapse"
+                                    data-target="#xs-modules-links"
+                            >
+                                <span class="fa fa-fw fa-archive"></span>
+                                <span class="link-name">Modules</span>
+                                <span class="fa fa-angle-down"></span>
+                            </div>
+                        </a>
+                        <ul class="links collapse "
+                                id="xs-modules-links"
+                            >
+                                <li class="link">
+                                    <a href="../modules/NgxEditorModule.html" >NgxEditorModule</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+                    <li class="chapter">
+                        <div class="simple menu-toggler" data-toggle="collapse"
+                                data-target="#xs-components-links"
+                            >
+                            <span class="fa fa-fw fa-cogs"></span>
+                            <span>Components</span>
+                            <span class="fa fa-angle-down"></span>
+                        </div>
+                        <ul class="links collapse "
+                                id="xs-components-links"
+                            >
+                                <li class="link">
+                                    <a href="../components/NgxEditorComponent.html" >NgxEditorComponent</a>
+                                </li>
+                                <li class="link">
+                                    <a href="../components/NgxEditorMessageComponent.html" >NgxEditorMessageComponent</a>
+                                </li>
+                                <li class="link">
+                                    <a href="../components/NgxEditorToolbarComponent.html" >NgxEditorToolbarComponent</a>
+                                </li>
+                                <li class="link">
+                                    <a href="../components/NgxGrippieComponent.html" >NgxGrippieComponent</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+            
+            
+                    <li class="chapter">
+                        <div class="simple menu-toggler" data-toggle="collapse"
+                                data-target="#xs-injectables-links"
+                            >
+                            <span class="fa fa-fw fa-long-arrow-down"></span>
+                            <span>Injectables</span>
+                            <span class="fa fa-angle-down"></span>
+                        </div>
+                        <ul class="links collapse "
+                                id="xs-injectables-links"
+                            >
+                                <li class="link">
+                                    <a href="../injectables/CommandExecutorService.html" >CommandExecutorService</a>
+                                </li>
+                                <li class="link">
+                                    <a href="../injectables/MessageService.html" >MessageService</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+            
+            
+            
+                    <li class="chapter">
+                        <div class="simple menu-toggler" data-toggle="collapse"
+                                data-target="#xs-miscellaneous-links"
+                            >
+                            <span class="fa fa-fw fa-cubes"></span>
+                            <span>Miscellaneous</span>
+                            <span class="fa fa-angle-down"></span>
+                        </div>
+                        <ul class="links collapse "
+                                id="xs-miscellaneous-links"
+                            >
+                                <li class="link">
+                                  <a href="../miscellaneous/functions.html" data-type="entity-link" >Functions</a>
+                                </li>
+                                <li class="link">
+                                  <a href="../miscellaneous/variables.html" data-type="entity-link" >Variables</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+            
+            
+            
+                </ul>
+            
+            </nav>
+        </div>
+
+        <div class="container-fluid main">
+           <div class="row main">
+               <div class="hidden-xs menu">
+                   <nav>
+                   
+                       <ul class="list">
+                   
+                           <li class="title">
+                               <a href="../index.html">NgxEditor</a>
+                           </li>
+                   
+                           <li class="divider"></li>
+                   
+                               <div id="book-search-input" role="search">
+                                   <input type="text" placeholder="Type to search">
+                               </div>
+                   
+                           <li class="chapter">
+                               <a data-type="chapter-link" href="../index.html"><span class="fa fa-home"></span>Getting started</a>
+                               <ul class="links">
+                                       <li class="link">
+                                           <a 
+                                               
+                                                href="../overview.html" 
+                                                href="../overview.html" 
+                                               >
+                                               <span class="fa fa-fw fa-th"></span>Overview
+                                           </a>
+                                       </li>
+                                       <li class="link">
+                                         <a href="../index.html" ><span class="fa fa-file-text-o"></span>README</a>
+                                       </li>
+                                       <li class="link">
+                                               <a href="../license.html"
+                                           >
+                                               <span class="fa fa-fw fa-file-text-o"></span>LICENSE
+                                           </a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                           <li class="chapter">
+                               <div class="simple menu-toggler" data-toggle="collapse"
+                                       data-target="#additional-pages"
+                   >
+                                   <span class="fa fa-fw fa-book"></span>
+                                   <span>Additional documentation</span>
+                                   <span class="fa fa-angle-down"></span>
+                               </div>
+                               <ul class="links collapse "
+                                       id="additional-pages"
+                   >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html"  data-type="entity-link" class="active" >Prerequisites</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/configuration.html" >Configuration</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/toolbar.html" >Toolbar</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/code-editor.html" >Code Editor</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/resizer.html" >Resizer</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                           <li class="chapter">
+                               <a data-type="chapter-link" href="../modules.html" >
+                                   <div class="menu-toggler linked" data-toggle="collapse"
+                                           data-target="#modules-links"
+                                   >
+                                       <span class="fa fa-fw fa-archive"></span>
+                                       <span class="link-name">Modules</span>
+                                       <span class="fa fa-angle-down"></span>
+                                   </div>
+                               </a>
+                               <ul class="links collapse "
+                                       id="modules-links"
+                   >
+                                       <li class="link">
+                                           <a href="../modules/NgxEditorModule.html" >NgxEditorModule</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                           <li class="chapter">
+                               <div class="simple menu-toggler" data-toggle="collapse"
+                                       data-target="#components-links"
+                   >
+                                   <span class="fa fa-fw fa-cogs"></span>
+                                   <span>Components</span>
+                                   <span class="fa fa-angle-down"></span>
+                               </div>
+                               <ul class="links collapse "
+                                       id="components-links"
+                   >
+                                       <li class="link">
+                                           <a href="../components/NgxEditorComponent.html" >NgxEditorComponent</a>
+                                       </li>
+                                       <li class="link">
+                                           <a href="../components/NgxEditorMessageComponent.html" >NgxEditorMessageComponent</a>
+                                       </li>
+                                       <li class="link">
+                                           <a href="../components/NgxEditorToolbarComponent.html" >NgxEditorToolbarComponent</a>
+                                       </li>
+                                       <li class="link">
+                                           <a href="../components/NgxGrippieComponent.html" >NgxGrippieComponent</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                   
+                   
+                           <li class="chapter">
+                               <div class="simple menu-toggler" data-toggle="collapse"
+                                       data-target="#injectables-links"
+                   >
+                                   <span class="fa fa-fw fa-long-arrow-down"></span>
+                                   <span>Injectables</span>
+                                   <span class="fa fa-angle-down"></span>
+                               </div>
+                               <ul class="links collapse "
+                                       id="injectables-links"
+                   >
+                                       <li class="link">
+                                           <a href="../injectables/CommandExecutorService.html" >CommandExecutorService</a>
+                                       </li>
+                                       <li class="link">
+                                           <a href="../injectables/MessageService.html" >MessageService</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                   
+                   
+                   
+                           <li class="chapter">
+                               <div class="simple menu-toggler" data-toggle="collapse"
+                                       data-target="#miscellaneous-links"
+                   >
+                                   <span class="fa fa-fw fa-cubes"></span>
+                                   <span>Miscellaneous</span>
+                                   <span class="fa fa-angle-down"></span>
+                               </div>
+                               <ul class="links collapse "
+                                       id="miscellaneous-links"
+                   >
+                                       <li class="link">
+                                         <a href="../miscellaneous/functions.html" data-type="entity-link" >Functions</a>
+                                       </li>
+                                       <li class="link">
+                                         <a href="../miscellaneous/variables.html" data-type="entity-link" >Variables</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                   
+                   
+                   
+                       </ul>
+                   
+                   </nav>
+               </div>
+               <div class="content additional-page">
+                   <div class="content-data">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<h1 id="prerequisites">Prerequisites</h1>
+<h2 id="peer-dependencies">Peer Dependencies</h2>
+<p>You must install all the following <code>peerDependencies</code> in order for `ngx-editor to work</p>
+<ul>
+<li><a href="https://codemirror.net/">CodeMirror</a></li>
+<li><a href="https://fontawesome.com/v4.7.0/">FontAwesome</a></li>
+<li><a href="https://getbootstrap.com/">Bootstrap</a></li>
+<li><a href="https://valor-software.com/ngx-bootstrap/">NgxBootstrap</a></li>
+</ul>
+<p><code>Bootstrap</code> is a temporary dependency and it will be removed sooner.</p>
+<h2 id="stylesheets">Stylesheets</h2>
+<p>Import codemirror`s css into your project</p>
+<pre class="line-numbers"><code class="language-bash">node_modules/codemirror/lib/codemirror.css</code></pre><h2 id="modules">Modules</h2>
+<p>For <code>ngModel</code> and <code>image upload</code> work properly, you must inlcude <code>FormsModule</code> and <code>HttpClientModule</code> respectively in your project.</p>
+<pre class="line-numbers"><code class="language-ts">import { FormsModule } from &#39;&#64;angular/forms&#39;;
+import { HttpClientModule } from &#39;&#64;angular/common/http&#39;;</code></pre>
+                   </div><div class="search-results">
+    <div class="has-results">
+        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
+        <ul class="search-results-list"></ul>
+    </div>
+    <div class="no-results">
+        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
+    </div>
+</div>
+</div>
+           </div>
+       </div>
+
+       <script src="../js/libs/bootstrap-native.js"></script>
+
+       <script src="../js/libs/es6-shim.min.js"></script>
+       <script src="../js/libs/EventDispatcher.js"></script>
+       <script src="../js/libs/promise.min.js"></script>
+       <script src="../js/libs/zepto.min.js"></script>
+
+       <script src="../js/compodoc.js"></script>
+
+       <script>var COMPODOC_CURRENT_PAGE_DEPTH = 1;</script>
+
+       <script src="../js/search/search.js"></script>
+       <script src="../js/search/lunr.min.js"></script>
+       <script src="../js/search/search-lunr.js"></script>
+
+       <script src="../js/tabs.js"></script>
+       <script src="../js/menu.js"></script>
+       <script src="../js/libs/prism.js"></script>
+       <script src="../js/sourceCode.js"></script>
+       <script src="../js/search/search_index.js"></script>
+
+
+    </body>
+</html>
diff --git a/docs/additional-documentation/resizer.html b/docs/additional-documentation/resizer.html
index a77f4b7c..461c80e9 100644
--- a/docs/additional-documentation/resizer.html
+++ b/docs/additional-documentation/resizer.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/additional-documentation/toolbar.html b/docs/additional-documentation/toolbar.html
index c271da60..61f9b58c 100644
--- a/docs/additional-documentation/toolbar.html
+++ b/docs/additional-documentation/toolbar.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html"  data-type="entity-link" class="active" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html"  data-type="entity-link" class="active" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/components/NgxEditorComponent.html b/docs/components/NgxEditorComponent.html
index ce8a5b2a..32853495 100644
--- a/docs/components/NgxEditorComponent.html
+++ b/docs/components/NgxEditorComponent.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -536,6 +548,9 @@ <h6><b>Inputs</b></h6>
                             <li>
                                 <a href="#height">height</a>
                             </li>
+                            <li>
+                                <a href="#imageEndPoint">imageEndPoint</a>
+                            </li>
                             <li>
                                 <a href="#minHeight">minHeight</a>
                             </li>
@@ -612,7 +627,7 @@ <h3 id="constructor">Constructor</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:116</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:96</a></div>
                                 </td>
                             </tr>
     
@@ -624,55 +639,75 @@ <h3 id="constructor">Constructor</h3>
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>_elementRef</td>
-                                                      <td>
-                                                                <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
-                                                      </td>
-                                                      <td>
-                                                            no
-                                                      </td>
-                                                      <td><p>api to access dom element</p>
-    </td>
+                                                        <td>_elementRef</td>
+                                                      
+                                                            <td>
+                                                                        <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
+                                                            </td>
+                                                      
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+                                                            <td>
+                                                                    <code><p>api to access dom element</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                                     <tr>
-                                                      <td>_messageService</td>
-                                                      <td>
-                                                                <code><a href="../injectables/MessageService.html" target="_self" >MessageService</a></code>
-                                                      </td>
-                                                      <td>
-                                                            no
-                                                      </td>
-                                                      <td><p>service to send message to the editor message component</p>
-    </td>
+                                                        <td>_messageService</td>
+                                                      
+                                                            <td>
+                                                                        <code><a href="../injectables/MessageService.html" target="_self" >MessageService</a></code>
+                                                            </td>
+                                                      
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+                                                            <td>
+                                                                    <code><p>service to send message to the editor message component</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                                     <tr>
-                                                      <td>_commandExecutor</td>
-                                                      <td>
-                                                                <code><a href="../injectables/CommandExecutorService.html" target="_self" >CommandExecutorService</a></code>
-                                                      </td>
-                                                      <td>
-                                                            no
-                                                      </td>
-                                                      <td><p>executes command from the toolbar</p>
-    </td>
+                                                        <td>_commandExecutor</td>
+                                                      
+                                                            <td>
+                                                                        <code><a href="../injectables/CommandExecutorService.html" target="_self" >CommandExecutorService</a></code>
+                                                            </td>
+                                                      
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+                                                            <td>
+                                                                    <code><p>executes command from the toolbar</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                                     <tr>
-                                                      <td>_renderer</td>
-                                                      <td>
-                                                                <code><a href="https://angular.io/api/core/Renderer2" target="_blank" >Renderer2</a></code>
-                                                      </td>
-                                                      <td>
-                                                            no
-                                                      </td>
-                                                      <td><p>access and manipulate the dom element</p>
-    </td>
+                                                        <td>_renderer</td>
+                                                      
+                                                            <td>
+                                                                        <code><a href="https://angular.io/api/core/Renderer2" target="_blank" >Renderer2</a></code>
+                                                            </td>
+                                                      
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+                                                            <td>
+                                                                    <code><p>access and manipulate the dom element</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -704,7 +739,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="87" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:87</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:73</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -717,7 +752,7 @@ <h3 id="inputs">Inputs</h3>
                             <code>editable</code>
                         </td>
                         <td class="col-md-10">
-                            <div><p>Specifies weather the textarea to be editable or not</p>
+                            <div><p>Specifies weather the textarea to be editable or not </p>
 </div>
                               <p>
                                 <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
@@ -727,7 +762,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:34</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:32</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -740,7 +775,7 @@ <h3 id="inputs">Inputs</h3>
                             <code>enableToolbar</code>
                         </td>
                         <td class="col-md-10">
-                            <div><p>Weather to enable or disable the toolbar</p>
+                            <div><p>Weather to enable or disable the toolbar </p>
 </div>
                               <p>
                                 <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
@@ -750,7 +785,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:95</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:77</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -763,7 +798,30 @@ <h3 id="inputs">Inputs</h3>
                             <code>height</code>
                         </td>
                         <td class="col-md-10">
-                            <div><p>Sets height of the editor</p>
+                            <div><p>Sets height of the editor </p>
+</div>
+                              <p>
+                                <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+
+                              </p>
+                        </td>
+                    </tr>
+                            <tr>
+                                <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:44</a></div>
+                                </td>
+                            </tr>
+                </tbody>
+            </table>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-2">
+                            <a name="imageEndPoint"></a>
+                            <code>imageEndPoint</code>
+                        </td>
+                        <td class="col-md-10">
+                            <div><p>Endpoint for which the image to be uploaded </p>
 </div>
                               <p>
                                 <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
@@ -773,7 +831,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:52</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:79</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -786,7 +844,7 @@ <h3 id="inputs">Inputs</h3>
                             <code>minHeight</code>
                         </td>
                         <td class="col-md-10">
-                            <div><p>Sets minimum height for the editor</p>
+                            <div><p>Sets minimum height for the editor </p>
 </div>
                               <p>
                                 <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
@@ -796,7 +854,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:56</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:46</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -809,7 +867,7 @@ <h3 id="inputs">Inputs</h3>
                             <code>minWidth</code>
                         </td>
                         <td class="col-md-10">
-                            <div><p>Sets minimum width of the editor</p>
+                            <div><p>Sets minimum width of the editor </p>
 </div>
                               <p>
                                 <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
@@ -819,7 +877,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:64</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:50</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -832,7 +890,7 @@ <h3 id="inputs">Inputs</h3>
                             <code>placeholder</code>
                         </td>
                         <td class="col-md-10">
-                            <div><p>Placeholder for the textArea</p>
+                            <div><p>Placeholder for the textArea </p>
 </div>
                               <p>
                                 <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
@@ -842,7 +900,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:42</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:36</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -866,7 +924,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:80</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:66</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -879,7 +937,7 @@ <h3 id="inputs">Inputs</h3>
                             <code>showToolbar</code>
                         </td>
                         <td class="col-md-10">
-                            <div><p>Weather to show or hide toolbar</p>
+                            <div><p>Weather to show or hide toolbar </p>
 </div>
                               <p>
                                 <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
@@ -889,7 +947,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:91</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="75" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:75</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -902,7 +960,7 @@ <h3 id="inputs">Inputs</h3>
                             <code>spellcheck</code>
                         </td>
                         <td class="col-md-10">
-                            <div><p>The spellcheck property specifies whether the element is to have its spelling and grammar checked or not.</p>
+                            <div><p>The spellcheck property specifies whether the element is to have its spelling and grammar checked or not. </p>
 </div>
                               <p>
                                 <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
@@ -912,7 +970,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:38</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:34</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -937,7 +995,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:72</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:58</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -961,7 +1019,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:48</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:42</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -974,7 +1032,7 @@ <h3 id="inputs">Inputs</h3>
                             <code>width</code>
                         </td>
                         <td class="col-md-10">
-                            <div><p>Sets Width of the editor</p>
+                            <div><p>Sets Width of the editor </p>
 </div>
                               <p>
                                 <em>Type:</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
@@ -984,7 +1042,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:60</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:48</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -1001,7 +1059,7 @@ <h3 id="outputs">Outputs</h3>
                             <code>blur</code>
                         </td>
                         <td class="col-md-10">
-                            <div><p>emits <code>blur</code> event when focused out from the textarea</p>
+                            <div><p>emits <code>blur</code> event when focused out from the textarea </p>
 </div>
                             <em><code>$event</code> type:</em>    <code>EventEmitter&lt;string&gt;</code>
 
@@ -1009,7 +1067,7 @@ <h3 id="outputs">Outputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="100" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:100</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="82" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:82</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -1022,7 +1080,7 @@ <h3 id="outputs">Outputs</h3>
                             <code>focus</code>
                         </td>
                         <td class="col-md-10">
-                            <div><p>emits <code>focus</code> event when focused in to the textarea</p>
+                            <div><p>emits <code>focus</code> event when focused in to the textarea </p>
 </div>
                             <em><code>$event</code> type:</em>    <code>EventEmitter&lt;string&gt;</code>
 
@@ -1030,7 +1088,7 @@ <h3 id="outputs">Outputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:104</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:84</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -1066,7 +1124,7 @@ <h3>HostListeners</h3>        <table class="table table-sm table-bordered">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:140</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:120</a></div>
                                 </td>
                             </tr>
     
@@ -1101,7 +1159,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="195" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:195</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="175" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:175</a></div>
                                 </td>
                             </tr>
     
@@ -1116,26 +1174,28 @@ <h3 id="methods">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>commandName</td>
-                                                      <td>
-                                                              <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>name of the command to be executed</p>
-    </td>
+                                                        <td>commandName</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>name of the command to be executed</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -1175,7 +1235,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="304" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:304</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="284" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:284</a></div>
                                 </td>
                             </tr>
     
@@ -1214,7 +1274,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="292" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:292</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="272" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:272</a></div>
                                 </td>
                             </tr>
     
@@ -1229,25 +1289,23 @@ <h3 id="methods">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>value</td>
-                                                      <td>
-                                                              <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td></td>
+                                                        <td>value</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -1287,7 +1345,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="158" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:158</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:138</a></div>
                                 </td>
                             </tr>
     
@@ -1324,7 +1382,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="148" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:148</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="128" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:128</a></div>
                                 </td>
                             </tr>
     
@@ -1339,26 +1397,28 @@ <h3 id="methods">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>html</td>
-                                                      <td>
-                                                              <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>html string from contenteditable</p>
-    </td>
+                                                        <td>html</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>html string from contenteditable</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -1398,7 +1458,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:134</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:114</a></div>
                                 </td>
                             </tr>
     
@@ -1437,7 +1497,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="251" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:251</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="231" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:231</a></div>
                                 </td>
                             </tr>
     
@@ -1452,26 +1512,28 @@ <h3 id="methods">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>value</td>
-                                                      <td>
-                                                              <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>html string from the editor</p>
-    </td>
+                                                        <td>value</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>html string from the editor</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -1511,7 +1573,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="232" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:232</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="212" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:212</a></div>
                                 </td>
                             </tr>
     
@@ -1527,26 +1589,28 @@ <h3 id="methods">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>fn</td>
-                                                      <td>
-                                                              <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>a function</p>
-    </td>
+                                                        <td>fn</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>a function</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -1586,7 +1650,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="242" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:242</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="222" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:222</a></div>
                                 </td>
                             </tr>
     
@@ -1602,26 +1666,28 @@ <h3 id="methods">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>fn</td>
-                                                      <td>
-                                                              <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>a function</p>
-    </td>
+                                                        <td>fn</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>a function</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -1661,7 +1727,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="175" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:175</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="155" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:155</a></div>
                                 </td>
                             </tr>
     
@@ -1676,26 +1742,28 @@ <h3 id="methods">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>offsetY</td>
-                                                      <td>
-                                                              <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>vertical height of the eidtable portion of the editor</p>
-    </td>
+                                                        <td>offsetY</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>vertical height of the eidtable portion of the editor</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -1735,7 +1803,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="261" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:261</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="241" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:241</a></div>
                                 </td>
                             </tr>
     
@@ -1774,7 +1842,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="216" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:216</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="196" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:196</a></div>
                                 </td>
                             </tr>
     
@@ -1789,26 +1857,28 @@ <h3 id="methods">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>value</td>
-                                                      <td>
-                                                              <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>value to be executed when there is a change in contenteditable</p>
-    </td>
+                                                        <td>value</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>value to be executed when there is a change in contenteditable</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -1865,7 +1935,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:107</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="87" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:87</a></div>
                                 </td>
                             </tr>
     
@@ -1898,7 +1968,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:111</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:91</a></div>
                                 </td>
                             </tr>
     
@@ -1937,7 +2007,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:108</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="88" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:88</a></div>
                                 </td>
                             </tr>
     
@@ -1976,7 +2046,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="106" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:106</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:86</a></div>
                                 </td>
                             </tr>
     
@@ -2015,7 +2085,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:110</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="90" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:90</a></div>
                                 </td>
                             </tr>
     
@@ -2058,17 +2128,11 @@ <h3 id="inputs">
 
 export class NgxEditorComponent implements OnInit, ControlValueAccessor {
 
-  /**
-   * Specifies weather the textarea to be editable or not
-   */
+  /** Specifies weather the textarea to be editable or not */
   @Input() editable: boolean;
-  /**
-   * The spellcheck property specifies whether the element is to have its spelling and grammar checked or not.
-   */
+  /** The spellcheck property specifies whether the element is to have its spelling and grammar checked or not. */
   @Input() spellcheck: boolean;
-  /**
-   * Placeholder for the textArea
-   */
+  /** Placeholder for the textArea */
   @Input() placeholder: string;
   /**
    * The translate property specifies whether the content of an element should be translated or not.
@@ -2076,21 +2140,13 @@ <h3 id="inputs">
    * Check https://www.w3schools.com/tags/att_global_translate.asp for more information and browser support
    */
   @Input() translate: string;
-  /**
-   * Sets height of the editor
-   */
+  /** Sets height of the editor */
   @Input() height: string;
-  /**
-   * Sets minimum height for the editor
-   */
+  /** Sets minimum height for the editor */
   @Input() minHeight: string;
-  /**
-   * Sets Width of the editor
-   */
+  /** Sets Width of the editor */
   @Input() width: string;
-  /**
-   * Sets minimum width of the editor
-   */
+  /** Sets minimum width of the editor */
   @Input() minWidth: string;
   /**
    * Toolbar accepts an array which specifies the options to be enabled for the toolbar
@@ -2115,22 +2171,16 @@ <h3 id="inputs">
    * inputs provided directly are considered as top priority
    */
   @Input() config &#x3D; ngxEditorConfig;
-  /**
-   * Weather to show or hide toolbar
-   */
+  /** Weather to show or hide toolbar */
   @Input() showToolbar: boolean;
-  /**
-   * Weather to enable or disable the toolbar
-   */
+  /** Weather to enable or disable the toolbar */
   @Input() enableToolbar: boolean;
+  /** Endpoint for which the image to be uploaded */
+  @Input() imageEndPoint: string;
 
-  /**
-   * emits &#x60;blur&#x60; event when focused out from the textarea
-   */
+  /** emits &#x60;blur&#x60; event when focused out from the textarea */
   @Output() blur: EventEmitter&lt;string&gt; &#x3D; new EventEmitter&lt;string&gt;();
-  /**
-   * emits &#x60;focus&#x60; event when focused in to the textarea
-   */
+  /** emits &#x60;focus&#x60; event when focused in to the textarea */
   @Output() focus: EventEmitter&lt;string&gt; &#x3D; new EventEmitter&lt;string&gt;();
 
   @ViewChild(&#x27;ngxTextArea&#x27;) textArea: any;
@@ -2343,6 +2393,7 @@ <h3 id="inputs">
       minWidth: this.minWidth,
       enableToolbar: this.enableToolbar,
       showToolbar: this.showToolbar,
+      imageEndPoint: this.imageEndPoint,
       toolbar: this.toolbar
     };
   }
diff --git a/docs/components/NgxEditorMessageComponent.html b/docs/components/NgxEditorMessageComponent.html
index c543e75a..9aa982d0 100644
--- a/docs/components/NgxEditorMessageComponent.html
+++ b/docs/components/NgxEditorMessageComponent.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -469,7 +481,7 @@ <h3 id="constructor">Constructor</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="13" class="link-to-prism">src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts:13</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts:14</a></div>
                                 </td>
                             </tr>
     
@@ -481,22 +493,27 @@ <h3 id="constructor">Constructor</h3>
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>_messageService</td>
-                                                      <td>
-                                                                <code><a href="../injectables/MessageService.html" target="_self" >MessageService</a></code>
-                                                      </td>
-                                                      <td>
-                                                            no
-                                                      </td>
-                                                      <td><p>service to send message to the editor</p>
-    </td>
+                                                        <td>_messageService</td>
+                                                      
+                                                            <td>
+                                                                        <code><a href="../injectables/MessageService.html" target="_self" >MessageService</a></code>
+                                                            </td>
+                                                      
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+                                                            <td>
+                                                                    <code><p>service to send message to the editor</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -538,7 +555,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts:25</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts:26</a></div>
                                 </td>
                             </tr>
     
@@ -588,10 +605,16 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="13" class="link-to-prism">src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts:13</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts:14</a></div>
                                 </td>
                             </tr>
     
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-description"><p>property that holds the message to be displayed on the editor </p>
+    </div>
+                        </td>
+                    </tr>
     
                 </tbody>
             </table>
@@ -613,6 +636,7 @@ <h3 id="inputs">
 
 export class NgxEditorMessageComponent {
 
+  /** property that holds the message to be displayed on the editor */
   ngxMessage &#x3D; undefined;
 
   /**
diff --git a/docs/components/NgxEditorToolbarComponent.html b/docs/components/NgxEditorToolbarComponent.html
index e6582059..58a42bcb 100644
--- a/docs/components/NgxEditorToolbarComponent.html
+++ b/docs/components/NgxEditorToolbarComponent.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -448,6 +460,21 @@ <h6><b>Properties</b></h6>
                 <tr>
                     <td class="col-md-4">
                         <ul class="index-list">
+                            <li>
+                                <a href="#imageForm">imageForm</a>
+                            </li>
+                            <li>
+                                <a href="#imagePopover">imagePopover</a>
+                            </li>
+                            <li>
+                                <a href="#isUploading">isUploading</a>
+                            </li>
+                            <li>
+                                <a href="#updloadPercentage">updloadPercentage</a>
+                            </li>
+                            <li>
+                                <a href="#uploadComplete">uploadComplete</a>
+                            </li>
                             <li>
                                 <a href="#urlForm">urlForm</a>
                             </li>
@@ -465,15 +492,24 @@ <h6><b>Methods</b></h6>
                 <tr>
                     <td class="col-md-4">
                         <ul class="index-list">
+                            <li>
+                                <a href="#buildInsertImageForm">buildInsertImageForm</a>
+                            </li>
                             <li>
                                 <a href="#buildUrlForm">buildUrlForm</a>
                             </li>
                             <li>
                                 <a href="#canEnableToolbarOptions">canEnableToolbarOptions</a>
                             </li>
+                            <li>
+                                <a href="#insertImage">insertImage</a>
+                            </li>
                             <li>
                                 <a href="#insertLink">insertLink</a>
                             </li>
+                            <li>
+                                <a href="#onFileChange">onFileChange</a>
+                            </li>
                             <li>
                                 <a href="#triggerCommand">triggerCommand</a>
                             </li>
@@ -523,7 +559,7 @@ <h3 id="constructor">Constructor</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:27</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:38</a></div>
                                 </td>
                             </tr>
     
@@ -535,51 +571,58 @@ <h3 id="constructor">Constructor</h3>
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>_popOverConfig</td>
-                                                      <td>
-                                                                <code>PopoverConfig</code>
-                                                      </td>
-                                                      <td>
-                                                            no
-                                                      </td>
-                                                      <td></td>
+                                                        <td>_popOverConfig</td>
+                                                      
+                                                            <td>
+                                                                        <code>PopoverConfig</code>
+                                                            </td>
+                                                      
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
                                                     </tr>
                                                     <tr>
-                                                      <td>_formBuilder</td>
-                                                      <td>
-                                                                <code><a href="https://angular.io/api/forms/FormBuilder" target="_blank" >FormBuilder</a></code>
-                                                      </td>
-                                                      <td>
-                                                            no
-                                                      </td>
-                                                      <td></td>
+                                                        <td>_formBuilder</td>
+                                                      
+                                                            <td>
+                                                                        <code><a href="https://angular.io/api/forms/FormBuilder" target="_blank" >FormBuilder</a></code>
+                                                            </td>
+                                                      
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
                                                     </tr>
                                                     <tr>
-                                                      <td>_messageService</td>
-                                                      <td>
-                                                                <code><a href="../injectables/MessageService.html" target="_self" >MessageService</a></code>
-                                                      </td>
-                                                      <td>
-                                                            no
-                                                      </td>
-                                                      <td></td>
+                                                        <td>_messageService</td>
+                                                      
+                                                            <td>
+                                                                        <code><a href="../injectables/MessageService.html" target="_self" >MessageService</a></code>
+                                                            </td>
+                                                      
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
                                                     </tr>
                                                     <tr>
-                                                      <td>_commandExecutorService</td>
-                                                      <td>
-                                                                <code><a href="../injectables/CommandExecutorService.html" target="_self" >CommandExecutorService</a></code>
-                                                      </td>
-                                                      <td>
-                                                            no
-                                                      </td>
-                                                      <td></td>
+                                                        <td>_commandExecutorService</td>
+                                                      
+                                                            <td>
+                                                                        <code><a href="../injectables/CommandExecutorService.html" target="_self" >CommandExecutorService</a></code>
+                                                            </td>
+                                                      
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -610,7 +653,7 @@ <h3 id="inputs">Inputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:22</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:32</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -635,7 +678,7 @@ <h3 id="outputs">Outputs</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:27</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:38</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -649,6 +692,45 @@ <h3 id="outputs">Outputs</h3>
             <h3 id="methods">
                 Methods
             </h3>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-4">
+                            <a name="buildInsertImageForm"></a>
+                            <span class="name">
+                                <b>
+                                buildInsertImageForm
+                                </b>
+                                <a href="#buildInsertImageForm"><span class="fa fa-link"></span></a>
+                            </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+    <code>buildInsertImageForm()</code>
+                        </td>
+                    </tr>
+    
+    
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:103</a></div>
+                                </td>
+                            </tr>
+    
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>create insert image form</p>
+    </div>
+    
+                                <div class="io-description">
+                                    <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+    
+                                </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
             <table class="table table-sm table-bordered">
                 <tbody>
                     <tr>
@@ -671,7 +753,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:59</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:70</a></div>
                                 </td>
                             </tr>
     
@@ -710,7 +792,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:43</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:54</a></div>
                                 </td>
                             </tr>
     
@@ -725,25 +807,24 @@ <h3 id="methods">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>value</td>
-                                                      <td>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>name of the toolbar buttons</p>
-    </td>
+                                                        <td>value</td>
+                                                        
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>name of the toolbar buttons</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -761,6 +842,45 @@ <h3 id="methods">
                     </tr>
                 </tbody>
             </table>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-4">
+                            <a name="insertImage"></a>
+                            <span class="name">
+                                <b>
+                                insertImage
+                                </b>
+                                <a href="#insertImage"><span class="fa fa-link"></span></a>
+                            </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+    <code>insertImage()</code>
+                        </td>
+                    </tr>
+    
+    
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="154" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:154</a></div>
+                                </td>
+                            </tr>
+    
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>insert image in the editor </p>
+    </div>
+    
+                                <div class="io-description">
+                                    <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+    
+                                </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
             <table class="table table-sm table-bordered">
                 <tbody>
                     <tr>
@@ -783,13 +903,13 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:70</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:84</a></div>
                                 </td>
                             </tr>
     
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-description"><p>insert link</p>
+                                <div class="io-description"><p>inserts link in the editor</p>
     </div>
     
                                 <div class="io-description">
@@ -800,6 +920,78 @@ <h3 id="methods">
                     </tr>
                 </tbody>
             </table>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-4">
+                            <a name="onFileChange"></a>
+                            <span class="name">
+                                <b>
+                                onFileChange
+                                </b>
+                                <a href="#onFileChange"><span class="fa fa-link"></span></a>
+                            </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+    <code>onFileChange(e: )</code>
+                        </td>
+                    </tr>
+    
+    
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:117</a></div>
+                                </td>
+                            </tr>
+    
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Executed when file is selected</p>
+    </div>
+    
+                                <div class="io-description">
+                                        <b>Parameters :</b>
+                                        <table class="params">
+                                            <thead>
+                                                <tr>
+                                                    <td>Name</td>
+                                                    <td>Optional</td>
+                                                        <td>Description</td>
+                                                </tr>
+                                            </thead>
+                                            <tbody>
+                                                    <tr>
+                                                        <td>e</td>
+                                                        
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>onChange event</p>
+    </code>
+                                                            </td>
+                                                    </tr>
+                                            </tbody>
+                                        </table>
+                                </div>
+                                <div>
+                                </div>
+                                <div class="io-description">
+                                    <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+    
+                                </div>
+                                    <div class="io-description">
+                                        
+                                    </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
             <table class="table table-sm table-bordered">
                 <tbody>
                     <tr>
@@ -822,7 +1014,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:52</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:63</a></div>
                                 </td>
                             </tr>
     
@@ -837,26 +1029,28 @@ <h3 id="methods">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>command</td>
-                                                      <td>
-                                                              <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>name of the command to be executed</p>
-    </td>
+                                                        <td>command</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>name of the command to be executed</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -881,6 +1075,202 @@ <h3 id="methods">
             <h3 id="inputs">
                 Properties
             </h3>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-4">
+                            <a name="imageForm"></a>
+                            <span class="name">
+                                <b>
+                                imageForm
+                                </b>
+                                <a href="#imageForm"><span class="fa fa-link"></span></a>
+                            </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <code>imageForm:     <code><a href="https://angular.io/api/forms/FormGroup" target="_blank" >FormGroup</a></code>
+    </code>
+                        </td>
+                    </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Type : </i>    <code><a href="https://angular.io/api/forms/FormGroup" target="_blank" >FormGroup</a></code>
+    
+                            </td>
+                        </tr>
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:21</a></div>
+                                </td>
+                            </tr>
+    
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-description"><p>holds values of the insert image form </p>
+    </div>
+                        </td>
+                    </tr>
+    
+                </tbody>
+            </table>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-4">
+                            <a name="imagePopover"></a>
+                            <span class="name">
+                                <b>
+                                imagePopover
+                                </b>
+                                <a href="#imagePopover"><span class="fa fa-link"></span></a>
+                            </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <code>imagePopover:     <code></code>
+    </code>
+                        </td>
+                    </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Decorators : </i><code>ViewChild</code>
+                            </td>
+                        </tr>
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:34</a></div>
+                                </td>
+                            </tr>
+    
+    
+                </tbody>
+            </table>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-4">
+                            <a name="isUploading"></a>
+                            <span class="name">
+                                <b>
+                                isUploading
+                                </b>
+                                <a href="#isUploading"><span class="fa fa-link"></span></a>
+                            </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <code>isUploading:     <code></code>
+    </code>
+                        </td>
+                    </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Default value : </i><code>false</code>
+                            </td>
+                        </tr>
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:27</a></div>
+                                </td>
+                            </tr>
+    
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-description"><p>set to true when the image is being uploaded </p>
+    </div>
+                        </td>
+                    </tr>
+    
+                </tbody>
+            </table>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-4">
+                            <a name="updloadPercentage"></a>
+                            <span class="name">
+                                <b>
+                                updloadPercentage
+                                </b>
+                                <a href="#updloadPercentage"><span class="fa fa-link"></span></a>
+                            </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <code>updloadPercentage:     <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
+    </code>
+                        </td>
+                    </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Type : </i>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
+    
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Default value : </i><code>0</code>
+                            </td>
+                        </tr>
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:25</a></div>
+                                </td>
+                            </tr>
+    
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-description"><p>upload percentage </p>
+    </div>
+                        </td>
+                    </tr>
+    
+                </tbody>
+            </table>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-4">
+                            <a name="uploadComplete"></a>
+                            <span class="name">
+                                <b>
+                                uploadComplete
+                                </b>
+                                <a href="#uploadComplete"><span class="fa fa-link"></span></a>
+                            </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <code>uploadComplete:     <code></code>
+    </code>
+                        </td>
+                    </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Default value : </i><code>true</code>
+                            </td>
+                        </tr>
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:23</a></div>
+                                </td>
+                            </tr>
+    
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-description"><p>set to false when image is being uploaded </p>
+    </div>
+                        </td>
+                    </tr>
+    
+                </tbody>
+            </table>
             <table class="table table-sm table-bordered">
                 <tbody>
                     <tr>
@@ -908,10 +1298,16 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="17" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:17</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="19" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:19</a></div>
                                 </td>
                             </tr>
     
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-description"><p>holds values of the insert link form </p>
+    </div>
+                        </td>
+                    </tr>
     
                 </tbody>
             </table>
@@ -941,7 +1337,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:23</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:33</a></div>
                                 </td>
                             </tr>
     
@@ -956,6 +1352,7 @@ <h3 id="inputs">
     <div class="tab-pane fade tab-source-code" id="c-source">
         <pre class="line-numbers"><code class="language-typescript">import { Component, Input, Output, EventEmitter, OnInit, ViewChild } from &#x27;@angular/core&#x27;;
 import { FormBuilder, FormGroup, Validators } from &#x27;@angular/forms&#x27;;
+import { HttpEvent, HttpEventType, HttpResponse } from &#x27;@angular/common/http&#x27;;
 import { PopoverConfig } from &#x27;ngx-bootstrap&#x27;;
 import { CommandExecutorService } from &#x27;../common/services/command-executor.service&#x27;;
 import { MessageService } from &#x27;../common/services/message.service&#x27;;
@@ -970,13 +1367,23 @@ <h3 id="inputs">
 
 export class NgxEditorToolbarComponent implements OnInit {
 
+  /** holds values of the insert link form */
   urlForm: FormGroup;
+  /** holds values of the insert image form */
+  imageForm: FormGroup;
+  /** set to false when image is being uploaded */
+  uploadComplete &#x3D; true;
+  /** upload percentage */
+  updloadPercentage &#x3D; 0;
+  /** set to true when the image is being uploaded */
+  isUploading &#x3D; false;
 
   /**
    * Editor configuration
    */
   @Input() config: any;
   @ViewChild(&#x27;urlPopover&#x27;) urlPopover;
+  @ViewChild(&#x27;imagePopover&#x27;) imagePopover;
   /**
    * Emits an event when a toolbar button is clicked
    */
@@ -1013,17 +1420,20 @@ <h3 id="inputs">
    * create URL insert form
    */
   buildUrlForm(): void {
+
     this.urlForm &#x3D; this._formBuilder.group({
       urlLink: [&#x27;&#x27;, [Validators.required]],
       urlText: [&#x27;&#x27;, [Validators.required]],
       urlNewTab: [true]
     });
+
+    return;
   }
 
   /**
-   * insert link
+   * inserts link in the editor
    */
-  insertLink() {
+  insertLink(): void {
 
     try {
       this._commandExecutorService.createLink(this.urlForm.value);
@@ -1031,11 +1441,84 @@ <h3 id="inputs">
       this._messageService.sendMessage(error.message);
     }
 
+    /** reset form to default */
+    this.buildUrlForm();
+    /** close inset URL pop up */
     this.urlPopover.hide();
+
+    return;
+  }
+
+  /**
+   * create insert image form
+   */
+  buildInsertImageForm(): void {
+
+    this.imageForm &#x3D; this._formBuilder.group({
+      imageUrl: [&#x27;&#x27;, [Validators.required]]
+    });
+
+    return;
+  }
+
+  /**
+   * Executed when file is selected
+   *
+   * @param e onChange event
+   */
+  onFileChange(e): void {
+
+    this.uploadComplete &#x3D; false;
+    this.isUploading &#x3D; true;
+
+    if (e.target.files.length &gt; 0) {
+      const file &#x3D; e.target.files[0];
+
+      try {
+        this._commandExecutorService.uploadImage(file, this.config.imageEndPoint).subscribe(event &#x3D;&gt; {
+
+          if (event.type) {
+            this.updloadPercentage &#x3D; Math.round(100 * event.loaded / event.total);
+          }
+
+          if (event instanceof HttpResponse) {
+            try {
+              this._commandExecutorService.insertImage(event.body.url);
+            } catch (error) {
+              this._messageService.sendMessage(error.message);
+            }
+            this.uploadComplete &#x3D; true;
+            this.isUploading &#x3D; false;
+          }
+        });
+      } catch (error) {
+        this._messageService.sendMessage(error.message);
+        this.uploadComplete &#x3D; true;
+        this.isUploading &#x3D; false;
+      }
+
+    }
+
+    return;
+  }
+
+  /** insert image in the editor */
+  insertImage(): void {
+    try {
+      this._commandExecutorService.insertImage(this.imageForm.value.imageUrl);
+    } catch (error) {
+      this._messageService.sendMessage(error.message);
+    }
+
+    /** reset form to default */
+    this.buildInsertImageForm();
+    /** close inset URL pop up */
+    this.imagePopover.hide();
   }
 
   ngOnInit() {
     this.buildUrlForm();
+    this.buildInsertImageForm();
   }
 
 }
@@ -1149,16 +1632,16 @@ <h3 id="inputs">
     &lt;/button&gt;
   &lt;/div&gt;
   &lt;div class&#x3D;&quot;ngx-toolbar-set&quot;&gt;
-    &lt;button type&#x3D;&quot;button&quot; class&#x3D;&quot;ngx-editor-button&quot; *ngIf&#x3D;&quot;canEnableToolbarOptions(&#x27;link&#x27;)&quot; popoverTitle&#x3D;&quot;Insert Link&quot; [popover]&#x3D;&quot;insertLinkTemplate&quot;
-      title&#x3D;&quot;Insert/Edit Link&quot; #urlPopover&#x3D;&quot;bs-popover&quot; [disabled]&#x3D;&quot;!config[&#x27;enableToolbar&#x27;]&quot;&gt;
+    &lt;button type&#x3D;&quot;button&quot; class&#x3D;&quot;ngx-editor-button&quot; *ngIf&#x3D;&quot;canEnableToolbarOptions(&#x27;link&#x27;)&quot; (click)&#x3D;&quot;buildUrlForm()&quot; [popover]&#x3D;&quot;insertLinkTemplate&quot;
+      title&#x3D;&quot;Insert Link&quot; #urlPopover&#x3D;&quot;bs-popover&quot; [disabled]&#x3D;&quot;!config[&#x27;enableToolbar&#x27;]&quot;&gt;
       &lt;i class&#x3D;&quot;fa fa-link&quot; aria-hidden&#x3D;&quot;true&quot;&gt;&lt;/i&gt;
     &lt;/button&gt;
     &lt;button type&#x3D;&quot;button&quot; class&#x3D;&quot;ngx-editor-button&quot; *ngIf&#x3D;&quot;canEnableToolbarOptions(&#x27;unlink&#x27;)&quot; (click)&#x3D;&quot;triggerCommand(&#x27;unlink&#x27;)&quot;
       title&#x3D;&quot;Unlink&quot; [disabled]&#x3D;&quot;!config[&#x27;enableToolbar&#x27;]&quot;&gt;
       &lt;i class&#x3D;&quot;fa fa-chain-broken&quot; aria-hidden&#x3D;&quot;true&quot;&gt;&lt;/i&gt;
     &lt;/button&gt;
-    &lt;button type&#x3D;&quot;button&quot; class&#x3D;&quot;ngx-editor-button&quot; *ngIf&#x3D;&quot;canEnableToolbarOptions(&#x27;image&#x27;)&quot; (click)&#x3D;&quot;triggerCommand(&#x27;image&#x27;)&quot;
-      title&#x3D;&quot;Insert Image&quot; [disabled]&#x3D;&quot;!config[&#x27;enableToolbar&#x27;]&quot;&gt;
+    &lt;button type&#x3D;&quot;button&quot; class&#x3D;&quot;ngx-editor-button&quot; *ngIf&#x3D;&quot;canEnableToolbarOptions(&#x27;image&#x27;)&quot; (click)&#x3D;&quot;buildInsertImageForm()&quot;
+      title&#x3D;&quot;Insert Image&quot; [popover]&#x3D;&quot;insertImageTemplate&quot; #imagePopover&#x3D;&quot;bs-popover&quot; [disabled]&#x3D;&quot;!config[&#x27;enableToolbar&#x27;]&quot;&gt;
       &lt;i class&#x3D;&quot;fa fa-picture-o&quot; aria-hidden&#x3D;&quot;true&quot;&gt;&lt;/i&gt;
     &lt;/button&gt;
   &lt;/div&gt;
@@ -1170,24 +1653,69 @@ <h3 id="inputs">
   &lt;/div&gt;
 &lt;/div&gt;
 
-&lt;!-- Popover templates --&gt;
+&lt;!-- URL Popover template --&gt;
 &lt;ng-template #insertLinkTemplate&gt;
-  &lt;form class&#x3D;&quot;ngxe-popover-form&quot; [formGroup]&#x3D;&quot;urlForm&quot; (ngSubmit)&#x3D;&quot;urlForm.valid &amp;&amp; insertLink()&quot; autocomplete&#x3D;&quot;off&quot;&gt;
-    &lt;div class&#x3D;&quot;form-group&quot;&gt;
-      &lt;label for&#x3D;&quot;urlInput&quot; class&#x3D;&quot;small&quot;&gt;URL&lt;/label&gt;
-      &lt;input type&#x3D;&quot;text&quot; class&#x3D;&quot;form-control-sm&quot; id&#x3D;&quot;URLInput&quot; aria-describedby&#x3D;&quot;emailHelp&quot; placeholder&#x3D;&quot;URL&quot; formControlName&#x3D;&quot;urlLink&quot;
-        required&gt;
-    &lt;/div&gt;
-    &lt;div class&#x3D;&quot;form-group&quot;&gt;
-      &lt;label for&#x3D;&quot;urlTextInput&quot; class&#x3D;&quot;small&quot;&gt;Text&lt;/label&gt;
-      &lt;input type&#x3D;&quot;text&quot; class&#x3D;&quot;form-control-sm&quot; id&#x3D;&quot;urlTextInput&quot; placeholder&#x3D;&quot;Text&quot; formControlName&#x3D;&quot;urlText&quot; required&gt;
+  &lt;div class&#x3D;&quot;ngxe-popover-form extra-gt&quot;&gt;
+    &lt;form [formGroup]&#x3D;&quot;urlForm&quot; (ngSubmit)&#x3D;&quot;urlForm.valid &amp;&amp; insertLink()&quot; autocomplete&#x3D;&quot;off&quot;&gt;
+      &lt;div class&#x3D;&quot;form-group&quot;&gt;
+        &lt;label for&#x3D;&quot;urlInput&quot; class&#x3D;&quot;small&quot;&gt;URL&lt;/label&gt;
+        &lt;input type&#x3D;&quot;text&quot; class&#x3D;&quot;form-control-sm&quot; id&#x3D;&quot;URLInput&quot; placeholder&#x3D;&quot;URL&quot; formControlName&#x3D;&quot;urlLink&quot; required&gt;
+      &lt;/div&gt;
+      &lt;div class&#x3D;&quot;form-group&quot;&gt;
+        &lt;label for&#x3D;&quot;urlTextInput&quot; class&#x3D;&quot;small&quot;&gt;Text&lt;/label&gt;
+        &lt;input type&#x3D;&quot;text&quot; class&#x3D;&quot;form-control-sm&quot; id&#x3D;&quot;urlTextInput&quot; placeholder&#x3D;&quot;Text&quot; formControlName&#x3D;&quot;urlText&quot; required&gt;
+      &lt;/div&gt;
+      &lt;div class&#x3D;&quot;form-check&quot;&gt;
+        &lt;input type&#x3D;&quot;checkbox&quot; class&#x3D;&quot;form-check-input&quot; id&#x3D;&quot;urlNewTab&quot; formControlName&#x3D;&quot;urlNewTab&quot;&gt;
+        &lt;label class&#x3D;&quot;form-check-label&quot; for&#x3D;&quot;urlNewTab&quot;&gt;Open in new tab&lt;/label&gt;
+      &lt;/div&gt;
+      &lt;button type&#x3D;&quot;submit&quot; class&#x3D;&quot;btn-primary btn-sm btn&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+  &lt;/div&gt;
+&lt;/ng-template&gt;
+
+&lt;!-- Image Uploader Popover template --&gt;
+&lt;ng-template #insertImageTemplate&gt;
+  &lt;div class&#x3D;&quot;ngxe-popover-form image-ctnr&quot;&gt;
+    &lt;div class&#x3D;&quot;imgc-topbar&quot;&gt;
+      &lt;button type&#x3D;&quot;button&quot; class&#x3D;&quot;btn&quot; (click)&#x3D;&quot;isImageUploader &#x3D; true&quot;&gt;
+        &lt;i class&#x3D;&quot;fa fa-upload&quot;&gt;&lt;/i&gt;
+      &lt;/button&gt;
+      &lt;button type&#x3D;&quot;button&quot; class&#x3D;&quot;btn&quot; (click)&#x3D;&quot;isImageUploader &#x3D; false&quot;&gt;
+        &lt;i class&#x3D;&quot;fa fa-link&quot;&gt;&lt;/i&gt;
+      &lt;/button&gt;
     &lt;/div&gt;
-    &lt;div class&#x3D;&quot;form-check&quot;&gt;
-      &lt;input type&#x3D;&quot;checkbox&quot; class&#x3D;&quot;form-check-input&quot; id&#x3D;&quot;urlNewTab&quot; formControlName&#x3D;&quot;urlNewTab&quot;&gt;
-      &lt;label class&#x3D;&quot;form-check-label&quot; for&#x3D;&quot;urlNewTab&quot;&gt;Open in new tab&lt;/label&gt;
+    &lt;div class&#x3D;&quot;imgc-ctnt&quot;&gt;
+      &lt;div *ngIf&#x3D;&quot;isImageUploader; else insertImageLink&quot;&gt; &lt;/div&gt;
+      &lt;div *ngIf&#x3D;&quot;!isImageUploader; else imageUploder&quot;&gt; &lt;/div&gt;
+      &lt;ng-template #imageUploder&gt;
+        &lt;div class&#x3D;&quot;ngx-insert-img-ph&quot;&gt;
+          &lt;p *ngIf&#x3D;&quot;uploadComplete&quot;&gt;Choose Image&lt;/p&gt;
+          &lt;p *ngIf&#x3D;&quot;!uploadComplete&quot;&gt;
+            &lt;span&gt;Uploading Image&lt;/span&gt;
+            &lt;br&gt;
+            &lt;span&gt;{{ updloadPercentage }} %&lt;/span&gt;
+          &lt;/p&gt;
+          &lt;div class&#x3D;&quot;ngxe-img-upl-frm&quot;&gt;
+            &lt;input type&#x3D;&quot;file&quot; (change)&#x3D;&quot;onFileChange($event)&quot; accept&#x3D;&quot;image/*&quot; [disabled]&#x3D;&quot;isUploading&quot; [style.cursor]&#x3D;&quot;isUploading ? &#x27;not-allowed&#x27;: &#x27;allowed&#x27;&quot;&gt;
+          &lt;/div&gt;
+        &lt;/div&gt;
+      &lt;/ng-template&gt;
+      &lt;ng-template #insertImageLink&gt;
+        &lt;form class&#x3D;&quot;extra-gt&quot; [formGroup]&#x3D;&quot;imageForm&quot; (ngSubmit)&#x3D;&quot;imageForm.valid &amp;&amp; insertImage()&quot; autocomplete&#x3D;&quot;off&quot;&gt;
+          &lt;div class&#x3D;&quot;form-group&quot;&gt;
+            &lt;label for&#x3D;&quot;imageURLInput&quot; class&#x3D;&quot;small&quot;&gt;URL&lt;/label&gt;
+            &lt;input type&#x3D;&quot;text&quot; class&#x3D;&quot;form-control-sm&quot; id&#x3D;&quot;imageURLInput&quot; placeholder&#x3D;&quot;URL&quot; formControlName&#x3D;&quot;imageUrl&quot; required&gt;
+          &lt;/div&gt;
+          &lt;button type&#x3D;&quot;submit&quot; class&#x3D;&quot;btn-primary btn-sm btn&quot;&gt;Submit&lt;/button&gt;
+        &lt;/form&gt;
+      &lt;/ng-template&gt;
+      &lt;div class&#x3D;&quot;progress&quot; *ngIf&#x3D;&quot;!uploadComplete&quot;&gt;
+        &lt;div class&#x3D;&quot;progress-bar progress-bar-striped progress-bar-animated bg-success&quot; [ngClass]&#x3D;&quot;{&#x27;bg-danger&#x27;: updloadPercentage&lt;20, &#x27;bg-warning&#x27;: updloadPercentage&lt;50, &#x27;bg-success&#x27;: updloadPercentage&gt;&#x3D;100}&quot;
+          [style.width.%]&#x3D;&quot;updloadPercentage&quot;&gt;&lt;/div&gt;
+      &lt;/div&gt;
     &lt;/div&gt;
-    &lt;button type&#x3D;&quot;submit&quot; class&#x3D;&quot;btn-primary btn-sm btn&quot;&gt;Submit&lt;/button&gt;
-  &lt;/form&gt;
+  &lt;/div&gt;
 &lt;/ng-template&gt;
 </code></pre>
     </div>
@@ -1215,7 +1743,7 @@ <h3 id="inputs">
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><div class="ngx-toolbar" *ngIf="config[\'showToolbar\']">  <div class="ngx-toolbar-set">    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'bold\')" (click)="triggerCommand(\'bold\')"      title="Bold" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-bold" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'italic\')" (click)="triggerCommand(\'italic\')"      title="Italic" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-italic" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'underline\')" (click)="triggerCommand(\'underline\')"      title="Underline" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-underline" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'strikeThrough\')" (click)="triggerCommand(\'strikeThrough\')"      title="Strikethrough" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-strikethrough" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'superscript\')" (click)="triggerCommand(\'superscript\')"      title="Superscript" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-superscript" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'subscript\')" (click)="triggerCommand(\'subscript\')"      title="Subscript" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-subscript" aria-hidden="true"></i>    </button>  </div>  <div class="ngx-toolbar-set">    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'justifyLeft\')" (click)="triggerCommand(\'justifyLeft\')"      title="Justify Left" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-align-left" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'justifyCenter\')" (click)="triggerCommand(\'justifyCenter\')"      title="Justify Center" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-align-center" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'justifyRight\')" (click)="triggerCommand(\'justifyRight\')"      title="Justify Right" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-align-right" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'justifyFull\')" (click)="triggerCommand(\'justifyFull\')"      title="Justify" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-align-justify" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'indent\')" (click)="triggerCommand(\'indent\')"      title="Indent" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-indent" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'outdent\')" (click)="triggerCommand(\'outdent\')"      title="Outdent" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-outdent" aria-hidden="true"></i>    </button>  </div>  <div class="ngx-toolbar-set">    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'cut\')" (click)="triggerCommand(\'cut\')" title="Cut"      [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-scissors" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'copy\')" (click)="triggerCommand(\'copy\')"      title="Copy" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-files-o" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'delete\')" (click)="triggerCommand(\'delete\')"      title="Delete" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-trash" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'removeFormat\')" (click)="triggerCommand(\'removeFormat\')"      title="Clear Formatting" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-eraser" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'undo\')" (click)="triggerCommand(\'undo\')"      title="Undo" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-undo" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'redo\')" (click)="triggerCommand(\'redo\')"      title="Redo" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-repeat" aria-hidden="true"></i>    </button>  </div>  <div class="ngx-toolbar-set">    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'paragraph\')" (click)="triggerCommand(\'insertParagraph\')"      title="Paragraph" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-paragraph" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'blockquote\')" (click)="triggerCommand(\'blockquote\')"      title="Blockquote" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-quote-left" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'removeBlockquote\')" (click)="triggerCommand(\'removeBlockquote\')"      title="Remove Blockquote" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-quote-right" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'horizontalLine\')" (click)="triggerCommand(\'insertHorizontalRule\')"      title="Horizontal Line" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-minus" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'orderedList\')" (click)="triggerCommand(\'insertUnorderedList\')"      title="Unodered List" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-list-ul" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'unorderedList\')" (click)="triggerCommand(\'insertOrderedList\')"      title="Ordered List" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-list-ol" aria-hidden="true"></i>    </button>  </div>  <div class="ngx-toolbar-set">    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'link\')" popoverTitle="Insert Link" [popover]="insertLinkTemplate"      title="Insert/Edit Link" #urlPopover="bs-popover" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-link" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'unlink\')" (click)="triggerCommand(\'unlink\')"      title="Unlink" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-chain-broken" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'image\')" (click)="triggerCommand(\'image\')"      title="Insert Image" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-picture-o" aria-hidden="true"></i>    </button>  </div>  <div class="ngx-toolbar-set">    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'code\')" (click)="triggerCommand(\'code\')"      title="View Code" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-code" aria-hidden="true"></i>    </button>  </div></div><!-- Popover templates --><ng-template #insertLinkTemplate>  <form class="ngxe-popover-form" [formGroup]="urlForm" (ngSubmit)="urlForm.valid && insertLink()" autocomplete="off">    <div class="form-group">      <label for="urlInput" class="small">URL</label>      <input type="text" class="form-control-sm" id="URLInput" aria-describedby="emailHelp" placeholder="URL" formControlName="urlLink"        required>    </div>    <div class="form-group">      <label for="urlTextInput" class="small">Text</label>      <input type="text" class="form-control-sm" id="urlTextInput" placeholder="Text" formControlName="urlText" required>    </div>    <div class="form-check">      <input type="checkbox" class="form-check-input" id="urlNewTab" formControlName="urlNewTab">      <label class="form-check-label" for="urlNewTab">Open in new tab</label>    </div>    <button type="submit" class="btn-primary btn-sm btn">Submit</button>  </form></ng-template></div>'
+        var COMPONENT_TEMPLATE = '<div><div class="ngx-toolbar" *ngIf="config[\'showToolbar\']">  <div class="ngx-toolbar-set">    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'bold\')" (click)="triggerCommand(\'bold\')"      title="Bold" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-bold" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'italic\')" (click)="triggerCommand(\'italic\')"      title="Italic" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-italic" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'underline\')" (click)="triggerCommand(\'underline\')"      title="Underline" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-underline" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'strikeThrough\')" (click)="triggerCommand(\'strikeThrough\')"      title="Strikethrough" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-strikethrough" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'superscript\')" (click)="triggerCommand(\'superscript\')"      title="Superscript" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-superscript" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'subscript\')" (click)="triggerCommand(\'subscript\')"      title="Subscript" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-subscript" aria-hidden="true"></i>    </button>  </div>  <div class="ngx-toolbar-set">    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'justifyLeft\')" (click)="triggerCommand(\'justifyLeft\')"      title="Justify Left" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-align-left" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'justifyCenter\')" (click)="triggerCommand(\'justifyCenter\')"      title="Justify Center" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-align-center" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'justifyRight\')" (click)="triggerCommand(\'justifyRight\')"      title="Justify Right" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-align-right" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'justifyFull\')" (click)="triggerCommand(\'justifyFull\')"      title="Justify" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-align-justify" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'indent\')" (click)="triggerCommand(\'indent\')"      title="Indent" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-indent" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'outdent\')" (click)="triggerCommand(\'outdent\')"      title="Outdent" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-outdent" aria-hidden="true"></i>    </button>  </div>  <div class="ngx-toolbar-set">    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'cut\')" (click)="triggerCommand(\'cut\')" title="Cut"      [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-scissors" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'copy\')" (click)="triggerCommand(\'copy\')"      title="Copy" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-files-o" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'delete\')" (click)="triggerCommand(\'delete\')"      title="Delete" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-trash" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'removeFormat\')" (click)="triggerCommand(\'removeFormat\')"      title="Clear Formatting" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-eraser" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'undo\')" (click)="triggerCommand(\'undo\')"      title="Undo" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-undo" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'redo\')" (click)="triggerCommand(\'redo\')"      title="Redo" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-repeat" aria-hidden="true"></i>    </button>  </div>  <div class="ngx-toolbar-set">    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'paragraph\')" (click)="triggerCommand(\'insertParagraph\')"      title="Paragraph" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-paragraph" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'blockquote\')" (click)="triggerCommand(\'blockquote\')"      title="Blockquote" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-quote-left" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'removeBlockquote\')" (click)="triggerCommand(\'removeBlockquote\')"      title="Remove Blockquote" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-quote-right" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'horizontalLine\')" (click)="triggerCommand(\'insertHorizontalRule\')"      title="Horizontal Line" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-minus" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'orderedList\')" (click)="triggerCommand(\'insertUnorderedList\')"      title="Unodered List" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-list-ul" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'unorderedList\')" (click)="triggerCommand(\'insertOrderedList\')"      title="Ordered List" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-list-ol" aria-hidden="true"></i>    </button>  </div>  <div class="ngx-toolbar-set">    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'link\')" (click)="buildUrlForm()" [popover]="insertLinkTemplate"      title="Insert Link" #urlPopover="bs-popover" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-link" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'unlink\')" (click)="triggerCommand(\'unlink\')"      title="Unlink" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-chain-broken" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'image\')" (click)="buildInsertImageForm()"      title="Insert Image" [popover]="insertImageTemplate" #imagePopover="bs-popover" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-picture-o" aria-hidden="true"></i>    </button>  </div>  <div class="ngx-toolbar-set">    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'code\')" (click)="triggerCommand(\'code\')"      title="View Code" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-code" aria-hidden="true"></i>    </button>  </div></div><!-- URL Popover template --><ng-template #insertLinkTemplate>  <div class="ngxe-popover-form extra-gt">    <form [formGroup]="urlForm" (ngSubmit)="urlForm.valid && insertLink()" autocomplete="off">      <div class="form-group">        <label for="urlInput" class="small">URL</label>        <input type="text" class="form-control-sm" id="URLInput" placeholder="URL" formControlName="urlLink" required>      </div>      <div class="form-group">        <label for="urlTextInput" class="small">Text</label>        <input type="text" class="form-control-sm" id="urlTextInput" placeholder="Text" formControlName="urlText" required>      </div>      <div class="form-check">        <input type="checkbox" class="form-check-input" id="urlNewTab" formControlName="urlNewTab">        <label class="form-check-label" for="urlNewTab">Open in new tab</label>      </div>      <button type="submit" class="btn-primary btn-sm btn">Submit</button>    </form>  </div></ng-template><!-- Image Uploader Popover template --><ng-template #insertImageTemplate>  <div class="ngxe-popover-form image-ctnr">    <div class="imgc-topbar">      <button type="button" class="btn" (click)="isImageUploader = true">        <i class="fa fa-upload"></i>      </button>      <button type="button" class="btn" (click)="isImageUploader = false">        <i class="fa fa-link"></i>      </button>    </div>    <div class="imgc-ctnt">      <div *ngIf="isImageUploader; else insertImageLink"> </div>      <div *ngIf="!isImageUploader; else imageUploder"> </div>      <ng-template #imageUploder>        <div class="ngx-insert-img-ph">          <p *ngIf="uploadComplete">Choose Image</p>          <p *ngIf="!uploadComplete">            <span>Uploading Image</span>            <br>            <span>{{ updloadPercentage }} %</span>          </p>          <div class="ngxe-img-upl-frm">            <input type="file" (change)="onFileChange($event)" accept="image/*" [disabled]="isUploading" [style.cursor]="isUploading ? \'not-allowed\': \'allowed\'">          </div>        </div>      </ng-template>      <ng-template #insertImageLink>        <form class="extra-gt" [formGroup]="imageForm" (ngSubmit)="imageForm.valid && insertImage()" autocomplete="off">          <div class="form-group">            <label for="imageURLInput" class="small">URL</label>            <input type="text" class="form-control-sm" id="imageURLInput" placeholder="URL" formControlName="imageUrl" required>          </div>          <button type="submit" class="btn-primary btn-sm btn">Submit</button>        </form>      </ng-template>      <div class="progress" *ngIf="!uploadComplete">        <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" [ngClass]="{\'bg-danger\': updloadPercentage<20, \'bg-warning\': updloadPercentage<50, \'bg-success\': updloadPercentage>=100}"          [style.width.%]="updloadPercentage"></div>      </div>    </div>  </div></ng-template></div>'
     var COMPONENTS = [{'name': 'NgxEditorComponent', 'selector': 'app-ngx-editor'},{'name': 'NgxEditorMessageComponent', 'selector': 'app-ngx-editor-message'},{'name': 'NgxEditorToolbarComponent', 'selector': 'app-ngx-editor-toolbar'},{'name': 'NgxGrippieComponent', 'selector': 'app-ngx-grippie'}];
     var DIRECTIVES = [];
     var ACTUAL_COMPONENT = {'name': 'NgxEditorToolbarComponent'};
diff --git a/docs/components/NgxGrippieComponent.html b/docs/components/NgxGrippieComponent.html
index d8da6c32..391cee1c 100644
--- a/docs/components/NgxGrippieComponent.html
+++ b/docs/components/NgxGrippieComponent.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -481,34 +493,41 @@ <h3 id="constructor">Constructor</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:14</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="17" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:17</a></div>
                                 </td>
                             </tr>
     
                     <tr>
                         <td class="col-md-4">
+                                <div class="io-description"><p>Constructor</p>
+    </div>
                                 <div>
                                         <b>Parameters :</b>
                                         <table class="params">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>_editorComponent</td>
-                                                      <td>
-                                                                <code><a href="../components/NgxEditorComponent.html" target="_self" >NgxEditorComponent</a></code>
-                                                      </td>
-                                                      <td>
-                                                            no
-                                                      </td>
-                                                      <td><p>editor component</p>
-    </td>
+                                                        <td>_editorComponent</td>
+                                                      
+                                                            <td>
+                                                                        <code><a href="../components/NgxEditorComponent.html" target="_self" >NgxEditorComponent</a></code>
+                                                            </td>
+                                                      
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+                                                            <td>
+                                                                    <code><p>Editor component</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -550,7 +569,7 @@ <h3>HostListeners</h3>        <table class="table table-sm table-bordered">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:22</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:32</a></div>
                                 </td>
                             </tr>
     
@@ -583,7 +602,7 @@ <h3>HostListeners</h3>        <table class="table table-sm table-bordered">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:32</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:48</a></div>
                                 </td>
                             </tr>
     
@@ -616,7 +635,7 @@ <h3>HostListeners</h3>        <table class="table table-sm table-bordered">
     
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:36</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:52</a></div>
                                 </td>
                             </tr>
     
@@ -656,10 +675,16 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:14</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="17" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:17</a></div>
                                 </td>
                             </tr>
     
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-description"><p>set to true on mousedown event </p>
+    </div>
+                        </td>
+                    </tr>
     
                 </tbody>
             </table>
@@ -690,10 +715,16 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="12" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:12</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="13" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:13</a></div>
                                 </td>
                             </tr>
     
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-description"><p>height of the editor </p>
+    </div>
+                        </td>
+                    </tr>
     
                 </tbody>
             </table>
@@ -729,10 +760,16 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="13" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:13</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="15" class="link-to-prism">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:15</a></div>
                                 </td>
                             </tr>
     
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-description"><p>previous value befor resizing the editor </p>
+    </div>
+                        </td>
+                    </tr>
     
                 </tbody>
             </table>
@@ -753,16 +790,26 @@ <h3 id="inputs">
 
 export class NgxGrippieComponent {
 
+  /** height of the editor */
   height: number;
+  /** previous value befor resizing the editor */
   oldY &#x3D; 0;
+  /** set to true on mousedown event */
   grabber &#x3D; false;
 
   /**
+   * Constructor
    *
-   * @param _editorComponent editor component
+   * @param _editorComponent Editor component
    */
   constructor(private _editorComponent: NgxEditorComponent) { }
 
+  /**
+   *
+   * @param event Mouseevent
+   *
+   * Update the height of the editor when the grabber is dragged
+   */
   @HostListener(&#x27;document:mousemove&#x27;, [&#x27;$event&#x27;]) onMouseMove(event: MouseEvent) {
 
     if (!this.grabber) {
@@ -773,6 +820,12 @@ <h3 id="inputs">
     this.oldY &#x3D; event.clientY;
   }
 
+  /**
+   *
+   * @param event Mouseevent
+   *
+   * set the grabber to false on mouse up action
+   */
   @HostListener(&#x27;document:mouseup&#x27;, [&#x27;$event&#x27;]) onMouseUp(event: MouseEvent) {
     this.grabber &#x3D; false;
   }
diff --git a/docs/coverage.html b/docs/coverage.html
new file mode 100644
index 00000000..6c683824
--- /dev/null
+++ b/docs/coverage.html
@@ -0,0 +1,698 @@
+<!doctype html>
+<html class="no-js" lang="">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>NgxEditor</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
+	    <link rel="stylesheet" href="./styles/style.css">
+    </head>
+    <body>
+
+        <div class="navbar navbar-default navbar-fixed-top visible-xs">
+            <a href="./" class="navbar-brand">NgxEditor</a>
+            <button type="button" class="btn btn-default btn-menu fa fa-bars" id="btn-menu"></button>
+        </div>
+
+        <div class="xs-menu menu" id="mobile-menu">
+            <div id="book-search-input" role="search">
+                <input type="text" placeholder="Type to search">
+            </div>
+            <nav>
+            
+                <ul class="list">
+            
+                    <li class="title">
+                        <a href="./index.html">NgxEditor</a>
+                    </li>
+            
+                    <li class="divider"></li>
+            
+            
+                    <li class="chapter">
+                        <a data-type="chapter-link" href="./index.html"><span class="fa fa-home"></span>Getting started</a>
+                        <ul class="links">
+                                <li class="link">
+                                    <a 
+                                        
+                                         href="./overview.html" 
+                                         href="./overview.html" 
+                                        >
+                                        <span class="fa fa-fw fa-th"></span>Overview
+                                    </a>
+                                </li>
+                                <li class="link">
+                                  <a href="./index.html" ><span class="fa fa-file-text-o"></span>README</a>
+                                </li>
+                                <li class="link">
+                                        <a href="./license.html"
+                                    >
+                                        <span class="fa fa-fw fa-file-text-o"></span>LICENSE
+                                    </a>
+                                </li>
+                        </ul>
+                    </li>
+            
+                    <li class="chapter">
+                        <div class="simple menu-toggler" data-toggle="collapse"
+                                data-target="#xs-additional-pages"
+                            >
+                            <span class="fa fa-fw fa-book"></span>
+                            <span>Additional documentation</span>
+                            <span class="fa fa-angle-down"></span>
+                        </div>
+                        <ul class="links collapse "
+                                id="xs-additional-pages"
+                            >
+                                <li class="link ">
+                                    <a href="./additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/configuration.html" >Configuration</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/toolbar.html" >Toolbar</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/code-editor.html" >Code Editor</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/resizer.html" >Resizer</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+                    <li class="chapter">
+                        <a data-type="chapter-link" href="./modules.html" >
+                            <div class="menu-toggler linked" data-toggle="collapse"
+                                    data-target="#xs-modules-links"
+                            >
+                                <span class="fa fa-fw fa-archive"></span>
+                                <span class="link-name">Modules</span>
+                                <span class="fa fa-angle-down"></span>
+                            </div>
+                        </a>
+                        <ul class="links collapse "
+                                id="xs-modules-links"
+                            >
+                                <li class="link">
+                                    <a href="./modules/NgxEditorModule.html" >NgxEditorModule</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+                    <li class="chapter">
+                        <div class="simple menu-toggler" data-toggle="collapse"
+                                data-target="#xs-components-links"
+                            >
+                            <span class="fa fa-fw fa-cogs"></span>
+                            <span>Components</span>
+                            <span class="fa fa-angle-down"></span>
+                        </div>
+                        <ul class="links collapse "
+                                id="xs-components-links"
+                            >
+                                <li class="link">
+                                    <a href="./components/NgxEditorComponent.html" >NgxEditorComponent</a>
+                                </li>
+                                <li class="link">
+                                    <a href="./components/NgxEditorMessageComponent.html" >NgxEditorMessageComponent</a>
+                                </li>
+                                <li class="link">
+                                    <a href="./components/NgxEditorToolbarComponent.html" >NgxEditorToolbarComponent</a>
+                                </li>
+                                <li class="link">
+                                    <a href="./components/NgxGrippieComponent.html" >NgxGrippieComponent</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+            
+            
+                    <li class="chapter">
+                        <div class="simple menu-toggler" data-toggle="collapse"
+                                data-target="#xs-injectables-links"
+                            >
+                            <span class="fa fa-fw fa-long-arrow-down"></span>
+                            <span>Injectables</span>
+                            <span class="fa fa-angle-down"></span>
+                        </div>
+                        <ul class="links collapse "
+                                id="xs-injectables-links"
+                            >
+                                <li class="link">
+                                    <a href="./injectables/CommandExecutorService.html" >CommandExecutorService</a>
+                                </li>
+                                <li class="link">
+                                    <a href="./injectables/MessageService.html" >MessageService</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+            
+            
+            
+                    <li class="chapter">
+                        <div class="simple menu-toggler" data-toggle="collapse"
+                                data-target="#xs-miscellaneous-links"
+                            >
+                            <span class="fa fa-fw fa-cubes"></span>
+                            <span>Miscellaneous</span>
+                            <span class="fa fa-angle-down"></span>
+                        </div>
+                        <ul class="links collapse "
+                                id="xs-miscellaneous-links"
+                            >
+                                <li class="link">
+                                  <a href="./miscellaneous/functions.html" data-type="entity-link" >Functions</a>
+                                </li>
+                                <li class="link">
+                                  <a href="./miscellaneous/variables.html" data-type="entity-link" >Variables</a>
+                                </li>
+                        </ul>
+                    </li>
+            
+            
+                    <li class="chapter">
+                        <a data-type="chapter-link" href="./coverage.html"  class="active" ><span class="fa fa-fw fa-tasks"></span>Documentation coverage</a>
+                    </li>
+            
+            
+                </ul>
+            
+            </nav>
+        </div>
+
+        <div class="container-fluid main">
+           <div class="row main">
+               <div class="hidden-xs menu">
+                   <nav>
+                   
+                       <ul class="list">
+                   
+                           <li class="title">
+                               <a href="./index.html">NgxEditor</a>
+                           </li>
+                   
+                           <li class="divider"></li>
+                   
+                               <div id="book-search-input" role="search">
+                                   <input type="text" placeholder="Type to search">
+                               </div>
+                   
+                           <li class="chapter">
+                               <a data-type="chapter-link" href="./index.html"><span class="fa fa-home"></span>Getting started</a>
+                               <ul class="links">
+                                       <li class="link">
+                                           <a 
+                                               
+                                                href="./overview.html" 
+                                                href="./overview.html" 
+                                               >
+                                               <span class="fa fa-fw fa-th"></span>Overview
+                                           </a>
+                                       </li>
+                                       <li class="link">
+                                         <a href="./index.html" ><span class="fa fa-file-text-o"></span>README</a>
+                                       </li>
+                                       <li class="link">
+                                               <a href="./license.html"
+                                           >
+                                               <span class="fa fa-fw fa-file-text-o"></span>LICENSE
+                                           </a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                           <li class="chapter">
+                               <div class="simple menu-toggler" data-toggle="collapse"
+                                       data-target="#additional-pages"
+                   >
+                                   <span class="fa fa-fw fa-book"></span>
+                                   <span>Additional documentation</span>
+                                   <span class="fa fa-angle-down"></span>
+                               </div>
+                               <ul class="links collapse "
+                                       id="additional-pages"
+                   >
+                                       <li class="link ">
+                                           <a href="./additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/configuration.html" >Configuration</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/toolbar.html" >Toolbar</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/code-editor.html" >Code Editor</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/resizer.html" >Resizer</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                           <li class="chapter">
+                               <a data-type="chapter-link" href="./modules.html" >
+                                   <div class="menu-toggler linked" data-toggle="collapse"
+                                           data-target="#modules-links"
+                                   >
+                                       <span class="fa fa-fw fa-archive"></span>
+                                       <span class="link-name">Modules</span>
+                                       <span class="fa fa-angle-down"></span>
+                                   </div>
+                               </a>
+                               <ul class="links collapse "
+                                       id="modules-links"
+                   >
+                                       <li class="link">
+                                           <a href="./modules/NgxEditorModule.html" >NgxEditorModule</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                           <li class="chapter">
+                               <div class="simple menu-toggler" data-toggle="collapse"
+                                       data-target="#components-links"
+                   >
+                                   <span class="fa fa-fw fa-cogs"></span>
+                                   <span>Components</span>
+                                   <span class="fa fa-angle-down"></span>
+                               </div>
+                               <ul class="links collapse "
+                                       id="components-links"
+                   >
+                                       <li class="link">
+                                           <a href="./components/NgxEditorComponent.html" >NgxEditorComponent</a>
+                                       </li>
+                                       <li class="link">
+                                           <a href="./components/NgxEditorMessageComponent.html" >NgxEditorMessageComponent</a>
+                                       </li>
+                                       <li class="link">
+                                           <a href="./components/NgxEditorToolbarComponent.html" >NgxEditorToolbarComponent</a>
+                                       </li>
+                                       <li class="link">
+                                           <a href="./components/NgxGrippieComponent.html" >NgxGrippieComponent</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                   
+                   
+                           <li class="chapter">
+                               <div class="simple menu-toggler" data-toggle="collapse"
+                                       data-target="#injectables-links"
+                   >
+                                   <span class="fa fa-fw fa-long-arrow-down"></span>
+                                   <span>Injectables</span>
+                                   <span class="fa fa-angle-down"></span>
+                               </div>
+                               <ul class="links collapse "
+                                       id="injectables-links"
+                   >
+                                       <li class="link">
+                                           <a href="./injectables/CommandExecutorService.html" >CommandExecutorService</a>
+                                       </li>
+                                       <li class="link">
+                                           <a href="./injectables/MessageService.html" >MessageService</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                   
+                   
+                   
+                           <li class="chapter">
+                               <div class="simple menu-toggler" data-toggle="collapse"
+                                       data-target="#miscellaneous-links"
+                   >
+                                   <span class="fa fa-fw fa-cubes"></span>
+                                   <span>Miscellaneous</span>
+                                   <span class="fa fa-angle-down"></span>
+                               </div>
+                               <ul class="links collapse "
+                                       id="miscellaneous-links"
+                   >
+                                       <li class="link">
+                                         <a href="./miscellaneous/functions.html" data-type="entity-link" >Functions</a>
+                                       </li>
+                                       <li class="link">
+                                         <a href="./miscellaneous/variables.html" data-type="entity-link" >Variables</a>
+                                       </li>
+                               </ul>
+                           </li>
+                   
+                   
+                           <li class="chapter">
+                               <a data-type="chapter-link" href="./coverage.html"  class="active" ><span class="fa fa-fw fa-tasks"></span>Documentation coverage</a>
+                           </li>
+                   
+                   
+                       </ul>
+                   
+                   </nav>
+               </div>
+               <div class="content coverage">
+                   <div class="content-data">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<ol class="breadcrumb">
+  <li>Documentation coverage</li>
+</ol>
+
+<img src="./images/coverage-badge.svg">
+
+<table class="table table-bordered coverage" id="coverage-table">
+    <thead class="coverage-header">
+        <tr>
+            <th>File</th>
+            <th>Type</th>
+            <th>Identifier</th>
+            <th style="text-align:right" class="statements" data-sort-default>Statements</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr class="very-good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./miscellaneous/variables.html#codeMirrorConfig">src/app/ngx-editor/common/ngx-editor.defaults.ts</a>
+            </td>
+            <td>
+                variable
+            </td>
+            <td>
+                codeMirrorConfig
+            </td>
+            <td align="right" data-sort="100">
+                <span class="coverage-percent">100 %</span>
+                <span class="coverage-count">(1/1)</span>
+            </td>
+        </tr>
+        <tr class="very-good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./miscellaneous/variables.html#ngxEditorConfig">src/app/ngx-editor/common/ngx-editor.defaults.ts</a>
+            </td>
+            <td>
+                variable
+            </td>
+            <td>
+                ngxEditorConfig
+            </td>
+            <td align="right" data-sort="100">
+                <span class="coverage-percent">100 %</span>
+                <span class="coverage-count">(1/1)</span>
+            </td>
+        </tr>
+        <tr class="good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./injectables/CommandExecutorService.html">src/app/ngx-editor/common/services/command-executor.service.ts</a>
+            </td>
+            <td>
+                injectable
+            </td>
+            <td>
+                CommandExecutorService
+            </td>
+            <td align="right" data-sort="71">
+                <span class="coverage-percent">71 %</span>
+                <span class="coverage-count">(5/7)</span>
+            </td>
+        </tr>
+        <tr class="medium">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./injectables/MessageService.html">src/app/ngx-editor/common/services/message.service.ts</a>
+            </td>
+            <td>
+                injectable
+            </td>
+            <td>
+                MessageService
+            </td>
+            <td align="right" data-sort="50">
+                <span class="coverage-percent">50 %</span>
+                <span class="coverage-count">(2/4)</span>
+            </td>
+        </tr>
+        <tr class="very-good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./miscellaneous/variables.html#DURATION">src/app/ngx-editor/common/services/message.service.ts</a>
+            </td>
+            <td>
+                variable
+            </td>
+            <td>
+                DURATION
+            </td>
+            <td align="right" data-sort="100">
+                <span class="coverage-percent">100 %</span>
+                <span class="coverage-count">(1/1)</span>
+            </td>
+        </tr>
+        <tr class="very-good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href=".//functions.html#canEnableToolbarOptions">src/app/ngx-editor/common/utils/ngx-editor.utils.ts</a>
+            </td>
+            <td>
+                function
+            </td>
+            <td>
+                canEnableToolbarOptions
+            </td>
+            <td align="right" data-sort="100">
+                <span class="coverage-percent">100 %</span>
+                <span class="coverage-count">(1/1)</span>
+            </td>
+        </tr>
+        <tr class="very-good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href=".//functions.html#canResize">src/app/ngx-editor/common/utils/ngx-editor.utils.ts</a>
+            </td>
+            <td>
+                function
+            </td>
+            <td>
+                canResize
+            </td>
+            <td align="right" data-sort="100">
+                <span class="coverage-percent">100 %</span>
+                <span class="coverage-count">(1/1)</span>
+            </td>
+        </tr>
+        <tr class="very-good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href=".//functions.html#getEditorConfiguration">src/app/ngx-editor/common/utils/ngx-editor.utils.ts</a>
+            </td>
+            <td>
+                function
+            </td>
+            <td>
+                getEditorConfiguration
+            </td>
+            <td align="right" data-sort="100">
+                <span class="coverage-percent">100 %</span>
+                <span class="coverage-count">(1/1)</span>
+            </td>
+        </tr>
+        <tr class="very-good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href=".//functions.html#restoreSelection">src/app/ngx-editor/common/utils/ngx-editor.utils.ts</a>
+            </td>
+            <td>
+                function
+            </td>
+            <td>
+                restoreSelection
+            </td>
+            <td align="right" data-sort="100">
+                <span class="coverage-percent">100 %</span>
+                <span class="coverage-count">(1/1)</span>
+            </td>
+        </tr>
+        <tr class="very-good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href=".//functions.html#saveSelection">src/app/ngx-editor/common/utils/ngx-editor.utils.ts</a>
+            </td>
+            <td>
+                function
+            </td>
+            <td>
+                saveSelection
+            </td>
+            <td align="right" data-sort="100">
+                <span class="coverage-percent">100 %</span>
+                <span class="coverage-count">(1/1)</span>
+            </td>
+        </tr>
+        <tr class="medium">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./components/NgxEditorMessageComponent.html">src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts</a>
+            </td>
+            <td>
+                component
+            </td>
+            <td>
+                NgxEditorMessageComponent
+            </td>
+            <td align="right" data-sort="50">
+                <span class="coverage-percent">50 %</span>
+                <span class="coverage-count">(2/4)</span>
+            </td>
+        </tr>
+        <tr class="very-good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./components/NgxEditorToolbarComponent.html">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts</a>
+            </td>
+            <td>
+                component
+            </td>
+            <td>
+                NgxEditorToolbarComponent
+            </td>
+            <td align="right" data-sort="77">
+                <span class="coverage-percent">77 %</span>
+                <span class="coverage-count">(14/18)</span>
+            </td>
+        </tr>
+        <tr class="good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./components/NgxEditorComponent.html">src/app/ngx-editor/ngx-editor.component.ts</a>
+            </td>
+            <td>
+                component
+            </td>
+            <td>
+                NgxEditorComponent
+            </td>
+            <td align="right" data-sort="75">
+                <span class="coverage-percent">75 %</span>
+                <span class="coverage-count">(27/36)</span>
+            </td>
+        </tr>
+        <tr class="medium">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./components/NgxGrippieComponent.html">src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts</a>
+            </td>
+            <td>
+                component
+            </td>
+            <td>
+                NgxGrippieComponent
+            </td>
+            <td align="right" data-sort="50">
+                <span class="coverage-percent">50 %</span>
+                <span class="coverage-count">(4/8)</span>
+            </td>
+        </tr>
+        <tr class="very-good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./miscellaneous/variables.html#environment">src/environments/environment.prod.ts</a>
+            </td>
+            <td>
+                variable
+            </td>
+            <td>
+                environment
+            </td>
+            <td align="right" data-sort="100">
+                <span class="coverage-percent">100 %</span>
+                <span class="coverage-count">(1/1)</span>
+            </td>
+        </tr>
+        <tr class="very-good">
+            <td>
+                <!-- miscellaneous -->
+                    <a href="./miscellaneous/variables.html#environment">src/environments/environment.ts</a>
+            </td>
+            <td>
+                variable
+            </td>
+            <td>
+                environment
+            </td>
+            <td align="right" data-sort="100">
+                <span class="coverage-percent">100 %</span>
+                <span class="coverage-count">(1/1)</span>
+            </td>
+        </tr>
+    </tbody>
+</table>
+
+<script src="js/libs/tablesort.min.js"></script>
+<script src="js/libs/tablesort.number.min.js"></script>
+<script>
+    new Tablesort(document.getElementById('coverage-table'));
+</script>
+
+                   </div><div class="search-results">
+    <div class="has-results">
+        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
+        <ul class="search-results-list"></ul>
+    </div>
+    <div class="no-results">
+        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
+    </div>
+</div>
+</div>
+           </div>
+       </div>
+
+       <script src="./js/libs/bootstrap-native.js"></script>
+
+       <script src="./js/libs/es6-shim.min.js"></script>
+       <script src="./js/libs/EventDispatcher.js"></script>
+       <script src="./js/libs/promise.min.js"></script>
+       <script src="./js/libs/zepto.min.js"></script>
+
+       <script src="./js/compodoc.js"></script>
+
+       <script>var COMPODOC_CURRENT_PAGE_DEPTH = 0;</script>
+
+       <script src="./js/search/search.js"></script>
+       <script src="./js/search/lunr.min.js"></script>
+       <script src="./js/search/search-lunr.js"></script>
+
+       <script src="./js/tabs.js"></script>
+       <script src="./js/menu.js"></script>
+       <script src="./js/libs/prism.js"></script>
+       <script src="./js/sourceCode.js"></script>
+       <script src="./js/search/search_index.js"></script>
+
+
+    </body>
+</html>
diff --git a/docs/images/coverage-badge.svg b/docs/images/coverage-badge.svg
new file mode 100644
index 00000000..9e35d7f1
--- /dev/null
+++ b/docs/images/coverage-badge.svg
@@ -0,0 +1,9 @@
+<svg width="135" height="20" xmlns="http://www.w3.org/2000/svg">
+    <g>
+        <rect id="svg_1" height="20" width="130" y="0" x="0" stroke-width="1.5" stroke="#5d5d5d" fill="#5d5d5d" rx="7" ry="7"/>
+        <rect id="svg_2" height="20" width="40" y="0" x="92" stroke-width="1.5" stroke="#4dc71f" fill="#4dc71f" rx="7" ry="7"/>
+        <rect id="svg_3" height="20" width="22" y="0" x="92" stroke-width="1.5" stroke="#4dc71f" fill="#4dc71f"/>
+        <text xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="12" id="svg_4" y="14" x="6" stroke-width="0" stroke="#5d5d5d" fill="#ffffff">documentation</text>
+        <text xml:space="preserve" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="12" id="svg_5" y="14" x="112" stroke-width="0" stroke="#5d5d5d" fill="#ffffff" style="text-anchor: middle">85%</text>
+    </g>
+</svg>
diff --git a/docs/index.html b/docs/index.html
index 47c3fb7a..eb9905c1 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="./additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="./additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/injectables/CommandExecutorService.html b/docs/injectables/CommandExecutorService.html
index eb5aacf4..cfd97146 100644
--- a/docs/injectables/CommandExecutorService.html
+++ b/docs/injectables/CommandExecutorService.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -411,6 +423,12 @@ <h6><b>Methods</b></h6>
                                     <li>
                                         <a href="#execute">execute</a>
                                     </li>
+                                    <li>
+                                        <a href="#insertImage">insertImage</a>
+                                    </li>
+                                    <li>
+                                        <a href="#uploadImage">uploadImage</a>
+                                    </li>
                                 </ul>
                             </td>
                         </tr>
@@ -418,6 +436,75 @@ <h6><b>Methods</b></h6>
                 </table>
             </section>
 
+            <section>
+                <h3 id="constructor">Constructor</h3>
+                    <table class="table table-sm table-bordered">
+                        <tbody>
+                            <tr>
+                                <td class="col-md-4">
+            <code>constructor(_http: <a href="https://angular.io/api/common/http/HttpClient" target="_blank">HttpClient</a>, _messageService: <a href="../injectables/MessageService.html">MessageService</a>)</code>
+                                </td>
+                            </tr>
+                                    <tr>
+                                        <td class="col-md-4">
+                                            <div class="io-line">Defined in <a href="" data-line="11" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:11</a></div>
+                                        </td>
+                                    </tr>
+            
+                            <tr>
+                                <td class="col-md-4">
+                                        <div>
+                                                <b>Parameters :</b>
+                                                <table class="params">
+                                                    <thead>
+                                                        <tr>
+                                                            <td>Name</td>
+                                                                <td>Type</td>
+                                                            <td>Optional</td>
+                                                                <td>Description</td>
+                                                        </tr>
+                                                    </thead>
+                                                    <tbody>
+                                                            <tr>
+                                                                <td>_http</td>
+                                                              
+                                                                    <td>
+                                                                                <code><a href="https://angular.io/api/common/http/HttpClient" target="_blank" >HttpClient</a></code>
+                                                                    </td>
+                                                              
+                                                                <td>
+                                                                        no
+                                                                </td>
+                                                                
+                                                                    <td>
+                                                                            <code><p>HTTP Client for making http requests</p>
+            </code>
+                                                                    </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>_messageService</td>
+                                                              
+                                                                    <td>
+                                                                                <code><a href="../injectables/MessageService.html" target="_self" >MessageService</a></code>
+                                                                    </td>
+                                                              
+                                                                <td>
+                                                                        no
+                                                                </td>
+                                                                
+                                                                    <td>
+                                                                            <code><p>Message service sends message to the editor</p>
+            </code>
+                                                                    </td>
+                                                            </tr>
+                                                    </tbody>
+                                                </table>
+                                        </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+            </section>
 
             <section>
                 
@@ -446,12 +533,14 @@ <h3 id="methods">
             
                                     <tr>
                                         <td class="col-md-4">
-                                            <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:76</a></div>
+                                            <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:101</a></div>
                                         </td>
                                     </tr>
             
                             <tr>
                                 <td class="col-md-4">
+                                        <div class="io-description"><p>inserts link in the editor</p>
+            </div>
             
                                         <div class="io-description">
                                                 <b>Parameters :</b>
@@ -459,25 +548,28 @@ <h3 id="methods">
                                                     <thead>
                                                         <tr>
                                                             <td>Name</td>
-                                                            <td>Type</td>
+                                                                <td>Type</td>
                                                             <td>Optional</td>
-                                                            <td>Default value</td>
-                                                            <td>Description</td>
+                                                                <td>Description</td>
                                                         </tr>
                                                     </thead>
                                                     <tbody>
                                                             <tr>
-                                                              <td>params</td>
-                                                              <td>
-                                                                      <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                                              </td>
-                                                              <td>
-                                                                  no
-                                                              </td>
-                                                              <td>
-                                                                  <code></code>
-                                                              </td>
-                                                              <td></td>
+                                                                <td>params</td>
+                                                                
+                                                                    <td>
+                                                                                <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                                    </td>
+                                                                
+                                                                <td>
+                                                                        no
+                                                                </td>
+                                                                
+            
+                                                                    <td>
+                                                                            <code><p>parameters that holds the information for the link</p>
+            </code>
+                                                                    </td>
                                                             </tr>
                                                     </tbody>
                                                 </table>
@@ -517,7 +609,7 @@ <h3 id="methods">
             
                                     <tr>
                                         <td class="col-md-4">
-                                            <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:14</a></div>
+                                            <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:25</a></div>
                                         </td>
                                     </tr>
             
@@ -532,26 +624,104 @@ <h3 id="methods">
                                                     <thead>
                                                         <tr>
                                                             <td>Name</td>
-                                                            <td>Type</td>
+                                                                <td>Type</td>
+                                                            <td>Optional</td>
+                                                                <td>Description</td>
+                                                        </tr>
+                                                    </thead>
+                                                    <tbody>
+                                                            <tr>
+                                                                <td>command</td>
+                                                                
+                                                                    <td>
+                                                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                                                    </td>
+                                                                
+                                                                <td>
+                                                                        no
+                                                                </td>
+                                                                
+            
+                                                                    <td>
+                                                                            <code><p>command to be executed</p>
+            </code>
+                                                                    </td>
+                                                            </tr>
+                                                    </tbody>
+                                                </table>
+                                        </div>
+                                        <div>
+                                        </div>
+                                        <div class="io-description">
+                                            <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+            
+                                        </div>
+                                            <div class="io-description">
+                                                
+                                            </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-sm table-bordered">
+                        <tbody>
+                            <tr>
+                                <td class="col-md-4">
+                                    <a name="insertImage"></a>
+                                    <span class="name">
+                                        <b>
+                                        insertImage
+                                        </b>
+                                        <a href="#insertImage"><span class="fa fa-link"></span></a>
+                                    </span>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="col-md-4">
+            <code>insertImage(imageURI: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
+                                </td>
+                            </tr>
+            
+            
+                                    <tr>
+                                        <td class="col-md-4">
+                                            <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:50</a></div>
+                                        </td>
+                                    </tr>
+            
+                            <tr>
+                                <td class="col-md-4">
+                                        <div class="io-description"><p>inserts image in the editor</p>
+            </div>
+            
+                                        <div class="io-description">
+                                                <b>Parameters :</b>
+                                                <table class="params">
+                                                    <thead>
+                                                        <tr>
+                                                            <td>Name</td>
+                                                                <td>Type</td>
                                                             <td>Optional</td>
-                                                            <td>Default value</td>
-                                                            <td>Description</td>
+                                                                <td>Description</td>
                                                         </tr>
                                                     </thead>
                                                     <tbody>
                                                             <tr>
-                                                              <td>command</td>
-                                                              <td>
-                                                                      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                                              </td>
-                                                              <td>
-                                                                  no
-                                                              </td>
-                                                              <td>
-                                                                  <code></code>
-                                                              </td>
-                                                              <td><p>command to be executed</p>
-            </td>
+                                                                <td>imageURI</td>
+                                                                
+                                                                    <td>
+                                                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                                                    </td>
+                                                                
+                                                                <td>
+                                                                        no
+                                                                </td>
+                                                                
+            
+                                                                    <td>
+                                                                            <code><p>url of the image to be inserted</p>
+            </code>
+                                                                    </td>
                                                             </tr>
                                                     </tbody>
                                                 </table>
@@ -569,6 +739,99 @@ <h3 id="methods">
                             </tr>
                         </tbody>
                     </table>
+                    <table class="table table-sm table-bordered">
+                        <tbody>
+                            <tr>
+                                <td class="col-md-4">
+                                    <a name="uploadImage"></a>
+                                    <span class="name">
+                                        <b>
+                                        uploadImage
+                                        </b>
+                                        <a href="#uploadImage"><span class="fa fa-link"></span></a>
+                                    </span>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="col-md-4">
+            <code>uploadImage(file: File, endPoint: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
+                                </td>
+                            </tr>
+            
+            
+                                    <tr>
+                                        <td class="col-md-4">
+                                            <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:73</a></div>
+                                        </td>
+                                    </tr>
+            
+                            <tr>
+                                <td class="col-md-4">
+                                        <div class="io-description"><p>uploads image to the server</p>
+            </div>
+            
+                                        <div class="io-description">
+                                                <b>Parameters :</b>
+                                                <table class="params">
+                                                    <thead>
+                                                        <tr>
+                                                            <td>Name</td>
+                                                                <td>Type</td>
+                                                            <td>Optional</td>
+                                                                <td>Description</td>
+                                                        </tr>
+                                                    </thead>
+                                                    <tbody>
+                                                            <tr>
+                                                                <td>file</td>
+                                                                
+                                                                    <td>
+                                                                                <code>File</code>
+                                                                    </td>
+                                                                
+                                                                <td>
+                                                                        no
+                                                                </td>
+                                                                
+            
+                                                                    <td>
+                                                                            <code><p>file that has to be uploaded</p>
+            </code>
+                                                                    </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td>endPoint</td>
+                                                                
+                                                                    <td>
+                                                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                                                    </td>
+                                                                
+                                                                <td>
+                                                                        no
+                                                                </td>
+                                                                
+            
+                                                                    <td>
+                                                                            <code><p>enpoint to which the image has to be uploaded</p>
+            </code>
+                                                                    </td>
+                                                            </tr>
+                                                    </tbody>
+                                                </table>
+                                        </div>
+                                        <div>
+                                        </div>
+                                        <div class="io-description">
+                                            <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+            
+                                        </div>
+                                            <div class="io-description">
+                                                
+                                            </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
             </section>
 
             <section>
@@ -608,10 +871,16 @@ <h3 id="inputs">
                                 </tr>
                                     <tr>
                                         <td class="col-md-4">
-                                            <div class="io-line">Defined in <a href="" data-line="7" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:7</a></div>
+                                            <div class="io-line">Defined in <a href="" data-line="11" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:11</a></div>
                                         </td>
                                     </tr>
             
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-description"><p>saves the selection from the editor when focussed out </p>
+            </div>
+                                </td>
+                            </tr>
             
                         </tbody>
                     </table>
@@ -622,13 +891,24 @@ <h3 id="inputs">
 
     <div class="tab-pane fade tab-source-code" id="c-source">
         <pre class="line-numbers"><code class="language-typescript">import { Injectable } from &#x27;@angular/core&#x27;;
+import { HttpClient, HttpRequest } from &#x27;@angular/common/http&#x27;;
+import { MessageService } from &#x27;./message.service&#x27;;
 import * as Utils from &#x27;../utils/ngx-editor.utils&#x27;;
+import { map, tap, last, catchError } from &#x27;rxjs/operators&#x27;;
 
 @Injectable()
 export class CommandExecutorService {
 
+  /** saves the selection from the editor when focussed out */
   savedSelection: any &#x3D; undefined;
 
+  /**
+   *
+   * @param _http HTTP Client for making http requests
+   * @param _messageService Message service sends message to the editor
+   */
+  constructor(private _http: HttpClient, private _messageService: MessageService) { }
+
   /**
    * executes command from the toolbar
    *
@@ -651,51 +931,65 @@ <h3 id="inputs">
       return;
     }
 
-    // if (command &#x3D;&#x3D;&#x3D; &#x27;link&#x27;) {
-    //   this.createLink();
-    //   return;
-    // }
-
-    if (command &#x3D;&#x3D;&#x3D; &#x27;image&#x27;) {
-      this.insertImage();
-      return;
-    }
-
     document.execCommand(command, false, null);
   }
 
-  private insertImage(): void {
-    const imageURI &#x3D; prompt(&#x27;Enter Image URL&#x27;, &#x27;http://&#x27;);
-    if (imageURI) {
-      const inserted &#x3D; document.execCommand(&#x27;insertImage&#x27;, false, imageURI);
-      if (!inserted) {
-        throw new Error(&#x27;Invalid URL&#x27;);
+  /**
+   * inserts image in the editor
+   *
+   * @param imageURI url of the image to be inserted
+   */
+  insertImage(imageURI: string): void {
+    if (this.savedSelection) {
+      if (imageURI) {
+        const restored &#x3D; Utils.restoreSelection(this.savedSelection);
+        if (restored) {
+          const inserted &#x3D; document.execCommand(&#x27;insertImage&#x27;, false, imageURI);
+          if (!inserted) {
+            throw new Error(&#x27;Invalid URL&#x27;);
+          }
+        }
       }
+    } else {
+      throw new Error(&#x27;Range out of the editor&#x27;);
     }
     return;
   }
 
-  // private createLink(): void {
-  //   const selection &#x3D; document.getSelection();
-
-  //   if (selection.anchorNode.parentElement.tagName &#x3D;&#x3D;&#x3D; &#x27;A&#x27;) {
-  //     const linkURL &#x3D; prompt(&#x27;Enter URL&#x27;, selection.anchorNode.parentElement.getAttribute(&#x27;href&#x27;));
-  //     if (linkURL) {
-  //       document.execCommand(&#x27;createLink&#x27;, false, linkURL);
-  //     }
-  //   } else {
-  //     if (selection[&#x27;type&#x27;] &#x3D;&#x3D;&#x3D; &#x27;None&#x27;) {
-  //       throw new Error(&#x27;No selection made&#x27;);
-  //     } else {
-  //       const linkURL &#x3D; prompt(&#x27;Enter URL&#x27;, &#x27;http://&#x27;);
-  //       if (linkURL) {
-  //         document.execCommand(&#x27;createLink&#x27;, false, linkURL);
-  //       }
-  //     }
-  //   }
-  //   return;
-  // }
+  /**
+   * uploads image to the server
+   *
+   * @param file file that has to be uploaded
+   * @param endPoint enpoint to which the image has to be uploaded
+   */
+  uploadImage(file: File, endPoint: string): any {
+
+    if (!endPoint) {
+      throw new Error(&#x27;Image Endpoint isn&#x60;t provided or invalid&#x27;);
+    }
+
+    const formData: FormData &#x3D; new FormData();
+
+    if (file) {
+
+      formData.append(&#x27;file&#x27;, file);
 
+      const req &#x3D; new HttpRequest(&#x27;POST&#x27;, endPoint, formData, {
+        reportProgress: true
+      });
+
+      return this._http.request(req);
+
+    } else {
+      throw new Error(&#x27;Invalid Image&#x27;);
+    }
+  }
+
+  /**
+   * inserts link in the editor
+   *
+   * @param params parameters that holds the information for the link
+   */
   createLink(params: any): void {
 
     if (this.savedSelection) {
diff --git a/docs/injectables/MessageService.html b/docs/injectables/MessageService.html
index 3fa35d86..c2a1eea5 100644
--- a/docs/injectables/MessageService.html
+++ b/docs/injectables/MessageService.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -415,7 +427,7 @@ <h3 id="constructor">Constructor</h3>
                             </tr>
                                     <tr>
                                         <td class="col-md-4">
-                                            <div class="io-line">Defined in <a href="" data-line="11" class="link-to-prism">src/app/ngx-editor/common/services/message.service.ts:11</a></div>
+                                            <div class="io-line">Defined in <a href="" data-line="13" class="link-to-prism">src/app/ngx-editor/common/services/message.service.ts:13</a></div>
                                         </td>
                                     </tr>
             
@@ -450,12 +462,14 @@ <h3 id="methods">
             
                                     <tr>
                                         <td class="col-md-4">
-                                            <div class="io-line">Defined in <a href="" data-line="15" class="link-to-prism">src/app/ngx-editor/common/services/message.service.ts:15</a></div>
+                                            <div class="io-line">Defined in <a href="" data-line="18" class="link-to-prism">src/app/ngx-editor/common/services/message.service.ts:18</a></div>
                                         </td>
                                     </tr>
             
                             <tr>
                                 <td class="col-md-4">
+                                        <div class="io-description"><p>returns the message sent by the editor </p>
+            </div>
             
                                         <div class="io-description">
                                             <b>Returns : </b>    <code>Observable&lt;string&gt;</code>
@@ -487,7 +501,7 @@ <h3 id="methods">
             
                                     <tr>
                                         <td class="col-md-4">
-                                            <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/app/ngx-editor/common/services/message.service.ts:24</a></div>
+                                            <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/app/ngx-editor/common/services/message.service.ts:27</a></div>
                                         </td>
                                     </tr>
             
@@ -502,26 +516,28 @@ <h3 id="methods">
                                                     <thead>
                                                         <tr>
                                                             <td>Name</td>
-                                                            <td>Type</td>
+                                                                <td>Type</td>
                                                             <td>Optional</td>
-                                                            <td>Default value</td>
-                                                            <td>Description</td>
+                                                                <td>Description</td>
                                                         </tr>
                                                     </thead>
                                                     <tbody>
                                                             <tr>
-                                                              <td>message</td>
-                                                              <td>
-                                                                      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                                              </td>
-                                                              <td>
-                                                                  no
-                                                              </td>
-                                                              <td>
-                                                                  <code></code>
-                                                              </td>
-                                                              <td><p>message to be sent</p>
-            </td>
+                                                                <td>message</td>
+                                                                
+                                                                    <td>
+                                                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                                                    </td>
+                                                                
+                                                                <td>
+                                                                        no
+                                                                </td>
+                                                                
+            
+                                                                    <td>
+                                                                            <code><p>message to be sent</p>
+            </code>
+                                                                    </td>
                                                             </tr>
                                                     </tbody>
                                                 </table>
@@ -551,15 +567,18 @@ <h3 id="methods">
 import { Observable } from &#x27;rxjs/Observable&#x27;;
 import &#x27;rxjs/add/operator/map&#x27;;
 
-const FIVE_SECONDS &#x3D; 5000;
+/** time in which the message has to be cleared */
+const DURATION &#x3D; 7000;
 
 @Injectable()
 export class MessageService {
 
+  /** variable to hold the user message */
   private message: Subject&lt;string&gt; &#x3D; new Subject();
 
   constructor() { }
 
+  /** returns the message sent by the editor */
   getMessage(): Observable&lt;string&gt; {
     return this.message.asObservable();
   }
@@ -571,7 +590,7 @@ <h3 id="methods">
    */
   sendMessage(message: string): void {
     this.message.next(message);
-    this.clearMessageIn(FIVE_SECONDS);
+    this.clearMessageIn(DURATION);
     return;
   }
 
diff --git a/docs/js/search/search_index.js b/docs/js/search/search_index.js
index 07ef502b..3872c16c 100644
--- a/docs/js/search/search_index.js
+++ b/docs/js/search/search_index.js
@@ -1,4 +1,4 @@
 var COMPODOC_SEARCH_INDEX = {
-    "index": {"version":"2.1.5","fields":["title","body"],"fieldVectors":[["title/index.html",[0,1.43,1,1.43,2,0.713]],["body/index.html",[0,1.855,1,1.855,3,2.889,4,2.889,5,2.889,6,0.641,7,2.889,8,3.717,9,3.222,10,2.266,11,2.889,12,2.889,13,2.889,14,2.915,15,2.915,16,2.405,17,1.548,18,0.063,19,2.266,20,2.889,21,1.436,22,1.1,23,1.677,24,2.266,25,2.889,26,2.889,27,1.548,28,2.889,29,2.266,30,2.266,31,2.266,32,3.717,33,2.889,34,2.915,35,1.855,36,2.889,37,1.548,38,2.889,39,2.266,40,1.855,41,2.889,42,2.889,43,0.05,44,0.05]],["title/overview.html",[45,2.73]],["body/overview.html",[18,0.068,22,1.282,23,2.19,43,0.045,44,0.045,45,1.953,46,1.953,47,1.334,48,1.953,49,1.953,50,1.123,51,0.948,52,1.953,53,1.953,54,1.953,55,1.953,56,1.953,57,2.489,58,1.723,59,1.723,60,2.046,61,1.627,62,2.046,63,1.723,64,2.642,65,1.953,66,1.123,67,2.49,68,2.49,69,1.123,70,2.49,71,1.123]],["title/license.html",[0,1.43,1,1.43,72,1.746]],["body/license.html",[18,0.047,34,2.061,37,1.872,43,0.047,44,0.047,50,1.186,66,1.186,72,2.061,73,2.629,74,3.924,75,2.629,76,2.629,77,2.629,78,2.629,79,3.494,80,2.629,81,2.629,82,2.629,83,2.629,84,3.494,85,2.629,86,2.241,87,4.696,88,2.629,89,1,90,3.494,91,3.924,92,2.629,93,3.924,94,3.494,95,2.629,96,2.629,97,2.629,98,2.629,99,2.629,100,2.629,101,2.629,102,2.629,103,2.629,104,2.629,105,2.061,106,2.629,107,2.629,108,2.629,109,3.494,110,3.494,111,2.629,112,2.629,113,3.494,114,2.629,115,2.629,116,2.629,117,2.629,118,2.629,119,2.629,120,2.061,121,2.629,122,2.061,123,2.629,124,2.629,125,2.629,126,2.629,127,2.629,128,2.629,129,2.061,130,2.629,131,2.629,132,2.629,133,2.629,134,2.629,135,2.629]],["title/modules.html",[22,1.325]],["body/modules.html",[18,0.059,22,1.433,23,1.699,43,0.059,44,0.059,136,3.767,137,3.767,138,3.767,139,3.767]],["title/modules/NgxEditorModule.html",[22,0.995,23,1.179]],["body/modules/NgxEditorModule.html",[6,0.502,16,2.054,18,0.068,21,1.45,22,1.045,23,2.125,24,2.153,30,2.153,31,2.153,43,0.037,44,0.037,46,1.462,47,0.999,48,2.556,49,2.153,50,1.47,51,1.368,52,1.462,53,1.462,54,1.462,55,1.462,56,1.462,57,2.474,58,1.809,59,1.809,60,2.149,61,1.459,62,2.149,63,1.809,64,2.153,65,1.462,66,0.841,89,0.71,140,0.841,141,0.841,142,0.597,143,1.197,144,1.864,145,0.841,146,2.746,147,1.864,148,2.746,149,2.746,150,1.462,151,1.462,152,1.864,153,1.462,154,1.864,155,1.864,156,1.864,157,1.462,158,1.864,159,1.864,160,1.864,161,0.841]],["title/components/NgxEditorMessageComponent.html",[59,1.179,69,1.179]],["body/components/NgxEditorMessageComponent.html",[2,0.607,6,0.668,16,2.376,18,0.067,21,0.89,27,1.49,43,0.037,44,0.037,47,1.017,51,0.722,57,1.017,58,0.856,59,1.636,60,1.017,63,1.636,69,1.741,89,0.722,140,0.856,141,0.856,142,1.161,143,2.328,145,0.856,153,2.843,157,1.488,161,0.856,162,1.488,163,1.488,164,1.488,165,1.897,166,1.488,167,3.164,168,2.59,169,3.269,170,2.181,171,2.781,172,2.181,173,2.781,174,1.255,175,4.034,176,1.786,177,3.626,178,1.218,179,1.897,180,1.764,181,2.781,182,0.856,183,1.253,184,0.607,185,0.607,186,0.856,187,3.293,188,2.781,189,2.181,190,1.897,191,2.181,192,1.255,193,1.786,194,0.418,195,0.507,196,2.582,197,1.017,198,1.488,199,1.897,200,1.017,201,2.781,202,1.786,203,1.786,204,2.843,205,1.488,206,1.488,207,1.488,208,1.488,209,1.488,210,1.488]],["title/components/NgxGrippieComponent.html",[58,1.179,69,1.179]],["body/components/NgxGrippieComponent.html",[2,0.531,6,0.474,16,2.337,18,0.067,21,0.806,27,1.349,43,0.034,44,0.034,47,0.89,51,0.632,57,1.955,58,1.531,59,0.749,60,0.89,61,0.632,69,1.8,89,0.632,122,3.011,140,0.749,141,0.749,142,1.315,143,2.639,145,0.749,150,1.302,151,3.223,161,0.749,162,1.302,163,1.302,164,1.302,166,1.302,167,3.011,168,2.465,170,1.974,172,1.974,174,1.136,178,1.066,180,2.138,182,0.749,183,1.157,184,0.973,185,0.531,186,0.749,192,0.749,194,0.554,195,0.673,197,0.89,198,1.302,202,1.616,203,1.616,204,2.662,205,1.302,206,1.302,207,1.302,208,1.302,209,2.385,210,1.302,211,1.66,212,2.518,213,2.518,214,3.394,215,2.179,216,3.394,217,3.041,218,2.518,219,2.518,220,2.518,221,1.66,222,2.518,223,3.041,224,3.041,225,1.66,226,3.84,227,1.66,228,1.66,229,1.66,230,1.66,231,1.349,232,1.616,233,1.66,234,1.953,235,2.342,236,1.66,237,1.616,238,1.66,239,1.66,240,1.66,241,1.66,242,3.041,243,1.66,244,3.041,245,2.518,246,1.66,247,1.66,248,1.66,249,1.66,250,1.66]],["title/injectables/CommandExecutorService.html",[62,1.401,71,1.179]],["body/injectables/CommandExecutorService.html",[2,0.46,6,0.2,17,0.77,18,0.068,21,0.721,43,0.03,44,0.03,51,0.547,61,0.857,62,1.207,66,0.648,71,1.253,89,0.547,129,1.126,140,0.648,141,0.648,142,1.006,145,0.648,161,0.648,174,1.016,176,1.446,180,1.488,182,1.016,183,0.857,184,0.889,185,0.721,186,1.016,192,1.861,193,2.326,194,0.612,195,0.742,196,1.766,197,1.207,200,1.488,234,2.588,251,3.144,252,1.436,253,3.144,254,2.777,255,3.622,256,2.252,257,1.436,258,2.252,259,1.436,260,4.204,261,0.857,262,1.436,263,1.436,264,1.436,265,1.436,266,1.436,267,1.436,268,0.77,269,2.252,270,0.77,271,1.436,272,1.207,273,1.436,274,1.207,275,1.436,276,1.436,277,1.436,278,1.766,279,1.436,280,3.075,281,2.777,282,2.777,283,3.144,284,2.252,285,2.777,286,1.436,287,3.144,288,2.678,289,1.436,290,2.465,291,1.436,292,1.436,293,3.622,294,1.436,295,2.777,296,1.436,297,1.436,298,1.436,299,1.436,300,1.436,301,1.436,302,1.436,303,1.766,304,1.126,305,1.436,306,2.777,307,1.436,308,1.436,309,2.465,310,2.252,311,2.252,312,1.436,313,0.77,314,1.436,315,1.436,316,1.436]],["title/injectables/MessageService.html",[63,1.179,71,1.179]],["body/injectables/MessageService.html",[2,0.725,6,0.441,18,0.067,21,1.259,43,0.042,44,0.042,51,0.862,63,1.425,71,1.64,89,0.862,105,2.851,140,1.022,141,1.022,142,1.259,145,1.022,161,1.022,169,3.569,176,2.028,178,2.334,180,1.948,182,1.022,183,0.862,184,0.725,185,0.725,186,1.022,189,2.477,191,2.477,192,1.865,193,2.334,194,0.499,195,0.606,197,1.693,200,1.948,235,1.455,278,2.477,280,1.777,288,1.777,317,1.777,318,3.932,319,3.158,320,2.266,321,2.266,322,3.635,323,3.158,324,2.266,325,3.158,326,2.266,327,2.266,328,2.266,329,1.777,330,1.777,331,2.266,332,2.266,333,2.266,334,2.266,335,2.266,336,3.158,337,2.266,338,2.266,339,2.266,340,2.266,341,2.266]],["title/miscellaneous/functions.html",[232,2.003,342,1.193]],["body/miscellaneous/functions.html",[2,0.774,6,0.59,10,2.59,17,1.77,18,0.06,43,0.044,44,0.044,66,1.49,142,0.774,174,1.49,182,1.824,183,1.538,184,1.355,185,1.294,186,1.824,192,1.091,194,0.932,195,1.167,200,2.166,202,1.553,203,2.121,231,2.016,232,1.553,261,1.61,290,2.95,303,1.897,309,1.897,342,1.296,343,3.303,344,3.303,345,3.303,346,3.303,347,3.762,348,2.419,349,2.419,350,2.419,351,1.897,352,2.419,353,2.419,354,1.971,355,2.419,356,1.553,357,2.419,358,2.419,359,3.303,360,2.59,361,1.897,362,2.419,363,2.59,364,3.762,365,1.897,366,2.419,367,3.762]],["title/miscellaneous/variables.html",[342,1.193,368,2.447]],["body/miscellaneous/variables.html",[2,0.721,18,0.066,35,2.019,40,1.447,43,0.042,44,0.042,61,1.73,86,1.207,142,1.007,184,1.321,194,0.941,195,1.102,215,1.447,234,1.447,235,2.019,237,2.019,261,1.197,268,1.207,270,1.207,272,1.207,274,1.207,313,1.207,317,1.767,329,2.842,330,1.767,342,1.207,354,1.016,356,2.873,363,2.842,368,1.767,369,3.624,370,4.274,371,2.253,372,2.253,373,2.253,374,2.253,375,2.253,376,2.253,377,2.253,378,2.253,379,1.767,380,2.253,381,1.767,382,1.767,383,1.767,384,1.767,385,1.767,386,1.767,387,1.767,388,1.767,389,1.767,390,1.767,391,1.767,392,1.447,393,1.447,394,1.447,395,1.447,396,1.447,397,1.447,398,1.447,399,1.447,400,1.447,401,1.447,402,1.447,403,1.447,404,1.447,405,1.447,406,1.447,407,1.447,408,1.447,409,1.447,410,1.447,411,1.447,412,1.447,413,1.447,414,1.016,415,2.253,416,3.145,417,2.253]],["title/additional-documentation/configuration.html",[354,1.005,418,1.193,419,1.193]],["body/additional-documentation/configuration.html",[18,0.062,35,2.38,37,1.543,40,1.848,43,0.05,44,0.05,50,1.299,61,1.648,86,1.543,174,1.673,194,0.634,215,1.848,237,2.38,261,1.095,268,1.543,270,1.543,272,1.543,274,1.543,313,1.543,354,1.85,356,1.848,365,2.908,381,2.257,382,2.257,383,2.257,384,2.257,385,2.257,386,2.257,387,2.257,388,2.257,389,2.257,390,2.257,391,2.257,392,1.848,393,1.848,394,1.848,395,1.848,396,1.848,397,1.848,398,1.848,399,1.848,400,1.848,401,1.848,402,1.848,403,1.848,404,1.848,405,1.848,406,1.848,407,1.848,408,1.848,409,1.848,410,1.848,411,1.848,412,1.848,413,1.848,414,1.299,420,2.878,421,2.878]],["title/additional-documentation/toolbar.html",[261,0.847,418,1.193,419,1.193]],["body/additional-documentation/toolbar.html",[6,0.402,18,0.062,43,0.05,44,0.05,50,1.673,86,1.543,183,1.095,185,0.921,194,0.817,195,0.769,261,1.706,268,1.543,270,1.543,272,1.543,274,1.543,351,2.257,354,1.299,392,2.38,393,2.38,394,2.38,395,2.38,396,1.848,397,1.848,398,2.38,399,1.848,400,2.38,401,2.38,402,1.848,403,2.38,404,1.848,405,1.848,406,1.848,407,1.848,408,1.848,409,1.848,410,1.848,411,1.848,412,1.848,413,1.848,414,1.299,422,4.331,423,2.878,424,2.878,425,3.708,426,4.101,427,2.878,428,2.878]],["title/additional-documentation/code-editor.html",[6,0.271,414,0.875,418,1.04,419,1.04]],["body/additional-documentation/code-editor.html",[6,0.611,9,3.18,14,2.604,15,2.604,17,1.779,18,0.054,19,2.604,21,1.063,27,2.173,29,2.604,37,1.779,39,2.604,43,0.054,44,0.054,120,2.604,168,2.132,304,2.604,313,1.779,379,3.433,414,2.057,429,3.32,430,3.32,431,3.32,432,3.32,433,3.32,434,3.32,435,3.32]],["title/additional-documentation/resizer.html",[231,1.193,418,1.193,419,1.193]],["body/additional-documentation/resizer.html",[6,0.487,18,0.056,43,0.056,44,0.056,184,1.117,185,1.117,194,0.768,195,0.932,231,2.579,360,2.736,361,3.277,436,3.489,437,3.489,438,3.489,439,3.489,440,3.489,441,3.489,442,3.489,443,3.489]]],"invertedIndex":[["",{"_index":18,"title":{},"body":{"index.html":{},"overview.html":{},"license.html":{},"modules.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{}}}],["0",{"_index":237,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["1",{"_index":67,"title":{},"body":{"overview.html":{}}}],["2",{"_index":70,"title":{},"body":{"overview.html":{}}}],["2017",{"_index":76,"title":{},"body":{"license.html":{}}}],["2018",{"_index":77,"title":{},"body":{"license.html":{}}}],["4",{"_index":68,"title":{},"body":{"overview.html":{}}}],["5000",{"_index":330,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["_editorcompon",{"_index":223,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["_messageservic",{"_index":187,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["abov",{"_index":108,"title":{},"body":{"license.html":{}}}],["accept",{"_index":438,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["action",{"_index":130,"title":{},"body":{"license.html":{}}}],["actual_compon",{"_index":210,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["add",{"_index":19,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["addit",{"_index":418,"title":{"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{}},"body":{}}],["allow",{"_index":429,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["and/or",{"_index":101,"title":{},"body":{"license.html":{}}}],["angular/common",{"_index":147,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["angular/cor",{"_index":145,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["angular/form",{"_index":31,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{}}}],["angular2",{"_index":7,"title":{},"body":{"index.html":{}}}],["apart",{"_index":443,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["app",{"_index":168,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/code-editor.html":{}}}],["applic",{"_index":8,"title":{},"body":{"index.html":{}}}],["argument",{"_index":224,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["aris",{"_index":134,"title":{},"body":{"license.html":{}}}],["array",{"_index":422,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["associ",{"_index":88,"title":{},"body":{"license.html":{}}}],["author",{"_index":123,"title":{},"body":{"license.html":{}}}],["auto",{"_index":35,"title":{},"body":{"index.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["awesom",{"_index":26,"title":{},"body":{"index.html":{}}}],["base",{"_index":353,"title":{},"body":{"miscellaneous/functions.html":{}}}],["basic",{"_index":360,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/resizer.html":{}}}],["basic|stack",{"_index":440,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["blockquot",{"_index":268,"title":{},"body":{"injectables/CommandExecutorService.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["bold",{"_index":392,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["bootstrap",{"_index":49,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["brows",{"_index":139,"title":{},"body":{"modules.html":{}}}],["browser",{"_index":136,"title":{},"body":{"modules.html":{}}}],["button",{"_index":426,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["c",{"_index":75,"title":{},"body":{"license.html":{}}}],["canenabletoolbaropt",{"_index":343,"title":{},"body":{"miscellaneous/functions.html":{}}}],["canenabletoolbaroptions(valu",{"_index":350,"title":{},"body":{"miscellaneous/functions.html":{}}}],["canres",{"_index":344,"title":{},"body":{"miscellaneous/functions.html":{}}}],["canresize(res",{"_index":357,"title":{},"body":{"miscellaneous/functions.html":{}}}],["charg",{"_index":83,"title":{},"body":{"license.html":{}}}],["check",{"_index":301,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["claim",{"_index":126,"title":{},"body":{"license.html":{}}}],["class",{"_index":161,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["clear",{"_index":191,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["clearmessag",{"_index":177,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["clearmessagein(millisecond",{"_index":339,"title":{},"body":{"injectables/MessageService.html":{}}}],["cluster_ngxeditormodul",{"_index":52,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_declar",{"_index":53,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_export",{"_index":55,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_ngxeditorcomponent_provid",{"_index":54,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_provid",{"_index":56,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["code",{"_index":414,"title":{"additional-documentation/code-editor.html":{}},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/code-editor.html":{}}}],["codemirror",{"_index":379,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/code-editor.html":{}}}],["codemirror'",{"_index":433,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["codemirrorconfig",{"_index":369,"title":{},"body":{"miscellaneous/variables.html":{}}}],["codemirrorthen",{"_index":432,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["command",{"_index":260,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["commandexecutorservic",{"_index":62,"title":{"injectables/CommandExecutorService.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"injectables/CommandExecutorService.html":{}}}],["common/services/command",{"_index":158,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["common/services/message.servic",{"_index":157,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{}}}],["commonmodul",{"_index":146,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["compodoc",{"_index":38,"title":{},"body":{"index.html":{}}}],["compon",{"_index":69,"title":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}},"body":{"overview.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["component_templ",{"_index":205,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["condit",{"_index":107,"title":{},"body":{"license.html":{}}}],["config",{"_index":365,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/configuration.html":{}}}],["configuar",{"_index":380,"title":{},"body":{"miscellaneous/variables.html":{}}}],["configur",{"_index":354,"title":{"additional-documentation/configuration.html":{}},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["connect",{"_index":135,"title":{},"body":{"license.html":{}}}],["const",{"_index":280,"title":{},"body":{"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["constructor",{"_index":178,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["constructor(_editorcompon",{"_index":221,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["constructor(_messageservic",{"_index":179,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["constructor(priv",{"_index":198,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["contain",{"_index":302,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["contract",{"_index":131,"title":{},"body":{"license.html":{}}}],["copi",{"_index":86,"title":{},"body":{"license.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["copyright",{"_index":74,"title":{},"body":{"license.html":{}}}],["createlink",{"_index":254,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["createlink(param",{"_index":256,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["css3",{"_index":441,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["custom",{"_index":423,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["cut",{"_index":404,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["damag",{"_index":127,"title":{},"body":{"license.html":{}}}],["deal",{"_index":90,"title":{},"body":{"license.html":{}}}],["declar",{"_index":48,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["default",{"_index":194,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/resizer.html":{}}}],["defin",{"_index":180,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["delet",{"_index":405,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["demo",{"_index":32,"title":{},"body":{"index.html":{}}}],["depend",{"_index":46,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["descript",{"_index":186,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["direct",{"_index":203,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["disabl",{"_index":352,"title":{},"body":{"miscellaneous/functions.html":{}}}],["distribut",{"_index":99,"title":{},"body":{"license.html":{}}}],["div",{"_index":271,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["document",{"_index":34,"title":{},"body":{"index.html":{},"license.html":{}}}],["document.execcommand('createlink",{"_index":295,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["document.execcommand('enableobjectres",{"_index":267,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["document.execcommand('formatblock",{"_index":269,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["document.execcommand('inserthtml",{"_index":311,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["document.execcommand('insertimag",{"_index":286,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["document.execcommand(command",{"_index":276,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["document.getselect",{"_index":291,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["document.getselection().typ",{"_index":308,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["document:mousemov",{"_index":218,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["document:mousemove(ev",{"_index":225,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["document:mouseup",{"_index":219,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["document:mouseup(ev",{"_index":228,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["dom",{"_index":163,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["each",{"_index":424,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["edit",{"_index":313,"title":{},"body":{"injectables/CommandExecutorService.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/code-editor.html":{}}}],["editor",{"_index":6,"title":{"additional-documentation/code-editor.html":{}},"body":{"index.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{}}}],["editor'},{'nam",{"_index":206,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["editor.compon",{"_index":150,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxGrippieComponent.html":{}}}],["editor.defaults.t",{"_index":372,"title":{},"body":{"miscellaneous/variables.html":{}}}],["editor.module.t",{"_index":144,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["editor.util",{"_index":265,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["editor.utils.t",{"_index":349,"title":{},"body":{"miscellaneous/functions.html":{}}}],["editor/common/ngx",{"_index":371,"title":{},"body":{"miscellaneous/variables.html":{}}}],["editor/common/services/command",{"_index":251,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["editor/common/services/message.service.t",{"_index":317,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["editor/common/services/message.service.ts:11",{"_index":320,"title":{},"body":{"injectables/MessageService.html":{}}}],["editor/common/services/message.service.ts:15",{"_index":321,"title":{},"body":{"injectables/MessageService.html":{}}}],["editor/common/services/message.service.ts:24",{"_index":324,"title":{},"body":{"injectables/MessageService.html":{}}}],["editor/common/utils/ngx",{"_index":348,"title":{},"body":{"miscellaneous/functions.html":{}}}],["editor/ngx",{"_index":143,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["editorusag",{"_index":20,"title":{},"body":{"index.html":{}}}],["element",{"_index":202,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["empti",{"_index":428,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["enabl",{"_index":351,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{}}}],["enableobjectres",{"_index":266,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["enabletoolbar",{"_index":387,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["enter",{"_index":390,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["environ",{"_index":370,"title":{},"body":{"miscellaneous/variables.html":{}}}],["error('invalid",{"_index":289,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["error('no",{"_index":298,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["error('onli",{"_index":312,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["error('rang",{"_index":316,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["event",{"_index":122,"title":{},"body":{"license.html":{},"components/NgxGrippieComponent.html":{}}}],["event.clienti",{"_index":245,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["event.preventdefault",{"_index":250,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["execut",{"_index":255,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["execute(command",{"_index":258,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["executor.servic",{"_index":159,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["executor.service.t",{"_index":252,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["executor.service.ts:14",{"_index":259,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["executor.service.ts:7",{"_index":262,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["executor.service.ts:76",{"_index":257,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["export",{"_index":51,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["express",{"_index":115,"title":{},"body":{"license.html":{}}}],["fals",{"_index":234,"title":{},"body":{"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"miscellaneous/variables.html":{}}}],["file",{"_index":89,"title":{},"body":{"license.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["fit",{"_index":118,"title":{},"body":{"license.html":{}}}],["five_second",{"_index":329,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["focuss",{"_index":367,"title":{},"body":{"miscellaneous/functions.html":{}}}],["follow",{"_index":106,"title":{},"body":{"license.html":{}}}],["font",{"_index":25,"title":{},"body":{"index.html":{}}}],["formsmodul",{"_index":30,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{}}}],["free",{"_index":82,"title":{},"body":{"license.html":{}}}],["function",{"_index":232,"title":{"miscellaneous/functions.html":{}},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["furnish",{"_index":104,"title":{},"body":{"license.html":{}}}],["gener",{"_index":36,"title":{},"body":{"index.html":{}}}],["get",{"_index":0,"title":{"index.html":{},"license.html":{}},"body":{"index.html":{}}}],["geteditorconfigur",{"_index":345,"title":{},"body":{"miscellaneous/functions.html":{}}}],["geteditorconfiguration(valu",{"_index":362,"title":{},"body":{"miscellaneous/functions.html":{}}}],["getmessag",{"_index":318,"title":{},"body":{"injectables/MessageService.html":{}}}],["grabber",{"_index":214,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grant",{"_index":81,"title":{},"body":{"license.html":{}}}],["grippi",{"_index":209,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["grippie.compon",{"_index":152,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["grippie.component.html",{"_index":213,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.scss",{"_index":212,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.t",{"_index":211,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:12",{"_index":236,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:13",{"_index":238,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:14",{"_index":222,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:22",{"_index":227,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:32",{"_index":229,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:36",{"_index":233,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie/ngx",{"_index":151,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxGrippieComponent.html":{}}}],["group",{"_index":427,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["gutter",{"_index":374,"title":{},"body":{"miscellaneous/variables.html":{}}}],["height",{"_index":215,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["here",{"_index":40,"title":{},"body":{"index.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["herebi",{"_index":80,"title":{},"body":{"license.html":{}}}],["holder",{"_index":124,"title":{},"body":{"license.html":{}}}],["horizont",{"_index":436,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["horizontallin",{"_index":410,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["hostlisten",{"_index":217,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["hostlistener('document:mousemov",{"_index":240,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["hostlistener('document:mouseup",{"_index":246,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["hostlistener('mousedown",{"_index":248,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["html",{"_index":27,"title":{},"body":{"index.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/code-editor.html":{}}}],["htmlmode",{"_index":378,"title":{},"body":{"miscellaneous/variables.html":{}}}],["http",{"_index":284,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["https://sibiraj",{"_index":41,"title":{},"body":{"index.html":{}}}],["imag",{"_index":274,"title":{},"body":{"injectables/CommandExecutorService.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["imageuri",{"_index":281,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["impli",{"_index":116,"title":{},"body":{"license.html":{}}}],["import",{"_index":21,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"additional-documentation/code-editor.html":{}}}],["includ",{"_index":93,"title":{},"body":{"license.html":{}}}],["indent",{"_index":402,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["index",{"_index":2,"title":{"index.html":{}},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["info",{"_index":140,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["inject",{"_index":71,"title":{"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}},"body":{"overview.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["input",{"_index":364,"title":{},"body":{"miscellaneous/functions.html":{}}}],["insert",{"_index":285,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["insertimag",{"_index":279,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["instal",{"_index":9,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["interv",{"_index":335,"title":{},"body":{"injectables/MessageService.html":{}}}],["ital",{"_index":393,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["item",{"_index":355,"title":{},"body":{"miscellaneous/functions.html":{}}}],["json",{"_index":421,"title":{},"body":{"additional-documentation/configuration.html":{}}}],["justifycent",{"_index":399,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["justifyful",{"_index":401,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["justifyleft",{"_index":398,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["justifyright",{"_index":400,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["kind",{"_index":114,"title":{},"body":{"license.html":{}}}],["legend",{"_index":47,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["liabil",{"_index":128,"title":{},"body":{"license.html":{}}}],["liabl",{"_index":125,"title":{},"body":{"license.html":{}}}],["licens",{"_index":72,"title":{"license.html":{}},"body":{"license.html":{}}}],["limit",{"_index":94,"title":{},"body":{"license.html":{}}}],["linenumb",{"_index":373,"title":{},"body":{"miscellaneous/variables.html":{}}}],["linewrap",{"_index":375,"title":{},"body":{"miscellaneous/variables.html":{}}}],["link",{"_index":272,"title":{},"body":{"injectables/CommandExecutorService.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["linkurl",{"_index":293,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["made",{"_index":299,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["manag",{"_index":12,"title":{},"body":{"index.html":{}}}],["match",{"_index":44,"title":{},"body":{"index.html":{},"overview.html":{},"license.html":{},"modules.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{}}}],["merchant",{"_index":117,"title":{},"body":{"license.html":{}}}],["merg",{"_index":97,"title":{},"body":{"license.html":{}}}],["messag",{"_index":169,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["message'},{'nam",{"_index":207,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["message.compon",{"_index":154,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["message.component.html",{"_index":173,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.scss",{"_index":171,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.t",{"_index":165,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.ts:13",{"_index":181,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.ts:25",{"_index":190,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message/ngx",{"_index":153,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{}}}],["messageservic",{"_index":63,"title":{"injectables/MessageService.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["metadata",{"_index":166,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["method",{"_index":176,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["millisecond",{"_index":336,"title":{},"body":{"injectables/MessageService.html":{}}}],["minheight",{"_index":382,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["minwidth",{"_index":384,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["miscellan",{"_index":342,"title":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["mit",{"_index":73,"title":{},"body":{"license.html":{}}}],["mode",{"_index":376,"title":{},"body":{"miscellaneous/variables.html":{}}}],["modifi",{"_index":96,"title":{},"body":{"license.html":{}}}],["modul",{"_index":22,"title":{"modules.html":{},"modules/NgxEditorModule.html":{}},"body":{"index.html":{},"overview.html":{},"modules.html":{},"modules/NgxEditorModule.html":{}}}],["mousedown",{"_index":220,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mousedown(ev",{"_index":230,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mouseev",{"_index":226,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["name",{"_index":183,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{}}}],["new",{"_index":288,"title":{},"body":{"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["newurl",{"_index":306,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["ngmodel",{"_index":28,"title":{},"body":{"index.html":{}}}],["ngmodul",{"_index":24,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{}}}],["ngx",{"_index":16,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxeditor",{"_index":3,"title":{},"body":{"index.html":{}}}],["ngxeditorcompon",{"_index":57,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxeditorconfig",{"_index":363,"title":{},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["ngxeditormessagecompon",{"_index":59,"title":{"components/NgxEditorMessageComponent.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxeditormodul",{"_index":23,"title":{"modules/NgxEditorModule.html":{}},"body":{"index.html":{},"overview.html":{},"modules.html":{},"modules/NgxEditorModule.html":{}}}],["ngxeditortoolbarcompon",{"_index":60,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxgrippiecompon",{"_index":58,"title":{"components/NgxGrippieComponent.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxmessag",{"_index":175,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["node_modules/codemirror/lib/codemirror.css",{"_index":435,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["none",{"_index":297,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["noninfring",{"_index":121,"title":{},"body":{"license.html":{}}}],["notic",{"_index":109,"title":{},"body":{"license.html":{}}}],["npm",{"_index":14,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["null",{"_index":277,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["number",{"_index":235,"title":{},"body":{"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["object",{"_index":356,"title":{},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["observ",{"_index":322,"title":{},"body":{"injectables/MessageService.html":{}}}],["obtain",{"_index":85,"title":{},"body":{"license.html":{}}}],["oldi",{"_index":216,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["oninit",{"_index":239,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["onmousemove(ev",{"_index":241,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["onmouseup(ev",{"_index":247,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["onresize(ev",{"_index":249,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["option",{"_index":185,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/resizer.html":{}}}],["order",{"_index":430,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["orderedlist",{"_index":411,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["otherwis",{"_index":133,"title":{},"body":{"license.html":{}}}],["out",{"_index":66,"title":{},"body":{"overview.html":{},"license.html":{},"modules/NgxEditorModule.html":{},"injectables/CommandExecutorService.html":{},"miscellaneous/functions.html":{}}}],["outdent",{"_index":403,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["overview",{"_index":45,"title":{"overview.html":{}},"body":{"overview.html":{}}}],["packag",{"_index":11,"title":{},"body":{"index.html":{}}}],["page",{"_index":419,"title":{"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{}},"body":{}}],["paragraph",{"_index":409,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["param",{"_index":197,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["paramet",{"_index":182,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["params.urllink",{"_index":315,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["params.urlnewtab",{"_index":305,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["params.urltext",{"_index":307,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["particular",{"_index":119,"title":{},"body":{"license.html":{}}}],["peerdepend",{"_index":431,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["permiss",{"_index":79,"title":{},"body":{"license.html":{}}}],["permit",{"_index":103,"title":{},"body":{"license.html":{}}}],["person",{"_index":84,"title":{},"body":{"license.html":{}}}],["placehold",{"_index":389,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["plain",{"_index":304,"title":{},"body":{"injectables/CommandExecutorService.html":{},"additional-documentation/code-editor.html":{}}}],["popovermodul",{"_index":149,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["popovermodule.forroot",{"_index":160,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["portion",{"_index":112,"title":{},"body":{"license.html":{}}}],["privat",{"_index":278,"title":{},"body":{"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["product",{"_index":416,"title":{},"body":{"miscellaneous/variables.html":{}}}],["prompt('ent",{"_index":282,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["properti",{"_index":174,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"miscellaneous/functions.html":{},"additional-documentation/configuration.html":{}}}],["provid",{"_index":50,"title":{},"body":{"overview.html":{},"license.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["publish",{"_index":98,"title":{},"body":{"license.html":{}}}],["purpos",{"_index":120,"title":{},"body":{"license.html":{},"additional-documentation/code-editor.html":{}}}],["rang",{"_index":303,"title":{},"body":{"injectables/CommandExecutorService.html":{},"miscellaneous/functions.html":{}}}],["reactiveformsmodul",{"_index":148,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["redo",{"_index":408,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["removeblockquot",{"_index":270,"title":{},"body":{"injectables/CommandExecutorService.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["removeformat",{"_index":406,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["repres",{"_index":425,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["reset",{"_index":65,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["resiz",{"_index":231,"title":{"additional-documentation/resizer.html":{}},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{},"additional-documentation/resizer.html":{}}}],["restor",{"_index":309,"title":{},"body":{"injectables/CommandExecutorService.html":{},"miscellaneous/functions.html":{}}}],["restoreselect",{"_index":346,"title":{},"body":{"miscellaneous/functions.html":{}}}],["restoreselection(rang",{"_index":366,"title":{},"body":{"miscellaneous/functions.html":{}}}],["restrict",{"_index":92,"title":{},"body":{"license.html":{}}}],["result",{"_index":43,"title":{},"body":{"index.html":{},"overview.html":{},"license.html":{},"modules.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{}}}],["return",{"_index":192,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["right",{"_index":95,"title":{},"body":{"license.html":{}}}],["rxjs/add/operator/map",{"_index":328,"title":{},"body":{"injectables/MessageService.html":{}}}],["rxjs/observ",{"_index":327,"title":{},"body":{"injectables/MessageService.html":{}}}],["rxjs/subject",{"_index":326,"title":{},"body":{"injectables/MessageService.html":{}}}],["s.github.io/ngx",{"_index":42,"title":{},"body":{"index.html":{}}}],["save",{"_index":17,"title":{},"body":{"index.html":{},"injectables/CommandExecutorService.html":{},"miscellaneous/functions.html":{},"additional-documentation/code-editor.html":{}}}],["savedselect",{"_index":253,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["saveselect",{"_index":347,"title":{},"body":{"miscellaneous/functions.html":{}}}],["second",{"_index":338,"title":{},"body":{"injectables/MessageService.html":{}}}],["select",{"_index":290,"title":{},"body":{"injectables/CommandExecutorService.html":{},"miscellaneous/functions.html":{}}}],["selection.anchornode.parentelement.getattribute('href",{"_index":294,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["selection.anchornode.parentelement.tagnam",{"_index":292,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["selection['typ",{"_index":296,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["selector",{"_index":167,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["sell",{"_index":102,"title":{},"body":{"license.html":{}}}],["send",{"_index":189,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["sendmessag",{"_index":319,"title":{},"body":{"injectables/MessageService.html":{}}}],["sendmessage(messag",{"_index":323,"title":{},"body":{"injectables/MessageService.html":{}}}],["sent",{"_index":325,"title":{},"body":{"injectables/MessageService.html":{}}}],["servic",{"_index":188,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["set",{"_index":359,"title":{},"body":{"miscellaneous/functions.html":{}}}],["settimeout",{"_index":340,"title":{},"body":{"injectables/MessageService.html":{}}}],["shall",{"_index":110,"title":{},"body":{"license.html":{}}}],["short",{"_index":334,"title":{},"body":{"injectables/MessageService.html":{}}}],["showtoolbar",{"_index":388,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["sibiraj",{"_index":78,"title":{},"body":{"license.html":{}}}],["simpl",{"_index":4,"title":{},"body":{"index.html":{}}}],["softwar",{"_index":87,"title":{},"body":{"license.html":{}}}],["sourc",{"_index":141,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["spellcheck",{"_index":381,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["src/app/ngx",{"_index":142,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["src/environments/environment.prod.t",{"_index":415,"title":{},"body":{"miscellaneous/variables.html":{}}}],["src/environments/environment.t",{"_index":417,"title":{},"body":{"miscellaneous/variables.html":{}}}],["stack",{"_index":361,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/resizer.html":{}}}],["stackblitz",{"_index":33,"title":{},"body":{"index.html":{}}}],["stackoverflow",{"_index":442,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["start",{"_index":1,"title":{"index.html":{},"license.html":{}},"body":{"index.html":{}}}],["strikethrough",{"_index":395,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["string",{"_index":200,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["stringopt",{"_index":437,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["stylesheet",{"_index":434,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["styleurl",{"_index":170,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["subject",{"_index":105,"title":{},"body":{"license.html":{},"injectables/MessageService.html":{}}}],["sublicens",{"_index":100,"title":{},"body":{"license.html":{}}}],["subscript",{"_index":397,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["substanti",{"_index":111,"title":{},"body":{"license.html":{}}}],["such",{"_index":13,"title":{},"body":{"index.html":{}}}],["superscript",{"_index":396,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["support",{"_index":137,"title":{},"body":{"modules.html":{}}}],["svg",{"_index":138,"title":{},"body":{"modules.html":{}}}],["templat",{"_index":162,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["templateurl",{"_index":172,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["text",{"_index":391,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["this._editorcomponent.resizetextarea(event.clienti",{"_index":243,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["this._messageservice.getmessage().subscribe((messag",{"_index":199,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["this.clearmessagein(five_second",{"_index":333,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.createlink",{"_index":273,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["this.grabb",{"_index":242,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["this.insertimag",{"_index":275,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["this.message.asobserv",{"_index":331,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.message.next(messag",{"_index":332,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.message.next(undefin",{"_index":341,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.ngxmessag",{"_index":201,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["this.oldi",{"_index":244,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["this.savedselect",{"_index":300,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["throw",{"_index":287,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["time",{"_index":337,"title":{},"body":{"injectables/MessageService.html":{}}}],["toolbar",{"_index":261,"title":{"additional-documentation/toolbar.html":{}},"body":{"injectables/CommandExecutorService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["toolbar'},{'nam",{"_index":208,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["toolbar.compon",{"_index":156,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["toolbar/ngx",{"_index":155,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["tort",{"_index":132,"title":{},"body":{"license.html":{}}}],["translat",{"_index":385,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["tree",{"_index":164,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["true",{"_index":61,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["two",{"_index":439,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["type",{"_index":184,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/resizer.html":{}}}],["undefin",{"_index":196,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/CommandExecutorService.html":{}}}],["underlin",{"_index":394,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["undo",{"_index":407,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["unlink",{"_index":413,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["unorderedlist",{"_index":412,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["url",{"_index":283,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["url`",{"_index":314,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["us",{"_index":37,"title":{},"body":{"index.html":{},"license.html":{},"additional-documentation/configuration.html":{},"additional-documentation/code-editor.html":{}}}],["usag",{"_index":420,"title":{},"body":{"additional-documentation/configuration.html":{}}}],["util",{"_index":263,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["utils.restoreselection(this.savedselect",{"_index":310,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["utils/ngx",{"_index":264,"title":{},"body":{"injectables/CommandExecutorService.html":{}}}],["valu",{"_index":195,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/resizer.html":{}}}],["var",{"_index":204,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["variabl",{"_index":368,"title":{"miscellaneous/variables.html":{}},"body":{"miscellaneous/variables.html":{}}}],["vertic",{"_index":358,"title":{},"body":{"miscellaneous/functions.html":{}}}],["via",{"_index":10,"title":{},"body":{"index.html":{},"miscellaneous/functions.html":{}}}],["view",{"_index":39,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["void",{"_index":193,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/CommandExecutorService.html":{},"injectables/MessageService.html":{}}}],["warranti",{"_index":113,"title":{},"body":{"license.html":{}}}],["whether",{"_index":129,"title":{},"body":{"license.html":{},"injectables/CommandExecutorService.html":{}}}],["width",{"_index":383,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["without",{"_index":91,"title":{},"body":{"license.html":{}}}],["work",{"_index":29,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["wysiwyg",{"_index":5,"title":{},"body":{"index.html":{}}}],["xml",{"_index":377,"title":{},"body":{"miscellaneous/variables.html":{}}}],["yarn",{"_index":15,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["ye",{"_index":386,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["zoom",{"_index":64,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}]],"pipeline":["stemmer"]},
-    "store": {"index.html":{"url":"index.html","title":"getting-started - index","body":"\n                   \n\nNgxEditor\n\n  \n   \n  \n\nA Simple WYSIWYG Editor for Angular2+ Applications.\n\n  \n    \n  \n  \n    \n  \n  \n    \n  \n  \n    \n  \n\n\nGetting Started\nInstallation\nInstall via Package managers such as npm or yarn\nnpm install ngx-editor --save\n# or\nyarn add ngx-editorUsage\nImport ngx-editor module\nimport { NgxEditorModule } from 'ngx-editor';\n\n@NgModule({\n  imports: [ NgxEditorModule ]\n})Import font-awesome into your application\nThen in HTML\nFor ngModel to work, You must import FormsModule from @angular/forms\nDemo\nDemo at stackblitz ngx-editor\nDocumentation\nDocumentation is auto-generated using compodoc, and can be viewed here: https://sibiraj-s.github.io/ngx-editor/\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"overview.html":{"url":"overview.html","title":"overview - overview","body":"\n                   \n\n\n\n    Overview\n\n            \n                \n                    \n\n\n\n\n\ndependencies\n\nLegend\n\n  Declarations\n\n  Module\n\n  Bootstrap\n\n  Providers\n\n  Exports\n\ncluster_NgxEditorModule\n\n\n\ncluster_NgxEditorModule_declarations\n\n\n\ncluster_NgxEditorModule_NgxEditorComponent_providers\n\n\n\ncluster_NgxEditorModule_exports\n\n\n\ncluster_NgxEditorModule_providers\n\n\n\n\nNgxEditorComponent\n\nNgxEditorComponent\n\n\n\nNgxEditorModule\n\nNgxEditorModule\n\nNgxEditorModule -->\n\nNgxEditorComponent->NgxEditorModule\n\n\n\n\n\nNgxGrippieComponent\n\nNgxGrippieComponent\n\nNgxEditorModule -->\n\nNgxGrippieComponent->NgxEditorModule\n\n\n\n\n\nNgxEditorMessageComponent\n\nNgxEditorMessageComponent\n\nNgxEditorModule -->\n\nNgxEditorMessageComponent->NgxEditorModule\n\n\n\n\n\nNgxEditorToolbarComponent\n\nNgxEditorToolbarComponent\n\nNgxEditorModule -->\n\nNgxEditorToolbarComponent->NgxEditorModule\n\n\n\n\n\nNgxEditorComponent \n\nNgxEditorComponent \n\nNgxEditorComponent  -->\n\nNgxEditorModule->NgxEditorComponent \n\n\n\n ), : true\n} -->\n\n{\n    : , : (() => ), : true\n}\n\n{\n    : , : (() => ), : true\n}\n\n ), : true\n}->NgxEditorComponent -->\n\n{\n    : , : (() => ), : true\n}->NgxEditorComponent\n\n\n\n\n\nCommandExecutorService\n\nCommandExecutorService\n\nNgxEditorModule -->\n\nCommandExecutorService->NgxEditorModule\n\n\n\n\n\nMessageService\n\nMessageService\n\nNgxEditorModule -->\n\nMessageService->NgxEditorModule\n\n\n\n\n\n\n                \n                \n                \n                    Zoom in\n                    Reset\n                    Zoom out\n                \n            \n\n    \n            \n                \n                    \n                        \n                        \n                            1 module\n                        \n                    \n                \n            \n            \n                \n                    \n                        \n                        4 components\n                    \n                \n            \n            \n                \n                    \n                        \n                        2 injectables\n                    \n                \n            \n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"license.html":{"url":"license.html","title":"getting-started - license","body":"\n                   \n\nMIT License\nCopyright (c) 2017-2018 Sibiraj\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"modules.html":{"url":"modules.html","title":"modules - modules","body":"\n                   \n\n\n\n\n    Modules\n\n\n    \n            \n                \n                    \n                        NgxEditorModule\n                    \n                    \n                                \n                                    \n                                            Your browser does not support SVG\n                                    \n                                \n                        \n                            Browse\n                        \n                    \n                \n            \n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"modules/NgxEditorModule.html":{"url":"modules/NgxEditorModule.html","title":"module - NgxEditorModule","body":"\n                   \n\n\n\n\n  Modules\n  NgxEditorModule\n\n\n      \n          \n              \n\n\n\n\n\ndependencies\n\nLegend\n\n  Declarations\n\n  Module\n\n  Bootstrap\n\n  Providers\n\n  Exports\n\ncluster_NgxEditorModule\n\n\n\ncluster_NgxEditorModule_declarations\n\n\n\ncluster_NgxEditorModule_NgxEditorComponent_providers\n\n\n\ncluster_NgxEditorModule_exports\n\n\n\ncluster_NgxEditorModule_providers\n\n\n\n\nNgxEditorComponent\n\nNgxEditorComponent\n\n\n\nNgxEditorModule\n\nNgxEditorModule\n\nNgxEditorModule -->\n\nNgxEditorComponent->NgxEditorModule\n\n\n\n\n\nNgxGrippieComponent\n\nNgxGrippieComponent\n\nNgxEditorModule -->\n\nNgxGrippieComponent->NgxEditorModule\n\n\n\n\n\nNgxEditorMessageComponent\n\nNgxEditorMessageComponent\n\nNgxEditorModule -->\n\nNgxEditorMessageComponent->NgxEditorModule\n\n\n\n\n\nNgxEditorToolbarComponent\n\nNgxEditorToolbarComponent\n\nNgxEditorModule -->\n\nNgxEditorToolbarComponent->NgxEditorModule\n\n\n\n\n\nNgxEditorComponent \n\nNgxEditorComponent \n\nNgxEditorComponent  -->\n\nNgxEditorModule->NgxEditorComponent \n\n\n\n ), : true\n} -->\n\n{\n    : , : (() => ), : true\n}\n\n{\n    : , : (() => ), : true\n}\n\n ), : true\n}->NgxEditorComponent -->\n\n{\n    : , : (() => ), : true\n}->NgxEditorComponent\n\n\n\n\n\nCommandExecutorService\n\nCommandExecutorService\n\nNgxEditorModule -->\n\nCommandExecutorService->NgxEditorModule\n\n\n\n\n\nMessageService\n\nMessageService\n\nNgxEditorModule -->\n\nMessageService->NgxEditorModule\n\n\n\n\n\n\n          \n          \n          \n              Zoom in\n              Reset\n              Zoom out\n          \n      \n      \n      \n\n\n    \n        Info\n    \n\n\n    \n        Source\n    \n\n\n\n    \n\n        \n            File\n        \n        \n            src/app/ngx-editor/ngx-editor.module.ts\n        \n\n\n        \n\n        \n            \n                \n                    Declarations\n                    \n                            \n                                NgxEditorComponent\n                            \n                            \n                                NgxGrippieComponent\n                            \n                            \n                                NgxEditorMessageComponent\n                            \n                            \n                                NgxEditorToolbarComponent\n                            \n                    \n                \n                \n                    Providers\n                    \n                            \n                                     CommandExecutorService\n                            \n                            \n                                     MessageService\n                            \n                    \n                \n                \n                    Exports\n                    \n                            \n                                    NgxEditorComponent\n                            \n                    \n                \n            \n        \n    \n\n\n    \n        import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { PopoverModule } from 'ngx-bootstrap';\nimport { NgxEditorComponent } from './ngx-editor.component';\nimport { NgxGrippieComponent } from './ngx-grippie/ngx-grippie.component';\nimport { NgxEditorMessageComponent } from './ngx-editor-message/ngx-editor-message.component';\nimport { NgxEditorToolbarComponent } from './ngx-editor-toolbar/ngx-editor-toolbar.component';\nimport { MessageService } from './common/services/message.service';\nimport { CommandExecutorService } from './common/services/command-executor.service';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, PopoverModule.forRoot()],\n  declarations: [NgxEditorComponent, NgxGrippieComponent, NgxEditorMessageComponent, NgxEditorToolbarComponent],\n  exports: [NgxEditorComponent, PopoverModule],\n  providers: [CommandExecutorService, MessageService]\n})\n\nexport class NgxEditorModule { }\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/NgxEditorMessageComponent.html":{"url":"components/NgxEditorMessageComponent.html","title":"component - NgxEditorMessageComponent","body":"\n                   \n\n\n\n\n\n  Components\n  NgxEditorMessageComponent\n\n\n\n    \n        Info\n    \n\n    \n        Source\n    \n\n    \n        Template\n    \n    \n        DOM Tree\n    \n\n\n\n    \n    File\n\n\n    src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts\n\n\n\n\n\n\n\n    Metadata\n    \n        \n\n\n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                app-ngx-editor-message\n            \n\n            \n                styleUrls\n                ngx-editor-message.component.scss\n            \n\n\n\n            \n                templateUrl\n                ./ngx-editor-message.component.html\n            \n\n\n        \n    \n\n\n    \n        Index\n        \n            \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                ngxMessage\n                            \n                        \n                    \n                \n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                clearMessage\n                            \n                        \n                    \n                \n            \n        \n    \n\n    \n        Constructor\n            \n                \n                    \n                        \n    constructor(_messageService: MessageService)\n                        \n                    \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts:13\n                                \n                            \n    \n                    \n                        \n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                    Type\n                                                    Optional\n                                                    Description\n                                                \n                                            \n                                            \n                                                    \n                                                      _messageService\n                                                      \n                                                                MessageService\n                                                      \n                                                      \n                                                            no\n                                                      \n                                                      service to send message to the editor\n    \n                                                    \n                                            \n                                        \n                                \n                        \n                    \n                \n            \n    \n\n\n\n\n\n    \n        \n            \n                Methods\n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                clearMessage\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n    clearMessage()\n                        \n                    \n    \n    \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts:25\n                                \n                            \n    \n                    \n                        \n                                clears editor message\n    \n    \n                                \n                                    Returns :     void\n    \n                                \n                        \n                    \n                \n            \n    \n\n    \n        \n            \n                Properties\n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                ngxMessage\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            ngxMessage:     \n    \n                        \n                    \n                        \n                            \n                                Default value : undefined\n                            \n                        \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts:13\n                                \n                            \n    \n    \n                \n            \n    \n\n\n\n\n    \n        import { Component } from '@angular/core';\n\nimport { MessageService } from '../common/services/message.service';\n\n@Component({\n  selector: 'app-ngx-editor-message',\n  templateUrl: './ngx-editor-message.component.html',\n  styleUrls: ['./ngx-editor-message.component.scss']\n})\n\nexport class NgxEditorMessageComponent {\n\n  ngxMessage = undefined;\n\n  /**\n   * @param _messageService service to send message to the editor\n   */\n  constructor(private _messageService: MessageService) {\n    this._messageService.getMessage().subscribe((message: string) => this.ngxMessage = message);\n  }\n\n  /**\n   * clears editor message\n   */\n  clearMessage(): void {\n    this.ngxMessage = undefined;\n    return;\n  }\n}\n\n    \n\n    \n        \n  {{ ngxMessage }}\n\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '  {{ ngxMessage }}'\n    var COMPONENTS = [{'name': 'NgxEditorComponent', 'selector': 'app-ngx-editor'},{'name': 'NgxEditorMessageComponent', 'selector': 'app-ngx-editor-message'},{'name': 'NgxEditorToolbarComponent', 'selector': 'app-ngx-editor-toolbar'},{'name': 'NgxGrippieComponent', 'selector': 'app-ngx-grippie'}];\n    var DIRECTIVES = [];\n    var ACTUAL_COMPONENT = {'name': 'NgxEditorMessageComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/NgxGrippieComponent.html":{"url":"components/NgxGrippieComponent.html","title":"component - NgxGrippieComponent","body":"\n                   \n\n\n\n\n\n  Components\n  NgxGrippieComponent\n\n\n\n    \n        Info\n    \n\n    \n        Source\n    \n\n    \n        Template\n    \n    \n        DOM Tree\n    \n\n\n\n    \n    File\n\n\n    src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts\n\n\n\n\n\n\n\n    Metadata\n    \n        \n\n\n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                app-ngx-grippie\n            \n\n            \n                styleUrls\n                ngx-grippie.component.scss\n            \n\n\n\n            \n                templateUrl\n                ./ngx-grippie.component.html\n            \n\n\n        \n    \n\n\n    \n        Index\n        \n            \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                grabber\n                            \n                            \n                                height\n                            \n                            \n                                oldY\n                            \n                        \n                    \n                \n                \n                    \n                        HostListeners\n                    \n                \n                \n                    \n                        \n                            \n                                document:mousemove\n                            \n                            \n                                document:mouseup\n                            \n                            \n                                mousedown\n                            \n                        \n                    \n                \n            \n        \n    \n\n    \n        Constructor\n            \n                \n                    \n                        \n    constructor(_editorComponent: NgxEditorComponent)\n                        \n                    \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:14\n                                \n                            \n    \n                    \n                        \n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                    Type\n                                                    Optional\n                                                    Description\n                                                \n                                            \n                                            \n                                                    \n                                                      _editorComponent\n                                                      \n                                                                NgxEditorComponent\n                                                      \n                                                      \n                                                            no\n                                                      \n                                                      editor component\n    \n                                                    \n                                            \n                                        \n                                \n                        \n                    \n                \n            \n    \n\n\n\n\n    \n        HostListeners        \n                \n                    \n                        \n                            \n                            \n                                \n                                document:mousemove\n                                \n                                \n                            \n                        \n                    \n                        \n                            \n                                Arguments : '$event' \n                            \n                        \n                    \n                        \n    document:mousemove(event: MouseEvent)\n                        \n                    \n    \n    \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:22\n                                \n                            \n    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                document:mouseup\n                                \n                                \n                            \n                        \n                    \n                        \n                            \n                                Arguments : '$event' \n                            \n                        \n                    \n                        \n    document:mouseup(event: MouseEvent)\n                        \n                    \n    \n    \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:32\n                                \n                            \n    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                mousedown\n                                \n                                \n                            \n                        \n                    \n                        \n                            \n                                Arguments : '$event' \n                            \n                        \n                    \n                        \n    mousedown(event: MouseEvent, resizer?: Function)\n                        \n                    \n    \n    \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:36\n                                \n                            \n    \n                \n            \n    \n\n\n    \n        \n            \n                Properties\n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                grabber\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            grabber:     \n    \n                        \n                    \n                        \n                            \n                                Default value : false\n                            \n                        \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:14\n                                \n                            \n    \n    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                height\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            height:     number\n    \n                        \n                    \n                        \n                            \n                                Type :     number\n    \n                            \n                        \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:12\n                                \n                            \n    \n    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                oldY\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            oldY:     number\n    \n                        \n                    \n                        \n                            \n                                Type :     number\n    \n                            \n                        \n                        \n                            \n                                Default value : 0\n                            \n                        \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:13\n                                \n                            \n    \n    \n                \n            \n    \n\n\n\n\n    \n        import { Component, OnInit, HostListener } from '@angular/core';\nimport { NgxEditorComponent } from '../ngx-editor.component';\n\n@Component({\n  selector: 'app-ngx-grippie',\n  templateUrl: './ngx-grippie.component.html',\n  styleUrls: ['./ngx-grippie.component.scss']\n})\n\nexport class NgxGrippieComponent {\n\n  height: number;\n  oldY = 0;\n  grabber = false;\n\n  /**\n   *\n   * @param _editorComponent editor component\n   */\n  constructor(private _editorComponent: NgxEditorComponent) { }\n\n  @HostListener('document:mousemove', ['$event']) onMouseMove(event: MouseEvent) {\n\n    if (!this.grabber) {\n      return;\n    }\n\n    this._editorComponent.resizeTextArea(event.clientY - this.oldY);\n    this.oldY = event.clientY;\n  }\n\n  @HostListener('document:mouseup', ['$event']) onMouseUp(event: MouseEvent) {\n    this.grabber = false;\n  }\n\n  @HostListener('mousedown', ['$event']) onResize(event: MouseEvent, resizer?: Function) {\n    this.grabber = true;\n    this.oldY = event.clientY;\n    event.preventDefault();\n  }\n\n}\n\n    \n\n    \n        \n  \n    \n      \n    \n  \n\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '                  '\n    var COMPONENTS = [{'name': 'NgxEditorComponent', 'selector': 'app-ngx-editor'},{'name': 'NgxEditorMessageComponent', 'selector': 'app-ngx-editor-message'},{'name': 'NgxEditorToolbarComponent', 'selector': 'app-ngx-editor-toolbar'},{'name': 'NgxGrippieComponent', 'selector': 'app-ngx-grippie'}];\n    var DIRECTIVES = [];\n    var ACTUAL_COMPONENT = {'name': 'NgxGrippieComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"injectables/CommandExecutorService.html":{"url":"injectables/CommandExecutorService.html","title":"injectable - CommandExecutorService","body":"\n                   \n\n\n\n\n\n\n\n  Injectables\n  CommandExecutorService\n\n\n\n    \n        Info\n    \n\n\n    \n        Source\n    \n\n\n\n    \n        \n            File\n        \n        \n            src/app/ngx-editor/common/services/command-executor.service.ts\n        \n\n\n\n            \n                Index\n                \n                    \n                        \n                            \n                                Properties\n                            \n                        \n                        \n                            \n                                \n                                    \n                                        savedSelection\n                                    \n                                \n                            \n                        \n                        \n                            \n                                Methods\n                            \n                        \n                        \n                            \n                                \n                                    \n                                        createLink\n                                    \n                                    \n                                        execute\n                                    \n                                \n                            \n                        \n                    \n                \n            \n\n\n            \n                \n                    \n                        Methods\n                    \n                    \n                        \n                            \n                                \n                                    \n                                    \n                                        \n                                        createLink\n                                        \n                                        \n                                    \n                                \n                            \n                            \n                                \n            createLink(params: any)\n                                \n                            \n            \n            \n                                    \n                                        \n                                            Defined in src/app/ngx-editor/common/services/command-executor.service.ts:76\n                                        \n                                    \n            \n                            \n                                \n            \n                                        \n                                                Parameters :\n                                                \n                                                    \n                                                        \n                                                            Name\n                                                            Type\n                                                            Optional\n                                                            Default value\n                                                            Description\n                                                        \n                                                    \n                                                    \n                                                            \n                                                              params\n                                                              \n                                                                      any\n                                                              \n                                                              \n                                                                  no\n                                                              \n                                                              \n                                                                  \n                                                              \n                                                              \n                                                            \n                                                    \n                                                \n                                        \n                                        \n                                        \n                                        \n                                            Returns :     void\n            \n                                        \n                                            \n                                                \n                                            \n                                \n                            \n                        \n                    \n                    \n                        \n                            \n                                \n                                    \n                                    \n                                        \n                                        execute\n                                        \n                                        \n                                    \n                                \n                            \n                            \n                                \n            execute(command: string)\n                                \n                            \n            \n            \n                                    \n                                        \n                                            Defined in src/app/ngx-editor/common/services/command-executor.service.ts:14\n                                        \n                                    \n            \n                            \n                                \n                                        executes command from the toolbar\n            \n            \n                                        \n                                                Parameters :\n                                                \n                                                    \n                                                        \n                                                            Name\n                                                            Type\n                                                            Optional\n                                                            Default value\n                                                            Description\n                                                        \n                                                    \n                                                    \n                                                            \n                                                              command\n                                                              \n                                                                      string\n                                                              \n                                                              \n                                                                  no\n                                                              \n                                                              \n                                                                  \n                                                              \n                                                              command to be executed\n            \n                                                            \n                                                    \n                                                \n                                        \n                                        \n                                        \n                                        \n                                            Returns :     void\n            \n                                        \n                                            \n                                                \n                                            \n                                \n                            \n                        \n                    \n            \n\n            \n                \n                    \n                        Properties\n                    \n                    \n                        \n                            \n                                \n                                    \n                                    \n                                        \n                                        savedSelection\n                                        \n                                        \n                                    \n                                \n                            \n                            \n                                \n                                    savedSelection:     any\n            \n                                \n                            \n                                \n                                    \n                                        Type :     any\n            \n                                    \n                                \n                                \n                                    \n                                        Default value : undefined\n                                    \n                                \n                                    \n                                        \n                                            Defined in src/app/ngx-editor/common/services/command-executor.service.ts:7\n                                        \n                                    \n            \n            \n                        \n                    \n            \n\n    \n\n\n    \n        import { Injectable } from '@angular/core';\nimport * as Utils from '../utils/ngx-editor.utils';\n\n@Injectable()\nexport class CommandExecutorService {\n\n  savedSelection: any = undefined;\n\n  /**\n   * executes command from the toolbar\n   *\n   * @param command command to be executed\n   */\n  execute(command: string): void {\n\n    if (command === 'enableObjectResizing') {\n      document.execCommand('enableObjectResizing', true, true);\n      return;\n    }\n\n    if (command === 'blockquote') {\n      document.execCommand('formatBlock', false, '');\n      return;\n    }\n\n    if (command === 'removeBlockquote') {\n      document.execCommand('formatBlock', false, 'div');\n      return;\n    }\n\n    // if (command === 'link') {\n    //   this.createLink();\n    //   return;\n    // }\n\n    if (command === 'image') {\n      this.insertImage();\n      return;\n    }\n\n    document.execCommand(command, false, null);\n  }\n\n  private insertImage(): void {\n    const imageURI = prompt('Enter Image URL', 'http://');\n    if (imageURI) {\n      const inserted = document.execCommand('insertImage', false, imageURI);\n      if (!inserted) {\n        throw new Error('Invalid URL');\n      }\n    }\n    return;\n  }\n\n  // private createLink(): void {\n  //   const selection = document.getSelection();\n\n  //   if (selection.anchorNode.parentElement.tagName === 'A') {\n  //     const linkURL = prompt('Enter URL', selection.anchorNode.parentElement.getAttribute('href'));\n  //     if (linkURL) {\n  //       document.execCommand('createLink', false, linkURL);\n  //     }\n  //   } else {\n  //     if (selection['type'] === 'None') {\n  //       throw new Error('No selection made');\n  //     } else {\n  //       const linkURL = prompt('Enter URL', 'http://');\n  //       if (linkURL) {\n  //         document.execCommand('createLink', false, linkURL);\n  //       }\n  //     }\n  //   }\n  //   return;\n  // }\n\n  createLink(params: any): void {\n\n    if (this.savedSelection) {\n      /**\n       * check whether the saved selection contains a range or plain selection\n       */\n      if (params.urlNewTab) {\n        const newUrl = '' + params.urlText + '';\n\n        if (document.getSelection().type !== 'Range') {\n          const restored = Utils.restoreSelection(this.savedSelection);\n          if (restored) {\n            document.execCommand('insertHTML', false, newUrl);\n          }\n          document.execCommand('insertHTML', false, newUrl);\n        } else {\n          throw new Error('Only new links can be inserted. You cannot edit URL`s');\n        }\n      } else {\n        const restored = Utils.restoreSelection(this.savedSelection);\n        if (restored) {\n          document.execCommand('createLink', false, params.urlLink);\n        }\n      }\n    } else {\n      throw new Error('Range out of the editor');\n    }\n\n    return;\n  }\n\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"injectables/MessageService.html":{"url":"injectables/MessageService.html","title":"injectable - MessageService","body":"\n                   \n\n\n\n\n\n\n\n  Injectables\n  MessageService\n\n\n\n    \n        Info\n    \n\n\n    \n        Source\n    \n\n\n\n    \n        \n            File\n        \n        \n            src/app/ngx-editor/common/services/message.service.ts\n        \n\n\n\n            \n                Index\n                \n                    \n                        \n                            \n                                Methods\n                            \n                        \n                        \n                            \n                                \n                                    \n                                        getMessage\n                                    \n                                    \n                                        sendMessage\n                                    \n                                \n                            \n                        \n                    \n                \n            \n\n            \n                Constructor\n                    \n                        \n                            \n                                \n            constructor()\n                                \n                            \n                                    \n                                        \n                                            Defined in src/app/ngx-editor/common/services/message.service.ts:11\n                                        \n                                    \n            \n                        \n                    \n            \n\n            \n                \n                    \n                        Methods\n                    \n                    \n                        \n                            \n                                \n                                    \n                                    \n                                        \n                                        getMessage\n                                        \n                                        \n                                    \n                                \n                            \n                            \n                                \n            getMessage()\n                                \n                            \n            \n            \n                                    \n                                        \n                                            Defined in src/app/ngx-editor/common/services/message.service.ts:15\n                                        \n                                    \n            \n                            \n                                \n            \n                                        \n                                            Returns :     Observable\n            \n                                        \n                                \n                            \n                        \n                    \n                    \n                        \n                            \n                                \n                                    \n                                    \n                                        \n                                        sendMessage\n                                        \n                                        \n                                    \n                                \n                            \n                            \n                                \n            sendMessage(message: string)\n                                \n                            \n            \n            \n                                    \n                                        \n                                            Defined in src/app/ngx-editor/common/services/message.service.ts:24\n                                        \n                                    \n            \n                            \n                                \n                                        sends message to the editor\n            \n            \n                                        \n                                                Parameters :\n                                                \n                                                    \n                                                        \n                                                            Name\n                                                            Type\n                                                            Optional\n                                                            Default value\n                                                            Description\n                                                        \n                                                    \n                                                    \n                                                            \n                                                              message\n                                                              \n                                                                      string\n                                                              \n                                                              \n                                                                  no\n                                                              \n                                                              \n                                                                  \n                                                              \n                                                              message to be sent\n            \n                                                            \n                                                    \n                                                \n                                        \n                                        \n                                        \n                                        \n                                            Returns :     void\n            \n                                        \n                                            \n                                                \n                                            \n                                \n                            \n                        \n                    \n            \n\n\n    \n\n\n    \n        import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs/Subject';\nimport { Observable } from 'rxjs/Observable';\nimport 'rxjs/add/operator/map';\n\nconst FIVE_SECONDS = 5000;\n\n@Injectable()\nexport class MessageService {\n\n  private message: Subject = new Subject();\n\n  constructor() { }\n\n  getMessage(): Observable {\n    return this.message.asObservable();\n  }\n\n  /**\n   * sends message to the editor\n   *\n   * @param message message to be sent\n   */\n  sendMessage(message: string): void {\n    this.message.next(message);\n    this.clearMessageIn(FIVE_SECONDS);\n    return;\n  }\n\n  /**\n   * a short interval to clear message\n   *\n   * @param milliseconds time in seconds in which the message has to be cleared\n   */\n  private clearMessageIn(milliseconds: number): void {\n    setTimeout(() => {\n      this.message.next(undefined);\n    }, milliseconds);\n    return;\n  }\n\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"miscellaneous/functions.html":{"url":"miscellaneous/functions.html","title":"miscellaneous-functions - functions","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Miscellaneous\n  Functions\n\n\n\n    Index\n    \n        \n            \n                \n                    \n                        \n                            canEnableToolbarOptions\n                        \n                        \n                            canResize\n                        \n                        \n                            getEditorConfiguration\n                        \n                        \n                            restoreSelection\n                        \n                        \n                            saveSelection\n                        \n                    \n                \n            \n        \n    \n\n\n    src/app/ngx-editor/common/utils/ngx-editor.utils.ts\n    \n                \n                \n                    \n                        \n                            \n                            \n                                \n                                canEnableToolbarOptions\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n    canEnableToolbarOptions(value: string, toolbar: any)\n                        \n                    \n    \n    \n    \n                    \n                        \n                                enable or disable toolbar based on configuration\n    \n    \n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                    Type\n                                                    Optional\n                                                    Default value\n                                                    Description\n                                                \n                                            \n                                            \n                                                    \n                                                      value\n                                                      \n                                                              string\n                                                      \n                                                      \n                                                          no\n                                                      \n                                                      \n                                                          \n                                                      \n                                                      toolbar item\n    \n                                                    \n                                                    \n                                                      toolbar\n                                                      \n                                                              any\n                                                      \n                                                      \n                                                          no\n                                                      \n                                                      \n                                                          \n                                                      \n                                                      toolbar configuration object\n    \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                        \n                    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                canResize\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n    canResize(resizer: string)\n                        \n                    \n    \n    \n    \n                    \n                        \n                                return vertical if the element is the resizer property is set to basic\n    \n    \n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                    Type\n                                                    Optional\n                                                    Default value\n                                                    Description\n                                                \n                                            \n                                            \n                                                    \n                                                      resizer\n                                                      \n                                                              string\n                                                      \n                                                      \n                                                          no\n                                                      \n                                                      \n                                                          \n                                                      \n                                                      type of resizer, either basic or stack\n    \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                        \n                    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                getEditorConfiguration\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n    getEditorConfiguration(value: any, ngxEditorConfig: any, input: any)\n                        \n                    \n    \n    \n    \n                    \n                        \n                                set editor configuration\n    \n    \n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                    Type\n                                                    Optional\n                                                    Default value\n                                                    Description\n                                                \n                                            \n                                            \n                                                    \n                                                      value\n                                                      \n                                                              any\n                                                      \n                                                      \n                                                          no\n                                                      \n                                                      \n                                                          \n                                                      \n                                                      configuration via [config] property\n    \n                                                    \n                                                    \n                                                      ngxEditorConfig\n                                                      \n                                                              any\n                                                      \n                                                      \n                                                          no\n                                                      \n                                                      \n                                                          \n                                                      \n                                                      default editor configuration\n    \n                                                    \n                                                    \n                                                      input\n                                                      \n                                                              any\n                                                      \n                                                      \n                                                          no\n                                                      \n                                                      \n                                                          \n                                                      \n                                                      direct configuration inputs via directives\n    \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                        \n                    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                restoreSelection\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n    restoreSelection(range: )\n                        \n                    \n    \n    \n    \n                    \n                        \n                                restore selection when the editor is focussed in\n    \n    \n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                    Type\n                                                    Optional\n                                                    Default value\n                                                    Description\n                                                \n                                            \n                                            \n                                                    \n                                                      range\n                                                      \n                                                      \n                                                      \n                                                          no\n                                                      \n                                                      \n                                                          \n                                                      \n                                                      saved selection when the editor is focussed out\n    \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                        \n                    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                saveSelection\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n    saveSelection()\n                        \n                    \n    \n    \n    \n                    \n                        \n                                save selection when the editor is focussed out\n    \n    \n                        \n                    \n                \n            \n    \n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"miscellaneous/variables.html":{"url":"miscellaneous/variables.html","title":"miscellaneous-variables - variables","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Miscellaneous\n  Variables\n\n\n\n    Index\n    \n        \n            \n                \n                    \n                        \n                            codeMirrorConfig\n                        \n                        \n                            environment\n                        \n                        \n                            environment\n                        \n                        \n                            FIVE_SECONDS\n                        \n                        \n                            ngxEditorConfig\n                        \n                    \n                \n            \n        \n    \n\n\n    src/app/ngx-editor/common/ngx-editor.defaults.ts\n    \n                \n                \n                    \n                        \n                            \n                            \n                                \n                                codeMirrorConfig\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            codeMirrorConfig:     object\n    \n                        \n                    \n                        \n                            \n                                Type :     object\n    \n                            \n                        \n                        \n                            \n                                Default value : {\n        lineNumbers: true,\n        gutter: true,\n        lineWrapping: true,\n        mode: 'xml',\n        htmlMode: true\n    }\n                            \n                        \n    \n                    \n                        \n                            codemirror configuaration\n    \n                        \n                    \n    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                ngxEditorConfig\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            ngxEditorConfig:     object\n    \n                        \n                    \n                        \n                            \n                                Type :     object\n    \n                            \n                        \n                        \n                            \n                                Default value : {\n        editable: true,\n        spellcheck: true,\n        height: 'auto',\n        minHeight: '0',\n        width: 'auto',\n        minWidth: '0',\n        translate: 'yes',\n        enableToolbar: true,\n        showToolbar: true,\n        placeholder: 'Enter text here...',\n        toolbar: [\n            ['bold', 'italic', 'underline', 'strikeThrough', 'superscript', 'subscript'],\n            ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull', 'indent', 'outdent'],\n            ['cut', 'copy', 'delete', 'removeFormat', 'undo', 'redo'],\n            ['paragraph', 'blockquote', 'removeBlockquote', 'horizontalLine', 'orderedList', 'unorderedList'],\n            ['link', 'unlink', 'image'],\n            ['code']\n        ]\n    }\n                            \n                        \n    \n                    \n                        \n                            toolbar default configuration\n    \n                        \n                    \n    \n                \n            \n    \n    src/environments/environment.prod.ts\n    \n                \n                \n                    \n                        \n                            \n                            \n                                \n                                environment\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            environment:     object\n    \n                        \n                    \n                        \n                            \n                                Type :     object\n    \n                            \n                        \n                        \n                            \n                                Default value : {\n      production: true\n    }\n                            \n                        \n    \n    \n                \n            \n    \n    src/environments/environment.ts\n    \n                \n                \n                    \n                        \n                            \n                            \n                                \n                                environment\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            environment:     object\n    \n                        \n                    \n                        \n                            \n                                Type :     object\n    \n                            \n                        \n                        \n                            \n                                Default value : {\n      production: false\n    }\n                            \n                        \n    \n    \n                \n            \n    \n    src/app/ngx-editor/common/services/message.service.ts\n    \n                \n                \n                    \n                        \n                            \n                            \n                                \n                                FIVE_SECONDS\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            FIVE_SECONDS:     number\n    \n                        \n                    \n                        \n                            \n                                Type :     number\n    \n                            \n                        \n                        \n                            \n                                Default value : 5000\n                            \n                        \n    \n    \n                \n            \n    \n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"additional-documentation/configuration.html":{"url":"additional-documentation/configuration.html","title":"additional-page - Configuration","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nConfiguration\nThe Configuration can be provided using config property\nUsage\nDefault Configuration\nThe config property is a JSON object.\n{\n    \"editable\": true,\n    \"spellcheck\": true,\n    \"height\": \"auto\",\n    \"minHeight\": \"0\",\n    \"width\": \"auto\",\n    \"minWidth\": \"0\",\n    \"translate\": \"yes\",\n    \"enableToolbar\": true,\n    \"showToolbar\": true,\n    \"placeholder\": \"Enter text here...\",\n    \"toolbar\": [\n        [\"bold\", \"italic\", \"underline\", \"strikeThrough\", \"superscript\", \"subscript\"],\n        [\"justifyLeft\", \"justifyCenter\", \"justifyRight\", \"justifyFull\", \"indent\", \"outdent\"],\n        [\"cut\", \"copy\", \"delete\", \"removeFormat\", \"undo\", \"redo\"],\n        [\"paragraph\", \"blockquote\", \"removeBlockquote\", \"horizontalLine\", \"orderedList\", \"unorderedList\"],\n        [\"link\", \"unlink\", \"image\"],\n        [\"code\"]\n    ]\n}\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"additional-documentation/toolbar.html":{"url":"additional-documentation/toolbar.html","title":"additional-page - Toolbar","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nToolbar\nToolbar option is an array of arrays. The default is\n[\n    [\"bold\", \"italic\", \"underline\", \"strikeThrough\", \"superscript\", \"subscript\"],\n    [\"justifyLeft\", \"justifyCenter\", \"justifyRight\", \"justifyFull\", \"indent\", \"outdent\"],\n    [\"cut\", \"copy\", \"delete\", \"removeFormat\", \"undo\", \"redo\"],\n    [\"paragraph\", \"blockquote\", \"removeBlockquote\", \"horizontalLine\", \"orderedList\", \"unorderedList\"],\n    [\"link\", \"unlink\", \"image\"],\n    [\"code\"]\n]and it can be customized. Each array represents a button group and the value represents the name of the button.\nToolbar is provided with the editor configuration as\n{\n  \"toolbar\": [\n     [\"bold\", \"italic\", \"underline\", \"strikeThrough\"],\n     [\"justifyLeft\", \"justifyRight\", \"justifyFull\" \"outdent\"]\n  ]\n}Providing empty toolbar array will enable all default buttons\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"additional-documentation/code-editor.html":{"url":"additional-documentation/code-editor.html","title":"additional-page - Code Editor","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nHTML Code Editor\nCode Editor allows to view and edit plain HTML code. codemirror is used for this purpose.\nIn order for the code editor to work. You must install codemirror as a peerDependency\nnpm install codemirror --save\n\n#or\n\nyarn add codemirrorThen import the CodeMirror's stylesheet into your app.\nnode_modules/codemirror/lib/codemirror.css\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"additional-documentation/resizer.html":{"url":"additional-documentation/resizer.html","title":"additional-page - Resizer","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nResizer\nThe editor can be resized horizontally.\nType\nresizer: stringOptions\nThe Resizer can accept two values basic|stack\n\nbasic - CSS3 resizer\nstack - resizer like stackoverflow\n\nAny options apart from this will default to stack\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"}}
+    "index": {"version":"2.1.5","fields":["title","body"],"fieldVectors":[["title/index.html",[0,1.524,1,1.524,2,0.927]],["body/index.html",[0,1.855,1,1.855,3,2.85,4,2.85,5,2.85,6,0.751,7,2.85,8,3.717,9,2.692,10,1.855,11,2.85,12,2.85,13,2.85,14,2.935,15,2.935,16,2.113,17,1.855,18,0.058,19,2.25,20,2.85,21,1.532,22,1.129,23,1.728,24,2.25,25,2.85,26,2.85,27,1.56,28,2.25,29,1.855,30,1.855,31,1.855,32,3.717,33,2.85,34,2.935,35,1.855,36,2.85,37,1.325,38,2.85,39,2.25,40,1.855,41,2.85,42,2.85,43,0.046,44,0.046]],["title/overview.html",[45,2.855]],["body/overview.html",[18,0.064,22,1.32,23,2.298,43,0.041,44,0.041,45,1.913,46,1.577,47,1.326,48,1.913,49,1.577,50,0.959,51,1.126,52,1.913,53,1.913,54,1.913,55,1.913,56,1.913,57,2.579,58,1.771,59,1.771,60,2.086,61,2.001,62,3.009,63,1.771,64,2.632,65,1.913,66,1.326,67,2.423,68,2.423,69,1.126,70,2.423,71,1.577]],["title/license.html",[0,1.524,1,1.524,72,1.848]],["body/license.html",[18,0.043,34,2.029,37,1.613,43,0.043,44,0.043,50,1.018,66,1.407,72,2.029,73,2.57,74,3.929,75,2.57,76,2.57,77,2.57,78,2.57,79,3.47,80,2.57,81,2.57,82,2.57,83,2.57,84,3.47,85,2.57,86,2.303,87,4.769,88,2.57,89,0.866,90,3.47,91,3.929,92,2.57,93,3.929,94,3.47,95,2.57,96,2.57,97,2.57,98,2.57,99,2.57,100,2.57,101,2.57,102,2.57,103,2.57,104,2.57,105,2.029,106,1.673,107,2.57,108,2.57,109,3.47,110,3.47,111,2.57,112,2.57,113,3.47,114,2.57,115,2.57,116,2.57,117,2.57,118,2.57,119,2.57,120,2.029,121,2.57,122,2.029,123,2.57,124,2.57,125,2.57,126,2.57,127,2.57,128,2.57,129,2.57,130,2.029,131,2.57,132,2.57,133,2.57,134,2.57,135,2.57]],["title/modules.html",[22,1.432]],["body/modules.html",[18,0.055,22,1.517,23,1.78,43,0.055,44,0.055,136,3.83,137,3.83,138,3.83,139,3.83]],["title/modules/NgxEditorModule.html",[22,1.082,23,1.27]],["body/modules/NgxEditorModule.html",[6,0.573,16,1.772,18,0.064,21,1.542,22,1.056,23,2.221,24,2.105,30,1.736,31,1.736,43,0.033,44,0.033,46,1.156,47,0.973,48,2.527,49,1.736,50,1.267,51,1.653,52,1.403,53,1.403,54,1.403,55,1.403,56,1.403,57,2.558,58,1.86,59,1.86,60,2.191,61,1.772,62,3.16,63,1.86,64,2.105,65,1.403,66,0.973,89,0.599,140,0.973,141,0.973,142,0.703,143,1.156,144,1.776,145,0.973,146,2.666,147,1.776,148,2.666,149,2.666,150,1.403,151,1.403,152,1.776,153,1.403,154,1.776,155,1.776,156,1.776,157,1.403,158,1.776,159,1.776,160,1.776,161,0.973]],["title/components/NgxEditorMessageComponent.html",[59,1.27,69,1.27]],["body/components/NgxEditorMessageComponent.html",[2,0.694,6,0.787,16,2.061,18,0.062,21,0.89,27,1.445,43,0.032,44,0.032,47,0.96,51,0.815,57,0.96,58,0.815,59,1.643,60,0.96,63,1.643,69,1.762,89,0.591,140,0.96,141,0.96,142,1.399,143,2.3,145,0.96,153,2.79,157,1.385,161,0.96,162,1.385,163,1.385,164,1.385,165,1.754,166,1.385,167,3.145,168,2.593,169,2.833,170,2.085,171,2.64,172,2.085,173,2.64,174,1.643,175,3.983,176,2.085,177,3.534,178,1.142,179,1.754,180,2.067,181,2.64,182,0.96,183,1.258,184,0.694,185,0.694,186,0.96,187,3.175,188,2.64,189,2.085,190,1.754,191,1.719,192,1.445,193,2.085,194,0.591,195,0.694,196,3.175,197,2.085,198,2.64,199,1.142,200,1.385,201,1.754,202,0.96,203,2.64,204,1.719,205,1.719,206,2.79,207,1.385,208,1.385,209,1.385,210,1.385,211,1.385,212,1.385]],["title/components/NgxGrippieComponent.html",[58,1.27,69,1.27]],["body/components/NgxGrippieComponent.html",[2,0.546,6,0.652,16,1.969,18,0.063,21,0.739,27,1.2,43,0.027,44,0.027,47,0.755,51,0.641,57,1.857,58,1.445,59,0.641,60,0.755,61,1.268,69,1.76,89,0.465,122,3.276,130,1.089,140,0.755,141,0.755,142,1.556,143,2.559,145,0.755,150,1.089,151,3.103,161,0.755,162,1.089,163,1.089,164,1.089,166,1.089,167,2.852,168,2.352,170,1.731,172,1.731,174,1.019,178,1.776,180,2.466,182,0.755,183,1.081,184,1.081,185,0.546,186,0.755,192,0.755,194,0.739,195,1.231,199,1.776,200,1.089,204,1.427,205,1.427,206,2.455,207,1.089,208,1.089,209,1.089,210,1.089,211,2.155,212,1.089,213,1.38,214,2.193,215,2.193,216,3.612,217,2.466,218,3.109,219,2.729,220,2.193,221,2.193,222,3.109,223,1.38,224,2.193,225,2.729,226,2.729,227,1.38,228,3.93,229,1.38,230,1.38,231,1.38,232,1.38,233,1.702,234,1.427,235,1.38,236,2.455,237,2.155,238,2.209,239,1.38,240,1.427,241,1.38,242,2.193,243,2.193,244,1.38,245,1.38,246,1.38,247,1.38,248,1.38,249,2.729,250,1.38,251,2.729,252,2.193,253,1.38,254,1.38,255,1.38,256,1.38,257,1.38,258,1.38,259,1.38]],["title/injectables/MessageService.html",[63,1.27,71,1.779]],["body/injectables/MessageService.html",[2,0.817,6,0.615,18,0.063,21,1.288,43,0.037,44,0.037,51,0.959,63,1.383,71,2.273,89,0.695,105,2.756,140,1.129,141,1.129,142,1.514,145,1.129,161,1.129,169,3.098,176,2.35,178,2.273,180,2.273,182,1.129,183,0.817,184,0.817,185,0.817,186,1.129,189,2.35,191,2.273,192,2.383,193,2.756,197,1.628,199,1.937,202,1.911,238,1.343,260,1.628,261,3.822,262,2.976,263,2.062,264,2.062,265,3.018,266,3.491,267,2.976,268,2.062,269,2.062,270,2.062,271,2.062,272,2.35,273,2.062,274,1.628,275,1.628,276,1.343,277,2.062,278,2.976,279,2.062,280,2.062,281,2.062,282,2.062,283,2.062,284,2.062,285,2.976,286,2.062,287,2.062,288,2.062,289,2.062]],["title/miscellaneous/functions.html",[234,2.119,290,1.281]],["body/miscellaneous/functions.html",[2,0.959,6,0.693,10,2.17,17,2.17,18,0.056,43,0.041,44,0.041,66,1.825,142,0.959,174,1.549,182,2.247,183,1.626,184,1.626,185,1.626,186,2.247,192,1.326,194,0.817,195,1.32,202,2.247,204,1.577,205,2.17,233,2.086,234,1.577,237,2.632,290,1.326,291,3.334,292,3.334,293,3.334,294,3.334,295,3.811,296,2.423,297,2.423,298,2.423,299,2.001,300,1.913,301,2.423,302,2.423,303,2.068,304,2.423,305,1.577,306,2.423,307,2.423,308,2.632,309,1.913,310,2.423,311,2.632,312,3.009,313,1.577,314,2.423,315,2.423,316,3.811,317,3.811,318,2.423]],["title/miscellaneous/variables.html",[276,2.119,290,1.281]],["body/miscellaneous/variables.html",[2,0.774,18,0.061,35,1.864,37,1.331,40,1.273,43,0.035,44,0.035,61,2.082,86,1.071,89,0.965,142,1.134,169,1.273,184,1.571,191,1.273,194,1.443,195,1.571,217,1.273,236,1.544,238,1.864,240,1.864,260,1.544,272,1.544,274,2.674,275,1.544,276,1.864,290,1.071,299,1.331,303,0.909,305,2.858,311,2.674,319,3.387,320,4.479,321,1.955,322,1.955,323,1.955,324,1.955,325,1.955,326,1.955,327,1.955,328,1.955,329,1.273,330,1.955,331,1.273,332,1.544,333,1.544,334,1.544,335,1.544,336,1.544,337,1.544,338,1.544,339,1.544,340,1.544,341,1.544,342,1.544,343,1.544,344,1.273,345,1.273,346,1.273,347,1.273,348,1.273,349,1.273,350,1.273,351,1.273,352,1.273,353,1.273,354,1.273,355,1.273,356,1.273,357,1.273,358,1.273,359,1.273,360,1.273,361,1.273,362,1.273,363,1.273,364,1.273,365,1.273,366,1.273,367,1.273,368,1.273,369,0.774,370,0.909,371,1.955,372,3.387,373,1.955,374,1.955,375,1.955,376,1.955,377,1.955,378,3.387,379,1.955,380,1.955,381,1.955,382,1.955,383,1.955,384,1.955,385,1.955,386,1.955,387,1.955,388,1.955,389,1.955,390,1.955,391,1.955]],["title/additional-documentation/prerequisites.html",[392,0.927,393,0.927,394,1.848]],["body/additional-documentation/prerequisites.html",[6,0.506,9,2.044,16,1.459,18,0.059,21,1.459,28,2.479,29,2.575,30,2.575,31,2.044,43,0.049,44,0.049,46,2.575,49,2.575,106,2.044,329,2.044,369,1.243,394,2.479,395,3.14,396,2.479,397,2.479,398,3.14,399,3.14,400,3.14,401,3.14,402,3.14,403,2.479,404,3.14,405,3.14,406,3.955,407,3.14,408,2.044,409,3.14,410,3.14,411,3.955,412,3.14,413,3.14]],["title/additional-documentation/configuration.html",[303,1.088,392,0.927,393,0.927]],["body/additional-documentation/configuration.html",[18,0.058,35,2.4,37,1.308,40,1.832,43,0.045,44,0.045,50,1.115,61,2.028,86,1.541,174,1.714,194,0.949,217,1.832,240,2.4,299,1.308,303,1.911,305,1.832,313,2.4,331,1.832,332,2.222,333,2.222,334,2.222,335,2.222,336,2.222,337,2.222,338,2.222,339,2.222,340,2.222,341,2.222,342,2.222,343,2.222,344,1.832,345,1.832,346,1.832,347,1.832,348,1.832,349,1.832,350,1.832,351,1.832,352,1.832,353,1.832,354,1.832,355,1.832,356,1.832,357,1.832,358,1.832,359,1.832,360,1.832,361,1.832,362,1.832,363,1.832,364,1.832,365,1.832,366,1.832,367,1.832,368,1.832,369,1.115,370,1.308,414,2.814,415,2.222]],["title/additional-documentation/toolbar.html",[299,1.088,392,0.927,393,0.927]],["body/additional-documentation/toolbar.html",[6,0.457,18,0.057,43,0.046,44,0.046,50,1.468,86,1.554,183,1.124,185,1.124,194,1.249,195,1.124,299,2.11,300,2.241,303,1.319,344,2.413,345,2.413,346,2.413,347,2.413,348,1.848,349,1.848,350,2.413,351,1.848,352,2.413,353,2.413,354,1.848,355,2.413,356,1.848,357,1.848,358,1.848,359,1.848,360,1.848,361,1.848,362,1.848,363,1.848,364,1.848,365,1.848,366,1.848,367,1.848,368,1.848,369,1.124,370,1.319,416,4.376,417,2.838,418,2.838,419,3.707,420,4.128,421,2.838,422,2.838]],["title/additional-documentation/image-uploader.html",[369,0.811,392,0.811,393,0.811,408,1.333]],["body/additional-documentation/image-uploader.html",[10,2.185,18,0.055,43,0.051,44,0.051,50,1.329,89,1.132,106,2.185,174,1.56,183,1.329,202,1.838,265,2.651,312,3.255,313,2.185,369,1.767,408,2.905,415,2.651,423,3.357,424,4.123,425,3.357,426,3.357,427,3.357,428,4.123,429,3.357,430,3.357,431,3.357,432,3.357]],["title/additional-documentation/code-editor.html",[6,0.33,370,0.952,392,0.811,393,0.811]],["body/additional-documentation/code-editor.html",[6,0.715,9,2.668,14,2.625,15,2.625,17,2.164,18,0.05,19,2.625,21,1.12,27,2.244,29,2.164,37,1.545,39,2.625,43,0.05,44,0.05,120,2.625,168,2.164,329,2.892,331,2.164,370,2.156,396,2.625,397,2.625,403,2.625,433,3.324,434,3.324,435,3.324,436,3.324,437,3.324]],["title/additional-documentation/resizer.html",[233,1.281,392,0.927,393,0.927]],["body/additional-documentation/resizer.html",[6,0.566,18,0.052,43,0.052,44,0.052,184,1.391,185,1.391,194,1.184,195,1.391,233,2.691,308,2.774,309,3.347,438,3.513,439,3.513,440,3.513,441,3.513,442,3.513,443,3.513,444,3.513,445,3.513]]],"invertedIndex":[["",{"_index":18,"title":{},"body":{"index.html":{},"overview.html":{},"license.html":{},"modules.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{}}}],["0",{"_index":240,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["1",{"_index":67,"title":{},"body":{"overview.html":{}}}],["2",{"_index":70,"title":{},"body":{"overview.html":{}}}],["2017",{"_index":76,"title":{},"body":{"license.html":{}}}],["2018",{"_index":77,"title":{},"body":{"license.html":{}}}],["4",{"_index":68,"title":{},"body":{"overview.html":{}}}],["7000",{"_index":275,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["_editorcompon",{"_index":225,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["_messageservic",{"_index":187,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["abov",{"_index":108,"title":{},"body":{"license.html":{}}}],["accept",{"_index":440,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["action",{"_index":130,"title":{},"body":{"license.html":{},"components/NgxGrippieComponent.html":{}}}],["actual_compon",{"_index":212,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["add",{"_index":19,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["addit",{"_index":392,"title":{"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{}},"body":{}}],["allow",{"_index":433,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["and/or",{"_index":101,"title":{},"body":{"license.html":{}}}],["angular",{"_index":390,"title":{},"body":{"miscellaneous/variables.html":{}}}],["angular/common",{"_index":147,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["angular/common/http",{"_index":413,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["angular/cor",{"_index":145,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["angular/form",{"_index":31,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/prerequisites.html":{}}}],["angular2",{"_index":7,"title":{},"body":{"index.html":{}}}],["apart",{"_index":445,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["app",{"_index":168,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/code-editor.html":{}}}],["applic",{"_index":8,"title":{},"body":{"index.html":{}}}],["argument",{"_index":226,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["aris",{"_index":134,"title":{},"body":{"license.html":{}}}],["array",{"_index":416,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["associ",{"_index":88,"title":{},"body":{"license.html":{}}}],["author",{"_index":123,"title":{},"body":{"license.html":{}}}],["auto",{"_index":35,"title":{},"body":{"index.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["awesom",{"_index":26,"title":{},"body":{"index.html":{}}}],["base",{"_index":302,"title":{},"body":{"miscellaneous/functions.html":{}}}],["basic",{"_index":308,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/resizer.html":{}}}],["basic|stack",{"_index":442,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["befor",{"_index":243,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["blockquot",{"_index":362,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["bold",{"_index":344,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["bootstrap",{"_index":49,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/prerequisites.html":{}}}],["brows",{"_index":139,"title":{},"body":{"modules.html":{}}}],["browser",{"_index":136,"title":{},"body":{"modules.html":{}}}],["build",{"_index":378,"title":{},"body":{"miscellaneous/variables.html":{}}}],["button",{"_index":420,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["c",{"_index":75,"title":{},"body":{"license.html":{}}}],["canenabletoolbaropt",{"_index":291,"title":{},"body":{"miscellaneous/functions.html":{}}}],["canenabletoolbaroptions(valu",{"_index":298,"title":{},"body":{"miscellaneous/functions.html":{}}}],["canres",{"_index":292,"title":{},"body":{"miscellaneous/functions.html":{}}}],["canresize(res",{"_index":306,"title":{},"body":{"miscellaneous/functions.html":{}}}],["charg",{"_index":83,"title":{},"body":{"license.html":{}}}],["claim",{"_index":126,"title":{},"body":{"license.html":{}}}],["class",{"_index":161,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["clear",{"_index":191,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["clearmessag",{"_index":177,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["clearmessagein(millisecond",{"_index":287,"title":{},"body":{"injectables/MessageService.html":{}}}],["cli.json",{"_index":391,"title":{},"body":{"miscellaneous/variables.html":{}}}],["cluster_ngxeditormodul",{"_index":52,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_declar",{"_index":53,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_export",{"_index":55,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_ngxeditorcomponent_provid",{"_index":54,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_provid",{"_index":56,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["code",{"_index":370,"title":{"additional-documentation/code-editor.html":{}},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/code-editor.html":{}}}],["codemirror",{"_index":329,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["codemirror'",{"_index":436,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["codemirror`",{"_index":404,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["codemirrorconfig",{"_index":319,"title":{},"body":{"miscellaneous/variables.html":{}}}],["codemirrorthen",{"_index":435,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["commandexecutorservic",{"_index":62,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["common/services/command",{"_index":158,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["common/services/message.servic",{"_index":157,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{}}}],["commonmodul",{"_index":146,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["compodoc",{"_index":38,"title":{},"body":{"index.html":{}}}],["compon",{"_index":69,"title":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}},"body":{"overview.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["component_templ",{"_index":207,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["condit",{"_index":107,"title":{},"body":{"license.html":{}}}],["config",{"_index":313,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/configuration.html":{},"additional-documentation/image-uploader.html":{}}}],["configuar",{"_index":330,"title":{},"body":{"miscellaneous/variables.html":{}}}],["configur",{"_index":303,"title":{"additional-documentation/configuration.html":{}},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["connect",{"_index":135,"title":{},"body":{"license.html":{}}}],["const",{"_index":273,"title":{},"body":{"injectables/MessageService.html":{}}}],["constructor",{"_index":178,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["constructor(_editorcompon",{"_index":223,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["constructor(_messageservic",{"_index":179,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["constructor(priv",{"_index":200,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["content",{"_index":374,"title":{},"body":{"miscellaneous/variables.html":{}}}],["contract",{"_index":131,"title":{},"body":{"license.html":{}}}],["copi",{"_index":86,"title":{},"body":{"license.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["copyright",{"_index":74,"title":{},"body":{"license.html":{}}}],["css",{"_index":405,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["css3",{"_index":443,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["current",{"_index":375,"title":{},"body":{"miscellaneous/variables.html":{}}}],["custom",{"_index":417,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["cut",{"_index":356,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["damag",{"_index":127,"title":{},"body":{"license.html":{}}}],["deal",{"_index":90,"title":{},"body":{"license.html":{}}}],["declar",{"_index":48,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["default",{"_index":194,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/resizer.html":{}}}],["defin",{"_index":180,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["delet",{"_index":357,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["demo",{"_index":32,"title":{},"body":{"index.html":{}}}],["depend",{"_index":46,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/prerequisites.html":{}}}],["descript",{"_index":186,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["dev",{"_index":380,"title":{},"body":{"miscellaneous/variables.html":{}}}],["direct",{"_index":205,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["directli",{"_index":432,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["disabl",{"_index":301,"title":{},"body":{"miscellaneous/functions.html":{}}}],["display",{"_index":198,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["distribut",{"_index":99,"title":{},"body":{"license.html":{}}}],["document",{"_index":34,"title":{},"body":{"index.html":{},"license.html":{}}}],["document:mousemov",{"_index":220,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["document:mousemove(ev",{"_index":227,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["document:mouseup",{"_index":221,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["document:mouseup(ev",{"_index":230,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["dom",{"_index":163,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["drag",{"_index":246,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["durat",{"_index":274,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["dure",{"_index":377,"title":{},"body":{"miscellaneous/variables.html":{}}}],["each",{"_index":418,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["edit",{"_index":331,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/code-editor.html":{}}}],["editor",{"_index":6,"title":{"additional-documentation/code-editor.html":{}},"body":{"index.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{}}}],["editor'},{'nam",{"_index":208,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["editor.compon",{"_index":150,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxGrippieComponent.html":{}}}],["editor.defaults.t",{"_index":322,"title":{},"body":{"miscellaneous/variables.html":{}}}],["editor.module.t",{"_index":144,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["editor.utils.t",{"_index":297,"title":{},"body":{"miscellaneous/functions.html":{}}}],["editor/common/ngx",{"_index":321,"title":{},"body":{"miscellaneous/variables.html":{}}}],["editor/common/services/message.service.t",{"_index":260,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["editor/common/services/message.service.ts:13",{"_index":263,"title":{},"body":{"injectables/MessageService.html":{}}}],["editor/common/services/message.service.ts:18",{"_index":264,"title":{},"body":{"injectables/MessageService.html":{}}}],["editor/common/services/message.service.ts:27",{"_index":268,"title":{},"body":{"injectables/MessageService.html":{}}}],["editor/common/utils/ngx",{"_index":296,"title":{},"body":{"miscellaneous/functions.html":{}}}],["editor/ngx",{"_index":143,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["editorusag",{"_index":20,"title":{},"body":{"index.html":{}}}],["element",{"_index":204,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["empti",{"_index":422,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["enabl",{"_index":300,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{}}}],["enabletoolbar",{"_index":338,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["endpoint",{"_index":424,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["enter",{"_index":341,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["env",{"_index":387,"title":{},"body":{"miscellaneous/variables.html":{}}}],["env=prod",{"_index":383,"title":{},"body":{"miscellaneous/variables.html":{}}}],["environ",{"_index":320,"title":{},"body":{"miscellaneous/variables.html":{}}}],["environment.prod.t",{"_index":384,"title":{},"body":{"miscellaneous/variables.html":{}}}],["environment.t",{"_index":381,"title":{},"body":{"miscellaneous/variables.html":{}}}],["event",{"_index":122,"title":{},"body":{"license.html":{},"components/NgxGrippieComponent.html":{}}}],["event.clienti",{"_index":252,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["event.preventdefault",{"_index":259,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["executor.servic",{"_index":159,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["export",{"_index":51,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["express",{"_index":115,"title":{},"body":{"license.html":{}}}],["fals",{"_index":236,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{}}}],["file",{"_index":89,"title":{},"body":{"license.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{},"additional-documentation/image-uploader.html":{}}}],["fit",{"_index":118,"title":{},"body":{"license.html":{}}}],["focuss",{"_index":317,"title":{},"body":{"miscellaneous/functions.html":{}}}],["follow",{"_index":106,"title":{},"body":{"license.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/image-uploader.html":{}}}],["font",{"_index":25,"title":{},"body":{"index.html":{}}}],["fontawesom",{"_index":398,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["format",{"_index":429,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["formdata",{"_index":427,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["formsmodul",{"_index":30,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/prerequisites.html":{}}}],["found",{"_index":389,"title":{},"body":{"miscellaneous/variables.html":{}}}],["free",{"_index":82,"title":{},"body":{"license.html":{}}}],["function",{"_index":234,"title":{"miscellaneous/functions.html":{}},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["furnish",{"_index":104,"title":{},"body":{"license.html":{}}}],["gener",{"_index":36,"title":{},"body":{"index.html":{}}}],["get",{"_index":0,"title":{"index.html":{},"license.html":{}},"body":{"index.html":{}}}],["geteditorconfigur",{"_index":293,"title":{},"body":{"miscellaneous/functions.html":{}}}],["geteditorconfiguration(valu",{"_index":310,"title":{},"body":{"miscellaneous/functions.html":{}}}],["getmessag",{"_index":261,"title":{},"body":{"injectables/MessageService.html":{}}}],["grabber",{"_index":216,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grant",{"_index":81,"title":{},"body":{"license.html":{}}}],["grippi",{"_index":211,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["grippie.compon",{"_index":152,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["grippie.component.html",{"_index":215,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.scss",{"_index":214,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.t",{"_index":213,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:13",{"_index":239,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:15",{"_index":241,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:17",{"_index":224,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:32",{"_index":229,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:48",{"_index":231,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:52",{"_index":235,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie/ngx",{"_index":151,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxGrippieComponent.html":{}}}],["group",{"_index":421,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["gutter",{"_index":324,"title":{},"body":{"miscellaneous/variables.html":{}}}],["height",{"_index":217,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["here",{"_index":40,"title":{},"body":{"index.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["herebi",{"_index":80,"title":{},"body":{"license.html":{}}}],["hold",{"_index":197,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["holder",{"_index":124,"title":{},"body":{"license.html":{}}}],["horizont",{"_index":438,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["horizontallin",{"_index":364,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["hostlisten",{"_index":219,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["hostlistener('document:mousemov",{"_index":247,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["hostlistener('document:mouseup",{"_index":255,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["hostlistener('mousedown",{"_index":257,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["html",{"_index":27,"title":{},"body":{"index.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/code-editor.html":{}}}],["htmlmode",{"_index":328,"title":{},"body":{"miscellaneous/variables.html":{}}}],["http://myapiendpoint",{"_index":431,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["httpclientmodul",{"_index":411,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["https://sibiraj",{"_index":41,"title":{},"body":{"index.html":{}}}],["imag",{"_index":369,"title":{"additional-documentation/image-uploader.html":{}},"body":{"miscellaneous/variables.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/image-uploader.html":{}}}],["imageendpoint",{"_index":343,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["impli",{"_index":116,"title":{},"body":{"license.html":{}}}],["import",{"_index":21,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["includ",{"_index":93,"title":{},"body":{"license.html":{}}}],["indent",{"_index":354,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["index",{"_index":2,"title":{"index.html":{}},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["info",{"_index":140,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["inject",{"_index":71,"title":{"injectables/MessageService.html":{}},"body":{"overview.html":{},"injectables/MessageService.html":{}}}],["inlcud",{"_index":410,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["input",{"_index":312,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/image-uploader.html":{}}}],["instal",{"_index":9,"title":{},"body":{"index.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["instead",{"_index":385,"title":{},"body":{"miscellaneous/variables.html":{}}}],["interv",{"_index":284,"title":{},"body":{"injectables/MessageService.html":{}}}],["ital",{"_index":345,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["item",{"_index":304,"title":{},"body":{"miscellaneous/functions.html":{}}}],["json",{"_index":415,"title":{},"body":{"additional-documentation/configuration.html":{},"additional-documentation/image-uploader.html":{}}}],["justifycent",{"_index":351,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["justifyful",{"_index":353,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["justifyleft",{"_index":350,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["justifyright",{"_index":352,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["kind",{"_index":114,"title":{},"body":{"license.html":{}}}],["legend",{"_index":47,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["liabil",{"_index":128,"title":{},"body":{"license.html":{}}}],["liabl",{"_index":125,"title":{},"body":{"license.html":{}}}],["licens",{"_index":72,"title":{"license.html":{}},"body":{"license.html":{}}}],["limit",{"_index":94,"title":{},"body":{"license.html":{}}}],["linenumb",{"_index":323,"title":{},"body":{"miscellaneous/variables.html":{}}}],["linewrap",{"_index":325,"title":{},"body":{"miscellaneous/variables.html":{}}}],["link",{"_index":367,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["list",{"_index":386,"title":{},"body":{"miscellaneous/variables.html":{}}}],["manag",{"_index":12,"title":{},"body":{"index.html":{}}}],["map",{"_index":388,"title":{},"body":{"miscellaneous/variables.html":{}}}],["match",{"_index":44,"title":{},"body":{"index.html":{},"overview.html":{},"license.html":{},"modules.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{}}}],["merchant",{"_index":117,"title":{},"body":{"license.html":{}}}],["merg",{"_index":97,"title":{},"body":{"license.html":{}}}],["messag",{"_index":169,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["message'},{'nam",{"_index":209,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["message.compon",{"_index":154,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["message.component.html",{"_index":173,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.scss",{"_index":171,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.t",{"_index":165,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.ts:14",{"_index":181,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.ts:26",{"_index":190,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message/ngx",{"_index":153,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{}}}],["messageservic",{"_index":63,"title":{"injectables/MessageService.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["metadata",{"_index":166,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["method",{"_index":176,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["millisecond",{"_index":285,"title":{},"body":{"injectables/MessageService.html":{}}}],["minheight",{"_index":333,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["minwidth",{"_index":335,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["miscellan",{"_index":290,"title":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["mit",{"_index":73,"title":{},"body":{"license.html":{}}}],["mode",{"_index":326,"title":{},"body":{"miscellaneous/variables.html":{}}}],["modifi",{"_index":96,"title":{},"body":{"license.html":{}}}],["modul",{"_index":22,"title":{"modules.html":{},"modules/NgxEditorModule.html":{}},"body":{"index.html":{},"overview.html":{},"modules.html":{},"modules/NgxEditorModule.html":{}}}],["mous",{"_index":253,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mousedown",{"_index":222,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mousedown(ev",{"_index":232,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mouseev",{"_index":228,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["name",{"_index":183,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/image-uploader.html":{}}}],["new",{"_index":279,"title":{},"body":{"injectables/MessageService.html":{}}}],["ng",{"_index":382,"title":{},"body":{"miscellaneous/variables.html":{}}}],["ngmodel",{"_index":28,"title":{},"body":{"index.html":{},"additional-documentation/prerequisites.html":{}}}],["ngmodul",{"_index":24,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{}}}],["ngx",{"_index":16,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/prerequisites.html":{}}}],["ngxbootstrap",{"_index":399,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["ngxeditor",{"_index":3,"title":{},"body":{"index.html":{}}}],["ngxeditorcompon",{"_index":57,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxeditorconfig",{"_index":311,"title":{},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["ngxeditormessagecompon",{"_index":59,"title":{"components/NgxEditorMessageComponent.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxeditormodul",{"_index":23,"title":{"modules/NgxEditorModule.html":{}},"body":{"index.html":{},"overview.html":{},"modules.html":{},"modules/NgxEditorModule.html":{}}}],["ngxeditortoolbarcompon",{"_index":60,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxgrippiecompon",{"_index":58,"title":{"components/NgxGrippieComponent.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxmessag",{"_index":175,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["node_modules/codemirror/lib/codemirror.css",{"_index":437,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["node_modules/codemirror/lib/codemirror.cssmodul",{"_index":407,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["noninfring",{"_index":121,"title":{},"body":{"license.html":{}}}],["notic",{"_index":109,"title":{},"body":{"license.html":{}}}],["npm",{"_index":14,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["number",{"_index":238,"title":{},"body":{"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["object",{"_index":305,"title":{},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["observ",{"_index":266,"title":{},"body":{"injectables/MessageService.html":{}}}],["obtain",{"_index":85,"title":{},"body":{"license.html":{}}}],["oldi",{"_index":218,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["oninit",{"_index":244,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["onmousemove(ev",{"_index":248,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["onmouseup(ev",{"_index":256,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["onresize(ev",{"_index":258,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["option",{"_index":185,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/resizer.html":{}}}],["order",{"_index":397,"title":{},"body":{"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["orderedlist",{"_index":365,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["otherwis",{"_index":133,"title":{},"body":{"license.html":{}}}],["out",{"_index":66,"title":{},"body":{"overview.html":{},"license.html":{},"modules/NgxEditorModule.html":{},"miscellaneous/functions.html":{}}}],["outdent",{"_index":355,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["overview",{"_index":45,"title":{"overview.html":{}},"body":{"overview.html":{}}}],["overwrit",{"_index":376,"title":{},"body":{"miscellaneous/variables.html":{}}}],["packag",{"_index":11,"title":{},"body":{"index.html":{}}}],["page",{"_index":393,"title":{"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{}},"body":{}}],["paragraph",{"_index":361,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["param",{"_index":199,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["paramet",{"_index":182,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["particular",{"_index":119,"title":{},"body":{"license.html":{}}}],["peer",{"_index":395,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["peerdepend",{"_index":396,"title":{},"body":{"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["permiss",{"_index":79,"title":{},"body":{"license.html":{}}}],["permit",{"_index":103,"title":{},"body":{"license.html":{}}}],["person",{"_index":84,"title":{},"body":{"license.html":{}}}],["placehold",{"_index":340,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["plain",{"_index":434,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["popovermodul",{"_index":149,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["popovermodule.forroot",{"_index":160,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["portion",{"_index":112,"title":{},"body":{"license.html":{}}}],["post",{"_index":425,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["prerequisit",{"_index":394,"title":{"additional-documentation/prerequisites.html":{}},"body":{"additional-documentation/prerequisites.html":{}}}],["previou",{"_index":242,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["privat",{"_index":278,"title":{},"body":{"injectables/MessageService.html":{}}}],["product",{"_index":372,"title":{},"body":{"miscellaneous/variables.html":{}}}],["project",{"_index":406,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["properli",{"_index":409,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["properti",{"_index":174,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{},"additional-documentation/configuration.html":{},"additional-documentation/image-uploader.html":{}}}],["provid",{"_index":50,"title":{},"body":{"overview.html":{},"license.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/image-uploader.html":{}}}],["publish",{"_index":98,"title":{},"body":{"license.html":{}}}],["purpos",{"_index":120,"title":{},"body":{"license.html":{},"additional-documentation/code-editor.html":{}}}],["rang",{"_index":318,"title":{},"body":{"miscellaneous/functions.html":{}}}],["reactiveformsmodul",{"_index":148,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["redo",{"_index":360,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["remov",{"_index":401,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["removeblockquot",{"_index":363,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["removeformat",{"_index":358,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["repres",{"_index":419,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["request",{"_index":426,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["reset",{"_index":65,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["resiz",{"_index":233,"title":{"additional-documentation/resizer.html":{}},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{},"additional-documentation/resizer.html":{}}}],["respect",{"_index":412,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["respons",{"_index":428,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["restor",{"_index":315,"title":{},"body":{"miscellaneous/functions.html":{}}}],["restoreselect",{"_index":294,"title":{},"body":{"miscellaneous/functions.html":{}}}],["restoreselection(rang",{"_index":314,"title":{},"body":{"miscellaneous/functions.html":{}}}],["restrict",{"_index":92,"title":{},"body":{"license.html":{}}}],["result",{"_index":43,"title":{},"body":{"index.html":{},"overview.html":{},"license.html":{},"modules.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{}}}],["return",{"_index":192,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["right",{"_index":95,"title":{},"body":{"license.html":{}}}],["rxjs/add/operator/map",{"_index":271,"title":{},"body":{"injectables/MessageService.html":{}}}],["rxjs/observ",{"_index":270,"title":{},"body":{"injectables/MessageService.html":{}}}],["rxjs/subject",{"_index":269,"title":{},"body":{"injectables/MessageService.html":{}}}],["s.github.io/ngx",{"_index":42,"title":{},"body":{"index.html":{}}}],["save",{"_index":17,"title":{},"body":{"index.html":{},"miscellaneous/functions.html":{},"additional-documentation/code-editor.html":{}}}],["saveselect",{"_index":295,"title":{},"body":{"miscellaneous/functions.html":{}}}],["second",{"_index":286,"title":{},"body":{"injectables/MessageService.html":{}}}],["select",{"_index":316,"title":{},"body":{"miscellaneous/functions.html":{}}}],["selector",{"_index":167,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["sell",{"_index":102,"title":{},"body":{"license.html":{}}}],["send",{"_index":189,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["sendmessag",{"_index":262,"title":{},"body":{"injectables/MessageService.html":{}}}],["sendmessage(messag",{"_index":267,"title":{},"body":{"injectables/MessageService.html":{}}}],["sent",{"_index":265,"title":{},"body":{"injectables/MessageService.html":{},"additional-documentation/image-uploader.html":{}}}],["servic",{"_index":188,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["set",{"_index":237,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["settimeout",{"_index":288,"title":{},"body":{"injectables/MessageService.html":{}}}],["shall",{"_index":110,"title":{},"body":{"license.html":{}}}],["short",{"_index":283,"title":{},"body":{"injectables/MessageService.html":{}}}],["showtoolbar",{"_index":339,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["sibiraj",{"_index":78,"title":{},"body":{"license.html":{}}}],["simpl",{"_index":4,"title":{},"body":{"index.html":{}}}],["softwar",{"_index":87,"title":{},"body":{"license.html":{}}}],["sooner",{"_index":402,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["sourc",{"_index":141,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["specifi",{"_index":423,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["spellcheck",{"_index":332,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["src/app/ngx",{"_index":142,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["src/environments/environment.prod.t",{"_index":371,"title":{},"body":{"miscellaneous/variables.html":{}}}],["src/environments/environment.t",{"_index":373,"title":{},"body":{"miscellaneous/variables.html":{}}}],["stack",{"_index":309,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/resizer.html":{}}}],["stackblitz",{"_index":33,"title":{},"body":{"index.html":{}}}],["stackoverflow",{"_index":444,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["start",{"_index":1,"title":{"index.html":{},"license.html":{}},"body":{"index.html":{}}}],["strikethrough",{"_index":347,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["string",{"_index":202,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/image-uploader.html":{}}}],["stringopt",{"_index":439,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["stylesheet",{"_index":403,"title":{},"body":{"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["styleurl",{"_index":170,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["subject",{"_index":105,"title":{},"body":{"license.html":{},"injectables/MessageService.html":{}}}],["sublicens",{"_index":100,"title":{},"body":{"license.html":{}}}],["subscript",{"_index":349,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["substanti",{"_index":111,"title":{},"body":{"license.html":{}}}],["such",{"_index":13,"title":{},"body":{"index.html":{}}}],["superscript",{"_index":348,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["support",{"_index":137,"title":{},"body":{"modules.html":{}}}],["svg",{"_index":138,"title":{},"body":{"modules.html":{}}}],["system",{"_index":379,"title":{},"body":{"miscellaneous/variables.html":{}}}],["templat",{"_index":162,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["templateurl",{"_index":172,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["temporari",{"_index":400,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["text",{"_index":342,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["this._editorcomponent.resizetextarea(event.clienti",{"_index":250,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["this._messageservice.getmessage().subscribe((messag",{"_index":201,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["this.clearmessagein(dur",{"_index":282,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.grabb",{"_index":249,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["this.message.asobserv",{"_index":280,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.message.next(messag",{"_index":281,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.message.next(undefin",{"_index":289,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.ngxmessag",{"_index":203,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["this.oldi",{"_index":251,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["time",{"_index":272,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["toolbar",{"_index":299,"title":{"additional-documentation/toolbar.html":{}},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["toolbar'},{'nam",{"_index":210,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["toolbar.compon",{"_index":156,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["toolbar/ngx",{"_index":155,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["tort",{"_index":132,"title":{},"body":{"license.html":{}}}],["translat",{"_index":336,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["tree",{"_index":164,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["true",{"_index":61,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["two",{"_index":441,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["type",{"_index":184,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/resizer.html":{}}}],["undefin",{"_index":196,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["underlin",{"_index":346,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["undo",{"_index":359,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["unlink",{"_index":368,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["unorderedlist",{"_index":366,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["up",{"_index":254,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["updat",{"_index":245,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["upload",{"_index":408,"title":{"additional-documentation/image-uploader.html":{}},"body":{"additional-documentation/prerequisites.html":{},"additional-documentation/image-uploader.html":{}}}],["url",{"_index":430,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["us",{"_index":37,"title":{},"body":{"index.html":{},"license.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/code-editor.html":{}}}],["usag",{"_index":414,"title":{},"body":{"additional-documentation/configuration.html":{}}}],["user",{"_index":277,"title":{},"body":{"injectables/MessageService.html":{}}}],["valu",{"_index":195,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/resizer.html":{}}}],["var",{"_index":206,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["variabl",{"_index":276,"title":{"miscellaneous/variables.html":{}},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["vertic",{"_index":307,"title":{},"body":{"miscellaneous/functions.html":{}}}],["via",{"_index":10,"title":{},"body":{"index.html":{},"miscellaneous/functions.html":{},"additional-documentation/image-uploader.html":{}}}],["view",{"_index":39,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["void",{"_index":193,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["warranti",{"_index":113,"title":{},"body":{"license.html":{}}}],["whether",{"_index":129,"title":{},"body":{"license.html":{}}}],["width",{"_index":334,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["without",{"_index":91,"title":{},"body":{"license.html":{}}}],["work",{"_index":29,"title":{},"body":{"index.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["wysiwyg",{"_index":5,"title":{},"body":{"index.html":{}}}],["xml",{"_index":327,"title":{},"body":{"miscellaneous/variables.html":{}}}],["yarn",{"_index":15,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["ye",{"_index":337,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["zoom",{"_index":64,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}]],"pipeline":["stemmer"]},
+    "store": {"index.html":{"url":"index.html","title":"getting-started - index","body":"\n                   \n\nNgxEditor\n\n  \n   \n  \n\nA Simple WYSIWYG Editor for Angular2+ Applications.\n\n  \n    \n  \n  \n    \n  \n  \n    \n  \n  \n    \n  \n\n\nGetting Started\nInstallation\nInstall via Package managers such as npm or yarn\nnpm install ngx-editor --save\n# or\nyarn add ngx-editorUsage\nImport ngx-editor module\nimport { NgxEditorModule } from 'ngx-editor';\n\n@NgModule({\n  imports: [ NgxEditorModule ]\n})Import font-awesome into your application\nThen in HTML\nFor ngModel to work, You must import FormsModule from @angular/forms\nDemo\nDemo at stackblitz ngx-editor\nDocumentation\nDocumentation is auto-generated using compodoc, and can be viewed here: https://sibiraj-s.github.io/ngx-editor/\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"overview.html":{"url":"overview.html","title":"overview - overview","body":"\n                   \n\n\n\n    Overview\n\n            \n                \n                    \n\n\n\n\n\ndependencies\n\nLegend\n\n  Declarations\n\n  Module\n\n  Bootstrap\n\n  Providers\n\n  Exports\n\ncluster_NgxEditorModule\n\n\n\ncluster_NgxEditorModule_declarations\n\n\n\ncluster_NgxEditorModule_NgxEditorComponent_providers\n\n\n\ncluster_NgxEditorModule_exports\n\n\n\ncluster_NgxEditorModule_providers\n\n\n\n\nNgxEditorComponent\n\nNgxEditorComponent\n\n\n\nNgxEditorModule\n\nNgxEditorModule\n\nNgxEditorModule -->\n\nNgxEditorComponent->NgxEditorModule\n\n\n\n\n\nNgxGrippieComponent\n\nNgxGrippieComponent\n\nNgxEditorModule -->\n\nNgxGrippieComponent->NgxEditorModule\n\n\n\n\n\nNgxEditorMessageComponent\n\nNgxEditorMessageComponent\n\nNgxEditorModule -->\n\nNgxEditorMessageComponent->NgxEditorModule\n\n\n\n\n\nNgxEditorToolbarComponent\n\nNgxEditorToolbarComponent\n\nNgxEditorModule -->\n\nNgxEditorToolbarComponent->NgxEditorModule\n\n\n\n\n\nNgxEditorComponent \n\nNgxEditorComponent \n\nNgxEditorComponent  -->\n\nNgxEditorModule->NgxEditorComponent \n\n\n\n ), : true\n} -->\n\n{\n    : , : (() => ), : true\n}\n\n{\n    : , : (() => ), : true\n}\n\n ), : true\n}->NgxEditorComponent -->\n\n{\n    : , : (() => ), : true\n}->NgxEditorComponent\n\n\n\n\n\nCommandExecutorService\n\nCommandExecutorService\n\nNgxEditorModule -->\n\nCommandExecutorService->NgxEditorModule\n\n\n\n\n\nMessageService\n\nMessageService\n\nNgxEditorModule -->\n\nMessageService->NgxEditorModule\n\n\n\n\n\n\n                \n                \n                \n                    Zoom in\n                    Reset\n                    Zoom out\n                \n            \n\n    \n            \n                \n                    \n                        \n                        \n                            1 module\n                        \n                    \n                \n            \n            \n                \n                    \n                        \n                        4 components\n                    \n                \n            \n            \n                \n                    \n                        \n                        2 injectables\n                    \n                \n            \n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"license.html":{"url":"license.html","title":"getting-started - license","body":"\n                   \n\nMIT License\nCopyright (c) 2017-2018 Sibiraj\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"modules.html":{"url":"modules.html","title":"modules - modules","body":"\n                   \n\n\n\n\n    Modules\n\n\n    \n            \n                \n                    \n                        NgxEditorModule\n                    \n                    \n                                \n                                    \n                                            Your browser does not support SVG\n                                    \n                                \n                        \n                            Browse\n                        \n                    \n                \n            \n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"modules/NgxEditorModule.html":{"url":"modules/NgxEditorModule.html","title":"module - NgxEditorModule","body":"\n                   \n\n\n\n\n  Modules\n  NgxEditorModule\n\n\n      \n          \n              \n\n\n\n\n\ndependencies\n\nLegend\n\n  Declarations\n\n  Module\n\n  Bootstrap\n\n  Providers\n\n  Exports\n\ncluster_NgxEditorModule\n\n\n\ncluster_NgxEditorModule_declarations\n\n\n\ncluster_NgxEditorModule_NgxEditorComponent_providers\n\n\n\ncluster_NgxEditorModule_exports\n\n\n\ncluster_NgxEditorModule_providers\n\n\n\n\nNgxEditorComponent\n\nNgxEditorComponent\n\n\n\nNgxEditorModule\n\nNgxEditorModule\n\nNgxEditorModule -->\n\nNgxEditorComponent->NgxEditorModule\n\n\n\n\n\nNgxGrippieComponent\n\nNgxGrippieComponent\n\nNgxEditorModule -->\n\nNgxGrippieComponent->NgxEditorModule\n\n\n\n\n\nNgxEditorMessageComponent\n\nNgxEditorMessageComponent\n\nNgxEditorModule -->\n\nNgxEditorMessageComponent->NgxEditorModule\n\n\n\n\n\nNgxEditorToolbarComponent\n\nNgxEditorToolbarComponent\n\nNgxEditorModule -->\n\nNgxEditorToolbarComponent->NgxEditorModule\n\n\n\n\n\nNgxEditorComponent \n\nNgxEditorComponent \n\nNgxEditorComponent  -->\n\nNgxEditorModule->NgxEditorComponent \n\n\n\n ), : true\n} -->\n\n{\n    : , : (() => ), : true\n}\n\n{\n    : , : (() => ), : true\n}\n\n ), : true\n}->NgxEditorComponent -->\n\n{\n    : , : (() => ), : true\n}->NgxEditorComponent\n\n\n\n\n\nCommandExecutorService\n\nCommandExecutorService\n\nNgxEditorModule -->\n\nCommandExecutorService->NgxEditorModule\n\n\n\n\n\nMessageService\n\nMessageService\n\nNgxEditorModule -->\n\nMessageService->NgxEditorModule\n\n\n\n\n\n\n          \n          \n          \n              Zoom in\n              Reset\n              Zoom out\n          \n      \n      \n      \n\n\n    \n        Info\n    \n\n\n    \n        Source\n    \n\n\n\n    \n\n        \n            File\n        \n        \n            src/app/ngx-editor/ngx-editor.module.ts\n        \n\n\n        \n\n        \n            \n                \n                    Declarations\n                    \n                            \n                                NgxEditorComponent\n                            \n                            \n                                NgxGrippieComponent\n                            \n                            \n                                NgxEditorMessageComponent\n                            \n                            \n                                NgxEditorToolbarComponent\n                            \n                    \n                \n                \n                    Providers\n                    \n                            \n                                     CommandExecutorService\n                            \n                            \n                                     MessageService\n                            \n                    \n                \n                \n                    Exports\n                    \n                            \n                                    NgxEditorComponent\n                            \n                    \n                \n            \n        \n    \n\n\n    \n        import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { PopoverModule } from 'ngx-bootstrap';\nimport { NgxEditorComponent } from './ngx-editor.component';\nimport { NgxGrippieComponent } from './ngx-grippie/ngx-grippie.component';\nimport { NgxEditorMessageComponent } from './ngx-editor-message/ngx-editor-message.component';\nimport { NgxEditorToolbarComponent } from './ngx-editor-toolbar/ngx-editor-toolbar.component';\nimport { MessageService } from './common/services/message.service';\nimport { CommandExecutorService } from './common/services/command-executor.service';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, PopoverModule.forRoot()],\n  declarations: [NgxEditorComponent, NgxGrippieComponent, NgxEditorMessageComponent, NgxEditorToolbarComponent],\n  exports: [NgxEditorComponent, PopoverModule],\n  providers: [CommandExecutorService, MessageService]\n})\n\nexport class NgxEditorModule { }\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/NgxEditorMessageComponent.html":{"url":"components/NgxEditorMessageComponent.html","title":"component - NgxEditorMessageComponent","body":"\n                   \n\n\n\n\n\n  Components\n  NgxEditorMessageComponent\n\n\n\n    \n        Info\n    \n\n    \n        Source\n    \n\n    \n        Template\n    \n    \n        DOM Tree\n    \n\n\n\n    \n    File\n\n\n    src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts\n\n\n\n\n\n\n\n    Metadata\n    \n        \n\n\n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                app-ngx-editor-message\n            \n\n            \n                styleUrls\n                ngx-editor-message.component.scss\n            \n\n\n\n            \n                templateUrl\n                ./ngx-editor-message.component.html\n            \n\n\n        \n    \n\n\n    \n        Index\n        \n            \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                ngxMessage\n                            \n                        \n                    \n                \n                \n                    \n                        Methods\n                    \n                \n                \n                    \n                        \n                            \n                                clearMessage\n                            \n                        \n                    \n                \n            \n        \n    \n\n    \n        Constructor\n            \n                \n                    \n                        \n    constructor(_messageService: MessageService)\n                        \n                    \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts:14\n                                \n                            \n    \n                    \n                        \n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                        Type\n                                                    Optional\n                                                        Description\n                                                \n                                            \n                                            \n                                                    \n                                                        _messageService\n                                                      \n                                                            \n                                                                        MessageService\n                                                            \n                                                      \n                                                        \n                                                                no\n                                                        \n                                                        \n                                                            \n                                                                    service to send message to the editor\n    \n                                                            \n                                                    \n                                            \n                                        \n                                \n                        \n                    \n                \n            \n    \n\n\n\n\n\n    \n        \n            \n                Methods\n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                clearMessage\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n    clearMessage()\n                        \n                    \n    \n    \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts:26\n                                \n                            \n    \n                    \n                        \n                                clears editor message\n    \n    \n                                \n                                    Returns :     void\n    \n                                \n                        \n                    \n                \n            \n    \n\n    \n        \n            \n                Properties\n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                ngxMessage\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            ngxMessage:     \n    \n                        \n                    \n                        \n                            \n                                Default value : undefined\n                            \n                        \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts:14\n                                \n                            \n    \n                    \n                        \n                            property that holds the message to be displayed on the editor \n    \n                        \n                    \n    \n                \n            \n    \n\n\n\n\n    \n        import { Component } from '@angular/core';\n\nimport { MessageService } from '../common/services/message.service';\n\n@Component({\n  selector: 'app-ngx-editor-message',\n  templateUrl: './ngx-editor-message.component.html',\n  styleUrls: ['./ngx-editor-message.component.scss']\n})\n\nexport class NgxEditorMessageComponent {\n\n  /** property that holds the message to be displayed on the editor */\n  ngxMessage = undefined;\n\n  /**\n   * @param _messageService service to send message to the editor\n   */\n  constructor(private _messageService: MessageService) {\n    this._messageService.getMessage().subscribe((message: string) => this.ngxMessage = message);\n  }\n\n  /**\n   * clears editor message\n   */\n  clearMessage(): void {\n    this.ngxMessage = undefined;\n    return;\n  }\n}\n\n    \n\n    \n        \n  {{ ngxMessage }}\n\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '  {{ ngxMessage }}'\n    var COMPONENTS = [{'name': 'NgxEditorComponent', 'selector': 'app-ngx-editor'},{'name': 'NgxEditorMessageComponent', 'selector': 'app-ngx-editor-message'},{'name': 'NgxEditorToolbarComponent', 'selector': 'app-ngx-editor-toolbar'},{'name': 'NgxGrippieComponent', 'selector': 'app-ngx-grippie'}];\n    var DIRECTIVES = [];\n    var ACTUAL_COMPONENT = {'name': 'NgxEditorMessageComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"components/NgxGrippieComponent.html":{"url":"components/NgxGrippieComponent.html","title":"component - NgxGrippieComponent","body":"\n                   \n\n\n\n\n\n  Components\n  NgxGrippieComponent\n\n\n\n    \n        Info\n    \n\n    \n        Source\n    \n\n    \n        Template\n    \n    \n        DOM Tree\n    \n\n\n\n    \n    File\n\n\n    src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts\n\n\n\n\n\n\n\n    Metadata\n    \n        \n\n\n\n\n\n\n\n\n\n\n\n\n            \n                selector\n                app-ngx-grippie\n            \n\n            \n                styleUrls\n                ngx-grippie.component.scss\n            \n\n\n\n            \n                templateUrl\n                ./ngx-grippie.component.html\n            \n\n\n        \n    \n\n\n    \n        Index\n        \n            \n                \n                    \n                        Properties\n                    \n                \n                \n                    \n                        \n                            \n                                grabber\n                            \n                            \n                                height\n                            \n                            \n                                oldY\n                            \n                        \n                    \n                \n                \n                    \n                        HostListeners\n                    \n                \n                \n                    \n                        \n                            \n                                document:mousemove\n                            \n                            \n                                document:mouseup\n                            \n                            \n                                mousedown\n                            \n                        \n                    \n                \n            \n        \n    \n\n    \n        Constructor\n            \n                \n                    \n                        \n    constructor(_editorComponent: NgxEditorComponent)\n                        \n                    \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:17\n                                \n                            \n    \n                    \n                        \n                                Constructor\n    \n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                        Type\n                                                    Optional\n                                                        Description\n                                                \n                                            \n                                            \n                                                    \n                                                        _editorComponent\n                                                      \n                                                            \n                                                                        NgxEditorComponent\n                                                            \n                                                      \n                                                        \n                                                                no\n                                                        \n                                                        \n                                                            \n                                                                    Editor component\n    \n                                                            \n                                                    \n                                            \n                                        \n                                \n                        \n                    \n                \n            \n    \n\n\n\n\n    \n        HostListeners        \n                \n                    \n                        \n                            \n                            \n                                \n                                document:mousemove\n                                \n                                \n                            \n                        \n                    \n                        \n                            \n                                Arguments : '$event' \n                            \n                        \n                    \n                        \n    document:mousemove(event: MouseEvent)\n                        \n                    \n    \n    \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:32\n                                \n                            \n    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                document:mouseup\n                                \n                                \n                            \n                        \n                    \n                        \n                            \n                                Arguments : '$event' \n                            \n                        \n                    \n                        \n    document:mouseup(event: MouseEvent)\n                        \n                    \n    \n    \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:48\n                                \n                            \n    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                mousedown\n                                \n                                \n                            \n                        \n                    \n                        \n                            \n                                Arguments : '$event' \n                            \n                        \n                    \n                        \n    mousedown(event: MouseEvent, resizer?: Function)\n                        \n                    \n    \n    \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:52\n                                \n                            \n    \n                \n            \n    \n\n\n    \n        \n            \n                Properties\n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                grabber\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            grabber:     \n    \n                        \n                    \n                        \n                            \n                                Default value : false\n                            \n                        \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:17\n                                \n                            \n    \n                    \n                        \n                            set to true on mousedown event \n    \n                        \n                    \n    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                height\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            height:     number\n    \n                        \n                    \n                        \n                            \n                                Type :     number\n    \n                            \n                        \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:13\n                                \n                            \n    \n                    \n                        \n                            height of the editor \n    \n                        \n                    \n    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                oldY\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            oldY:     number\n    \n                        \n                    \n                        \n                            \n                                Type :     number\n    \n                            \n                        \n                        \n                            \n                                Default value : 0\n                            \n                        \n                            \n                                \n                                    Defined in src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts:15\n                                \n                            \n    \n                    \n                        \n                            previous value befor resizing the editor \n    \n                        \n                    \n    \n                \n            \n    \n\n\n\n\n    \n        import { Component, OnInit, HostListener } from '@angular/core';\nimport { NgxEditorComponent } from '../ngx-editor.component';\n\n@Component({\n  selector: 'app-ngx-grippie',\n  templateUrl: './ngx-grippie.component.html',\n  styleUrls: ['./ngx-grippie.component.scss']\n})\n\nexport class NgxGrippieComponent {\n\n  /** height of the editor */\n  height: number;\n  /** previous value befor resizing the editor */\n  oldY = 0;\n  /** set to true on mousedown event */\n  grabber = false;\n\n  /**\n   * Constructor\n   *\n   * @param _editorComponent Editor component\n   */\n  constructor(private _editorComponent: NgxEditorComponent) { }\n\n  /**\n   *\n   * @param event Mouseevent\n   *\n   * Update the height of the editor when the grabber is dragged\n   */\n  @HostListener('document:mousemove', ['$event']) onMouseMove(event: MouseEvent) {\n\n    if (!this.grabber) {\n      return;\n    }\n\n    this._editorComponent.resizeTextArea(event.clientY - this.oldY);\n    this.oldY = event.clientY;\n  }\n\n  /**\n   *\n   * @param event Mouseevent\n   *\n   * set the grabber to false on mouse up action\n   */\n  @HostListener('document:mouseup', ['$event']) onMouseUp(event: MouseEvent) {\n    this.grabber = false;\n  }\n\n  @HostListener('mousedown', ['$event']) onResize(event: MouseEvent, resizer?: Function) {\n    this.grabber = true;\n    this.oldY = event.clientY;\n    event.preventDefault();\n  }\n\n}\n\n    \n\n    \n        \n  \n    \n      \n    \n  \n\n\n    \n\n    \n        \n        \n            \n                Legend\n            \n            \n                Html element\n            \n            \n                Component\n            \n            \n                Html element with directive\n            \n        \n    \n\n\n\n\n\n\n        var COMPONENT_TEMPLATE = '                  '\n    var COMPONENTS = [{'name': 'NgxEditorComponent', 'selector': 'app-ngx-editor'},{'name': 'NgxEditorMessageComponent', 'selector': 'app-ngx-editor-message'},{'name': 'NgxEditorToolbarComponent', 'selector': 'app-ngx-editor-toolbar'},{'name': 'NgxGrippieComponent', 'selector': 'app-ngx-grippie'}];\n    var DIRECTIVES = [];\n    var ACTUAL_COMPONENT = {'name': 'NgxGrippieComponent'};\n\n\n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"injectables/MessageService.html":{"url":"injectables/MessageService.html","title":"injectable - MessageService","body":"\n                   \n\n\n\n\n\n\n\n  Injectables\n  MessageService\n\n\n\n    \n        Info\n    \n\n\n    \n        Source\n    \n\n\n\n    \n        \n            File\n        \n        \n            src/app/ngx-editor/common/services/message.service.ts\n        \n\n\n\n            \n                Index\n                \n                    \n                        \n                            \n                                Methods\n                            \n                        \n                        \n                            \n                                \n                                    \n                                        getMessage\n                                    \n                                    \n                                        sendMessage\n                                    \n                                \n                            \n                        \n                    \n                \n            \n\n            \n                Constructor\n                    \n                        \n                            \n                                \n            constructor()\n                                \n                            \n                                    \n                                        \n                                            Defined in src/app/ngx-editor/common/services/message.service.ts:13\n                                        \n                                    \n            \n                        \n                    \n            \n\n            \n                \n                    \n                        Methods\n                    \n                    \n                        \n                            \n                                \n                                    \n                                    \n                                        \n                                        getMessage\n                                        \n                                        \n                                    \n                                \n                            \n                            \n                                \n            getMessage()\n                                \n                            \n            \n            \n                                    \n                                        \n                                            Defined in src/app/ngx-editor/common/services/message.service.ts:18\n                                        \n                                    \n            \n                            \n                                \n                                        returns the message sent by the editor \n            \n            \n                                        \n                                            Returns :     Observable\n            \n                                        \n                                \n                            \n                        \n                    \n                    \n                        \n                            \n                                \n                                    \n                                    \n                                        \n                                        sendMessage\n                                        \n                                        \n                                    \n                                \n                            \n                            \n                                \n            sendMessage(message: string)\n                                \n                            \n            \n            \n                                    \n                                        \n                                            Defined in src/app/ngx-editor/common/services/message.service.ts:27\n                                        \n                                    \n            \n                            \n                                \n                                        sends message to the editor\n            \n            \n                                        \n                                                Parameters :\n                                                \n                                                    \n                                                        \n                                                            Name\n                                                                Type\n                                                            Optional\n                                                                Description\n                                                        \n                                                    \n                                                    \n                                                            \n                                                                message\n                                                                \n                                                                    \n                                                                                string\n                                                                    \n                                                                \n                                                                \n                                                                        no\n                                                                \n                                                                \n            \n                                                                    \n                                                                            message to be sent\n            \n                                                                    \n                                                            \n                                                    \n                                                \n                                        \n                                        \n                                        \n                                        \n                                            Returns :     void\n            \n                                        \n                                            \n                                                \n                                            \n                                \n                            \n                        \n                    \n            \n\n\n    \n\n\n    \n        import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs/Subject';\nimport { Observable } from 'rxjs/Observable';\nimport 'rxjs/add/operator/map';\n\n/** time in which the message has to be cleared */\nconst DURATION = 7000;\n\n@Injectable()\nexport class MessageService {\n\n  /** variable to hold the user message */\n  private message: Subject = new Subject();\n\n  constructor() { }\n\n  /** returns the message sent by the editor */\n  getMessage(): Observable {\n    return this.message.asObservable();\n  }\n\n  /**\n   * sends message to the editor\n   *\n   * @param message message to be sent\n   */\n  sendMessage(message: string): void {\n    this.message.next(message);\n    this.clearMessageIn(DURATION);\n    return;\n  }\n\n  /**\n   * a short interval to clear message\n   *\n   * @param milliseconds time in seconds in which the message has to be cleared\n   */\n  private clearMessageIn(milliseconds: number): void {\n    setTimeout(() => {\n      this.message.next(undefined);\n    }, milliseconds);\n    return;\n  }\n\n}\n\n    \n\n\n\n\n\n\n\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"miscellaneous/functions.html":{"url":"miscellaneous/functions.html","title":"miscellaneous-functions - functions","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Miscellaneous\n  Functions\n\n\n\n    Index\n    \n        \n            \n                \n                    \n                        \n                            canEnableToolbarOptions\n                        \n                        \n                            canResize\n                        \n                        \n                            getEditorConfiguration\n                        \n                        \n                            restoreSelection\n                        \n                        \n                            saveSelection\n                        \n                    \n                \n            \n        \n    \n\n\n    src/app/ngx-editor/common/utils/ngx-editor.utils.ts\n    \n                \n                \n                    \n                        \n                            \n                            \n                                \n                                canEnableToolbarOptions\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n    canEnableToolbarOptions(value: string, toolbar: any)\n                        \n                    \n    \n    \n    \n                    \n                        \n                                enable or disable toolbar based on configuration\n    \n    \n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                        Type\n                                                    Optional\n                                                        Description\n                                                \n                                            \n                                            \n                                                    \n                                                        value\n                                                        \n                                                            \n                                                                        string\n                                                            \n                                                        \n                                                        \n                                                                no\n                                                        \n                                                        \n    \n                                                            \n                                                                    toolbar item\n    \n                                                            \n                                                    \n                                                    \n                                                        toolbar\n                                                        \n                                                            \n                                                                        any\n                                                            \n                                                        \n                                                        \n                                                                no\n                                                        \n                                                        \n    \n                                                            \n                                                                    toolbar configuration object\n    \n                                                            \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                        \n                    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                canResize\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n    canResize(resizer: string)\n                        \n                    \n    \n    \n    \n                    \n                        \n                                return vertical if the element is the resizer property is set to basic\n    \n    \n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                        Type\n                                                    Optional\n                                                        Description\n                                                \n                                            \n                                            \n                                                    \n                                                        resizer\n                                                        \n                                                            \n                                                                        string\n                                                            \n                                                        \n                                                        \n                                                                no\n                                                        \n                                                        \n    \n                                                            \n                                                                    type of resizer, either basic or stack\n    \n                                                            \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                        \n                    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                getEditorConfiguration\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n    getEditorConfiguration(value: any, ngxEditorConfig: any, input: any)\n                        \n                    \n    \n    \n    \n                    \n                        \n                                set editor configuration\n    \n    \n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                        Type\n                                                    Optional\n                                                        Description\n                                                \n                                            \n                                            \n                                                    \n                                                        value\n                                                        \n                                                            \n                                                                        any\n                                                            \n                                                        \n                                                        \n                                                                no\n                                                        \n                                                        \n    \n                                                            \n                                                                    configuration via [config] property\n    \n                                                            \n                                                    \n                                                    \n                                                        ngxEditorConfig\n                                                        \n                                                            \n                                                                        any\n                                                            \n                                                        \n                                                        \n                                                                no\n                                                        \n                                                        \n    \n                                                            \n                                                                    default editor configuration\n    \n                                                            \n                                                    \n                                                    \n                                                        input\n                                                        \n                                                            \n                                                                        any\n                                                            \n                                                        \n                                                        \n                                                                no\n                                                        \n                                                        \n    \n                                                            \n                                                                    direct configuration inputs via directives\n    \n                                                            \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                        \n                    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                restoreSelection\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n    restoreSelection(range: )\n                        \n                    \n    \n    \n    \n                    \n                        \n                                restore selection when the editor is focussed in\n    \n    \n                                \n                                        Parameters :\n                                        \n                                            \n                                                \n                                                    Name\n                                                    Optional\n                                                        Description\n                                                \n                                            \n                                            \n                                                    \n                                                        range\n                                                        \n                                                        \n                                                        \n                                                                no\n                                                        \n                                                        \n    \n                                                            \n                                                                    saved selection when the editor is focussed out\n    \n                                                            \n                                                    \n                                            \n                                        \n                                \n                                \n                                \n                        \n                    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                saveSelection\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n    saveSelection()\n                        \n                    \n    \n    \n    \n                    \n                        \n                                save selection when the editor is focussed out\n    \n    \n                        \n                    \n                \n            \n    \n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"miscellaneous/variables.html":{"url":"miscellaneous/variables.html","title":"miscellaneous-variables - variables","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  Miscellaneous\n  Variables\n\n\n\n    Index\n    \n        \n            \n                \n                    \n                        \n                            codeMirrorConfig\n                        \n                        \n                            DURATION\n                        \n                        \n                            environment\n                        \n                        \n                            environment\n                        \n                        \n                            ngxEditorConfig\n                        \n                    \n                \n            \n        \n    \n\n\n    src/app/ngx-editor/common/ngx-editor.defaults.ts\n    \n                \n                \n                    \n                        \n                            \n                            \n                                \n                                codeMirrorConfig\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            codeMirrorConfig:     object\n    \n                        \n                    \n                        \n                            \n                                Type :     object\n    \n                            \n                        \n                        \n                            \n                                Default value : {\n        lineNumbers: true,\n        gutter: true,\n        lineWrapping: true,\n        mode: 'xml',\n        htmlMode: true\n    }\n                            \n                        \n    \n                    \n                        \n                            codemirror configuaration\n    \n                        \n                    \n    \n                \n            \n            \n                \n                    \n                        \n                            \n                            \n                                \n                                ngxEditorConfig\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            ngxEditorConfig:     object\n    \n                        \n                    \n                        \n                            \n                                Type :     object\n    \n                            \n                        \n                        \n                            \n                                Default value : {\n        editable: true,\n        spellcheck: true,\n        height: 'auto',\n        minHeight: '0',\n        width: 'auto',\n        minWidth: '0',\n        translate: 'yes',\n        enableToolbar: true,\n        showToolbar: true,\n        placeholder: 'Enter text here...',\n        imageEndPoint: '',\n        toolbar: [\n            ['bold', 'italic', 'underline', 'strikeThrough', 'superscript', 'subscript'],\n            ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull', 'indent', 'outdent'],\n            ['cut', 'copy', 'delete', 'removeFormat', 'undo', 'redo'],\n            ['paragraph', 'blockquote', 'removeBlockquote', 'horizontalLine', 'orderedList', 'unorderedList'],\n            ['link', 'unlink', 'image'],\n            ['code']\n        ]\n    }\n                            \n                        \n    \n                    \n                        \n                            toolbar default configuration\n    \n                        \n                    \n    \n                \n            \n    \n    src/app/ngx-editor/common/services/message.service.ts\n    \n                \n                \n                    \n                        \n                            \n                            \n                                \n                                DURATION\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            DURATION:     number\n    \n                        \n                    \n                        \n                            \n                                Type :     number\n    \n                            \n                        \n                        \n                            \n                                Default value : 7000\n                            \n                        \n    \n                    \n                        \n                            time in which the message has to be cleared \n    \n                        \n                    \n    \n                \n            \n    \n    src/environments/environment.prod.ts\n    \n                \n                \n                    \n                        \n                            \n                            \n                                \n                                environment\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            environment:     object\n    \n                        \n                    \n                        \n                            \n                                Type :     object\n    \n                            \n                        \n                        \n                            \n                                Default value : {\n      production: true\n    }\n                            \n                        \n    \n                    \n                        \n                            environment variables for production \n    \n                        \n                    \n    \n                \n            \n    \n    src/environments/environment.ts\n    \n                \n                \n                    \n                        \n                            \n                            \n                                \n                                environment\n                                \n                                \n                            \n                        \n                    \n                    \n                        \n                            environment:     object\n    \n                        \n                    \n                        \n                            \n                                Type :     object\n    \n                            \n                        \n                        \n                            \n                                Default value : {\n      production: false\n    }\n                            \n                        \n    \n                    \n                        \n                            The file contents for the current environment will overwrite these during build.\n    The build system defaults to the dev environment which uses environment.ts, but if you do\n    ng build --env=prod then environment.prod.ts will be used instead.\n    The list of which env maps to which file can be found in .angular-cli.json.\n    \n                        \n                    \n    \n                \n            \n    \n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"additional-documentation/prerequisites.html":{"url":"additional-documentation/prerequisites.html","title":"additional-page - Prerequisites","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nPrerequisites\nPeer Dependencies\nYou must install all the following peerDependencies in order for `ngx-editor to work\n\nCodeMirror\nFontAwesome\nBootstrap\nNgxBootstrap\n\nBootstrap is a temporary dependency and it will be removed sooner.\nStylesheets\nImport codemirror`s css into your project\nnode_modules/codemirror/lib/codemirror.cssModules\nFor ngModel and image upload work properly, you must inlcude FormsModule and HttpClientModule respectively in your project.\nimport { FormsModule } from '@angular/forms';\nimport { HttpClientModule } from '@angular/common/http';\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"additional-documentation/configuration.html":{"url":"additional-documentation/configuration.html","title":"additional-page - Configuration","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nConfiguration\nThe Configuration can be provided using config property\nUsage\nDefault Configuration\nThe config property is a JSON object.\n{\n    \"editable\": true,\n    \"spellcheck\": true,\n    \"height\": \"auto\",\n    \"minHeight\": \"0\",\n    \"width\": \"auto\",\n    \"minWidth\": \"0\",\n    \"translate\": \"yes\",\n    \"enableToolbar\": true,\n    \"showToolbar\": true,\n    \"placeholder\": \"Enter text here...\",\n    \"imageEndPoint\": \"\",\n    \"toolbar\": [\n        [\"bold\", \"italic\", \"underline\", \"strikeThrough\", \"superscript\", \"subscript\"],\n        [\"justifyLeft\", \"justifyCenter\", \"justifyRight\", \"justifyFull\", \"indent\", \"outdent\"],\n        [\"cut\", \"copy\", \"delete\", \"removeFormat\", \"undo\", \"redo\"],\n        [\"paragraph\", \"blockquote\", \"removeBlockquote\", \"horizontalLine\", \"orderedList\", \"unorderedList\"],\n        [\"link\", \"unlink\", \"image\"],\n        [\"code\"]\n    ]\n}\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"additional-documentation/toolbar.html":{"url":"additional-documentation/toolbar.html","title":"additional-page - Toolbar","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nToolbar\nToolbar option is an array of arrays. The default is\n[\n    [\"bold\", \"italic\", \"underline\", \"strikeThrough\", \"superscript\", \"subscript\"],\n    [\"justifyLeft\", \"justifyCenter\", \"justifyRight\", \"justifyFull\", \"indent\", \"outdent\"],\n    [\"cut\", \"copy\", \"delete\", \"removeFormat\", \"undo\", \"redo\"],\n    [\"paragraph\", \"blockquote\", \"removeBlockquote\", \"horizontalLine\", \"orderedList\", \"unorderedList\"],\n    [\"link\", \"unlink\", \"image\"],\n    [\"code\"]\n]and it can be customized. Each array represents a button group and the value represents the name of the button.\nToolbar is provided with the editor configuration as\n{\n  \"toolbar\": [\n     [\"bold\", \"italic\", \"underline\", \"strikeThrough\"],\n     [\"justifyLeft\", \"justifyRight\", \"justifyFull\" \"outdent\"]\n  ]\n}Providing empty toolbar array will enable all default buttons\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"additional-documentation/image-uploader.html":{"url":"additional-documentation/image-uploader.html","title":"additional-page - Image Uploader","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nUpload images\nTo Upload images, you must specify an endpoint to which the image has to be uploaded. The POST request sent is a FORMDATA with name file.\nResponse\nThe Response is a json and it should be in the following format\n{\n    \"url\": \"http://myApiEndPoint\"\n}Input\nThe Input for the endpoint is a string can be provided directly or via config property\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"additional-documentation/code-editor.html":{"url":"additional-documentation/code-editor.html","title":"additional-page - Code Editor","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nHTML Code Editor\nCode Editor allows to view and edit plain HTML code. codemirror is used for this purpose.\nIn order for the code editor to work. You must install codemirror as a peerDependency\nnpm install codemirror --save\n\n#or\n\nyarn add codemirrorThen import the CodeMirror's stylesheet into your app.\nnode_modules/codemirror/lib/codemirror.css\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"additional-documentation/resizer.html":{"url":"additional-documentation/resizer.html","title":"additional-page - Resizer","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nResizer\nThe editor can be resized horizontally.\nType\nresizer: stringOptions\nThe Resizer can accept two values basic|stack\n\nbasic - CSS3 resizer\nstack - resizer like stackoverflow\n\nAny options apart from this will default to stack\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"}}
 }
diff --git a/docs/license.html b/docs/license.html
index b5f915bd..19818a7e 100644
--- a/docs/license.html
+++ b/docs/license.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="./additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="./additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/miscellaneous/functions.html b/docs/miscellaneous/functions.html
index e2b6ba3c..ec570f65 100644
--- a/docs/miscellaneous/functions.html
+++ b/docs/miscellaneous/functions.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -427,40 +439,45 @@ <h3></h3>        <table class="table table-sm table-bordered">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>value</td>
-                                                      <td>
-                                                              <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>toolbar item</p>
-    </td>
+                                                        <td>value</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>toolbar item</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                                     <tr>
-                                                      <td>toolbar</td>
-                                                      <td>
-                                                              <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>toolbar configuration object</p>
-    </td>
+                                                        <td>toolbar</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>toolbar configuration object</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -503,26 +520,28 @@ <h3></h3>        <table class="table table-sm table-bordered">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>resizer</td>
-                                                      <td>
-                                                              <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>type of resizer, either basic or stack</p>
-    </td>
+                                                        <td>resizer</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>type of resizer, either basic or stack</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -565,54 +584,62 @@ <h3></h3>        <table class="table table-sm table-bordered">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>value</td>
-                                                      <td>
-                                                              <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>configuration via [config] property</p>
-    </td>
+                                                        <td>value</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>configuration via [config] property</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                                     <tr>
-                                                      <td>ngxEditorConfig</td>
-                                                      <td>
-                                                              <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>default editor configuration</p>
-    </td>
+                                                        <td>ngxEditorConfig</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>default editor configuration</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                                     <tr>
-                                                      <td>input</td>
-                                                      <td>
-                                                              <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>direct configuration inputs via directives</p>
-    </td>
+                                                        <td>input</td>
+                                                        
+                                                            <td>
+                                                                        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+                                                            </td>
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>direct configuration inputs via directives</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
@@ -655,25 +682,24 @@ <h3></h3>        <table class="table table-sm table-bordered">
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
-                                                    <td>Type</td>
                                                     <td>Optional</td>
-                                                    <td>Default value</td>
-                                                    <td>Description</td>
+                                                        <td>Description</td>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                     <tr>
-                                                      <td>range</td>
-                                                      <td>
-                                                      </td>
-                                                      <td>
-                                                          no
-                                                      </td>
-                                                      <td>
-                                                          <code></code>
-                                                      </td>
-                                                      <td><p>saved selection when the editor is focussed out</p>
-    </td>
+                                                        <td>range</td>
+                                                        
+                                                        
+                                                        <td>
+                                                                no
+                                                        </td>
+                                                        
+    
+                                                            <td>
+                                                                    <code><p>saved selection when the editor is focussed out</p>
+    </code>
+                                                            </td>
                                                     </tr>
                                             </tbody>
                                         </table>
diff --git a/docs/miscellaneous/variables.html b/docs/miscellaneous/variables.html
index 6791c055..9c53df10 100644
--- a/docs/miscellaneous/variables.html
+++ b/docs/miscellaneous/variables.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -375,13 +387,13 @@ <h3 id="index">Index</h3>
                             <a href="#codeMirrorConfig">codeMirrorConfig</a>
                         </li>
                         <li>
-                            <a href="#environment">environment</a>
+                            <a href="#DURATION">DURATION</a>
                         </li>
                         <li>
                             <a href="#environment">environment</a>
                         </li>
                         <li>
-                            <a href="#FIVE_SECONDS">FIVE_SECONDS</a>
+                            <a href="#environment">environment</a>
                         </li>
                         <li>
                             <a href="#ngxEditorConfig">ngxEditorConfig</a>
@@ -479,6 +491,7 @@ <h3></h3>        <table class="table table-sm table-bordered">
         enableToolbar: true,
         showToolbar: true,
         placeholder: &#x27;Enter text here...&#x27;,
+        imageEndPoint: &#x27;&#x27;,
         toolbar: [
             [&#x27;bold&#x27;, &#x27;italic&#x27;, &#x27;underline&#x27;, &#x27;strikeThrough&#x27;, &#x27;superscript&#x27;, &#x27;subscript&#x27;],
             [&#x27;justifyLeft&#x27;, &#x27;justifyCenter&#x27;, &#x27;justifyRight&#x27;, &#x27;justifyFull&#x27;, &#x27;indent&#x27;, &#x27;outdent&#x27;],
@@ -501,46 +514,50 @@ <h3></h3>        <table class="table table-sm table-bordered">
                 </tbody>
             </table>
     </section>
-    <h3>src/environments/environment.prod.ts</h3>
+    <h3>src/app/ngx-editor/common/services/message.service.ts</h3>
     <section>
         <h3></h3>        <table class="table table-sm table-bordered">
                 <tbody>
                     <tr>
                         <td class="col-md-4">
-                            <a name="environment"></a>
+                            <a name="DURATION"></a>
                             <span class="name">
                                 <b>
-                                environment
+                                DURATION
                                 </b>
-                                <a href="#environment"><span class="fa fa-link"></span></a>
+                                <a href="#DURATION"><span class="fa fa-link"></span></a>
                             </span>
                         </td>
                     </tr>
                     <tr>
                         <td class="col-md-4">
-                            <code>environment:     <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/object" target="_blank" >object</a></code>
+                            <code>DURATION:     <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
     </code>
                         </td>
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                <i>Type : </i>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/object" target="_blank" >object</a></code>
+                                <i>Type : </i>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
     
                             </td>
                         </tr>
                         <tr>
                             <td class="col-md-4">
-                                <i>Default value : </i><code>{
-      production: true
-    }</code>
+                                <i>Default value : </i><code>7000</code>
                             </td>
                         </tr>
     
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-description"><p>time in which the message has to be cleared </p>
+    </div>
+                        </td>
+                    </tr>
     
                 </tbody>
             </table>
     </section>
-    <h3>src/environments/environment.ts</h3>
+    <h3>src/environments/environment.prod.ts</h3>
     <section>
         <h3></h3>        <table class="table table-sm table-bordered">
                 <tbody>
@@ -570,48 +587,65 @@ <h3></h3>        <table class="table table-sm table-bordered">
                         <tr>
                             <td class="col-md-4">
                                 <i>Default value : </i><code>{
-      production: false
+      production: true
     }</code>
                             </td>
                         </tr>
     
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-description"><p>environment variables for production </p>
+    </div>
+                        </td>
+                    </tr>
     
                 </tbody>
             </table>
     </section>
-    <h3>src/app/ngx-editor/common/services/message.service.ts</h3>
+    <h3>src/environments/environment.ts</h3>
     <section>
         <h3></h3>        <table class="table table-sm table-bordered">
                 <tbody>
                     <tr>
                         <td class="col-md-4">
-                            <a name="FIVE_SECONDS"></a>
+                            <a name="environment"></a>
                             <span class="name">
                                 <b>
-                                FIVE_SECONDS
+                                environment
                                 </b>
-                                <a href="#FIVE_SECONDS"><span class="fa fa-link"></span></a>
+                                <a href="#environment"><span class="fa fa-link"></span></a>
                             </span>
                         </td>
                     </tr>
                     <tr>
                         <td class="col-md-4">
-                            <code>FIVE_SECONDS:     <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
+                            <code>environment:     <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/object" target="_blank" >object</a></code>
     </code>
                         </td>
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                <i>Type : </i>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
+                                <i>Type : </i>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/object" target="_blank" >object</a></code>
     
                             </td>
                         </tr>
                         <tr>
                             <td class="col-md-4">
-                                <i>Default value : </i><code>5000</code>
+                                <i>Default value : </i><code>{
+      production: false
+    }</code>
                             </td>
                         </tr>
     
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-description"><p>The file contents for the current environment will overwrite these during build.
+    The build system defaults to the dev environment which uses <code>environment.ts</code>, but if you do
+    <code>ng build --env=prod</code> then <code>environment.prod.ts</code> will be used instead.
+    The list of which env maps to which file can be found in <code>.angular-cli.json</code>.</p>
+    </div>
+                        </td>
+                    </tr>
     
                 </tbody>
             </table>
diff --git a/docs/modules.html b/docs/modules.html
index 3b969bca..d44d0c17 100644
--- a/docs/modules.html
+++ b/docs/modules.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="./additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="./additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/modules/NgxEditorModule.html b/docs/modules/NgxEditorModule.html
index 7cbcc8e6..5c11e5d0 100644
--- a/docs/modules/NgxEditorModule.html
+++ b/docs/modules/NgxEditorModule.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="../additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/overview.html b/docs/overview.html
index f9371ccd..887d5060 100644
--- a/docs/overview.html
+++ b/docs/overview.html
@@ -67,12 +67,18 @@
                         <ul class="links collapse "
                                 id="xs-additional-pages"
                             >
+                                <li class="link ">
+                                    <a href="./additional-documentation/prerequisites.html" >Prerequisites</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/configuration.html" >Configuration</a>
                                 </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/toolbar.html" >Toolbar</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -232,12 +238,18 @@
                                <ul class="links collapse "
                                        id="additional-pages"
                    >
+                                       <li class="link ">
+                                           <a href="./additional-documentation/prerequisites.html" >Prerequisites</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/configuration.html" >Configuration</a>
                                        </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/toolbar.html" >Toolbar</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/extras/docs/code-editor.md b/extras/docs/code-editor.md
index 907454d8..273eedd0 100644
--- a/extras/docs/code-editor.md
+++ b/extras/docs/code-editor.md
@@ -16,4 +16,4 @@ Then import the CodeMirror's stylesheet into your app.
 
 ```bash
 node_modules/codemirror/lib/codemirror.css
-```
\ No newline at end of file
+```
diff --git a/extras/docs/configuartion.md b/extras/docs/configuartion.md
index b2c359b2..a259ad51 100644
--- a/extras/docs/configuartion.md
+++ b/extras/docs/configuartion.md
@@ -24,6 +24,7 @@ The config property is a JSON object.
     "enableToolbar": true,
     "showToolbar": true,
     "placeholder": "Enter text here...",
+    "imageEndPoint": "",
     "toolbar": [
         ["bold", "italic", "underline", "strikeThrough", "superscript", "subscript"],
         ["justifyLeft", "justifyCenter", "justifyRight", "justifyFull", "indent", "outdent"],
diff --git a/extras/docs/image-uploader.md b/extras/docs/image-uploader.md
new file mode 100644
index 00000000..42e78263
--- /dev/null
+++ b/extras/docs/image-uploader.md
@@ -0,0 +1,21 @@
+# Upload images
+
+To Upload images, you must specify an endpoint to which the image has to be uploaded. The [POST](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/POST) request sent is a [FORMDATA](https://developer.mozilla.org/en-US/docs/Web/API/FormData) with name `file`.
+
+## Response
+
+The Response is a `json` and it should be in the following format
+
+```JSON
+{
+    "url": "http://myApiEndPoint"
+}
+```
+
+## Input
+
+The Input for the endpoint is a string can be provided directly or via `config` property
+
+```html
+<app-ngx-editor imageEndPoint="http://myApiEndPoint"></app-ngx-editor>
+```
diff --git a/extras/docs/prerequisites.md b/extras/docs/prerequisites.md
new file mode 100644
index 00000000..adf99591
--- /dev/null
+++ b/extras/docs/prerequisites.md
@@ -0,0 +1,29 @@
+# Prerequisites
+
+## Peer Dependencies
+
+You must install all the following `peerDependencies` in order for `ngx-editor to work
+
+* [CodeMirror](https://codemirror.net/)
+* [FontAwesome](https://fontawesome.com/v4.7.0/)
+* [Bootstrap](https://getbootstrap.com/)
+* [NgxBootstrap](https://valor-software.com/ngx-bootstrap/)
+
+`Bootstrap` is a temporary dependency and it will be removed sooner.
+
+## Stylesheets
+
+Import codemirror`s css into your project
+
+```bash
+node_modules/codemirror/lib/codemirror.css
+```
+
+## Modules
+
+For `ngModel` and `image upload` work properly, you must inlcude `FormsModule` and `HttpClientModule` respectively in your project.
+
+```ts
+import { FormsModule } from '@angular/forms';
+import { HttpClientModule } from '@angular/common/http';
+```
diff --git a/extras/docs/resizer.md b/extras/docs/resizer.md
index 11b71b88..cc645f7f 100644
--- a/extras/docs/resizer.md
+++ b/extras/docs/resizer.md
@@ -19,4 +19,4 @@ The Resizer can accept two values `basic|stack`
 * basic - CSS3 resizer
 * stack - resizer like stackoverflow
 
-Any options apart from this will default to `stack`
\ No newline at end of file
+Any options apart from this will default to `stack`
diff --git a/extras/summary.json b/extras/summary.json
index c0cfc554..43ce90c8 100644
--- a/extras/summary.json
+++ b/extras/summary.json
@@ -1,4 +1,8 @@
 [
+    {
+        "title": "Prerequisites",
+        "file": "docs/prerequisites.md"
+    },
     {
         "title": "Configuration",
         "file": "docs/configuartion.md"
@@ -7,6 +11,10 @@
         "title": "Toolbar",
         "file": "docs/toolbar.md"
     },
+    {
+        "title": "Image Uploader",
+        "file": "docs/image-uploader.md"
+    },
     {
         "title": "Code Editor",
         "file": "docs/code-editor.md"
diff --git a/package.json b/package.json
index 66222ecc..0c6828f7 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "build": "ng build --prod",
     "build:package": "sh ./scripts/build.sh",
     "cz": "git-cz",
-    "docs": "./node_modules/.bin/compodoc -p src/tsconfig.app.json -n \"NgxEditor\" --includes \"./extras\" --disableCoverage --disablePrivate --disableInternal --disableLifeCycleHooks --disableProtected --hideGenerator --customFavicon src/favicon.ico --output docs",
+    "docs": "./node_modules/.bin/compodoc --tsconfig=\"src/tsconfig.app.json\" -n \"NgxEditor\" --includes \"./extras\" --disableCoverage --disablePrivate --disableInternal --disableLifeCycleHooks --disableProtected --hideGenerator --customFavicon=\"src/favicon.ico\" --output=\"docs/\"",
     "e2e": "ng e2e",
     "lint": "ng lint",
     "ng": "ng",
@@ -17,6 +17,7 @@
     "prerelease": "npm run build",
     "release": "sh ./scripts/release.sh",
     "start": "ng serve --aot -o --port 5000 --host 0.0.0.0",
+    "serve:docs": "./node_modules/.bin/compodoc --serve --open --output=\"docs/\"",
     "test": "ng test",
     "test:single-run": "ng test --watch false"
   },
diff --git a/src/app/ngx-editor/common/services/command-executor.service.ts b/src/app/ngx-editor/common/services/command-executor.service.ts
index 45b62012..9cc678b4 100644
--- a/src/app/ngx-editor/common/services/command-executor.service.ts
+++ b/src/app/ngx-editor/common/services/command-executor.service.ts
@@ -7,8 +7,14 @@ import { map, tap, last, catchError } from 'rxjs/operators';
 @Injectable()
 export class CommandExecutorService {
 
+  /** saves the selection from the editor when focussed out */
   savedSelection: any = undefined;
 
+  /**
+   *
+   * @param _http HTTP Client for making http requests
+   * @param _messageService Message service sends message to the editor
+   */
   constructor(private _http: HttpClient, private _messageService: MessageService) { }
 
   /**
@@ -36,6 +42,11 @@ export class CommandExecutorService {
     document.execCommand(command, false, null);
   }
 
+  /**
+   * inserts image in the editor
+   *
+   * @param imageURI url of the image to be inserted
+   */
   insertImage(imageURI: string): void {
     if (this.savedSelection) {
       if (imageURI) {
@@ -53,6 +64,12 @@ export class CommandExecutorService {
     return;
   }
 
+  /**
+   * uploads image to the server
+   *
+   * @param file file that has to be uploaded
+   * @param endPoint enpoint to which the image has to be uploaded
+   */
   uploadImage(file: File, endPoint: string): any {
 
     if (!endPoint) {
@@ -76,6 +93,11 @@ export class CommandExecutorService {
     }
   }
 
+  /**
+   * inserts link in the editor
+   *
+   * @param params parameters that holds the information for the link
+   */
   createLink(params: any): void {
 
     if (this.savedSelection) {
diff --git a/src/app/ngx-editor/common/services/message.service.ts b/src/app/ngx-editor/common/services/message.service.ts
index f365edc6..635325fe 100644
--- a/src/app/ngx-editor/common/services/message.service.ts
+++ b/src/app/ngx-editor/common/services/message.service.ts
@@ -3,15 +3,18 @@ import { Subject } from 'rxjs/Subject';
 import { Observable } from 'rxjs/Observable';
 import 'rxjs/add/operator/map';
 
-const FIVE_SECONDS = 7000;
+/** time in which the message has to be cleared */
+const DURATION = 7000;
 
 @Injectable()
 export class MessageService {
 
+  /** variable to hold the user message */
   private message: Subject<string> = new Subject();
 
   constructor() { }
 
+  /** returns the message sent by the editor */
   getMessage(): Observable<string> {
     return this.message.asObservable();
   }
@@ -23,7 +26,7 @@ export class MessageService {
    */
   sendMessage(message: string): void {
     this.message.next(message);
-    this.clearMessageIn(FIVE_SECONDS);
+    this.clearMessageIn(DURATION);
     return;
   }
 
diff --git a/src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts b/src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts
index 196d8ed5..c17d18d4 100644
--- a/src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts
+++ b/src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts
@@ -10,6 +10,7 @@ import { MessageService } from '../common/services/message.service';
 
 export class NgxEditorMessageComponent {
 
+  /** property that holds the message to be displayed on the editor */
   ngxMessage = undefined;
 
   /**
diff --git a/src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts b/src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts
index 417973e2..4f4f30da 100644
--- a/src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts
+++ b/src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts
@@ -15,11 +15,15 @@ import * as Utils from '../common/utils/ngx-editor.utils';
 
 export class NgxEditorToolbarComponent implements OnInit {
 
+  /** holds values of the insert link form */
   urlForm: FormGroup;
+  /** holds values of the insert image form */
   imageForm: FormGroup;
-  isImageUploader = true;
+  /** set to false when image is being uploaded */
   uploadComplete = true;
+  /** upload percentage */
   updloadPercentage = 0;
+  /** set to true when the image is being uploaded */
   isUploading = false;
 
   /**
@@ -75,7 +79,7 @@ export class NgxEditorToolbarComponent implements OnInit {
   }
 
   /**
-   * insert link
+   * inserts link in the editor
    */
   insertLink(): void {
 
@@ -105,6 +109,11 @@ export class NgxEditorToolbarComponent implements OnInit {
     return;
   }
 
+  /**
+   * Executed when file is selected
+   *
+   * @param e onChange event
+   */
   onFileChange(e): void {
 
     this.uploadComplete = false;
@@ -141,6 +150,7 @@ export class NgxEditorToolbarComponent implements OnInit {
     return;
   }
 
+  /** insert image in the editor */
   insertImage(): void {
     try {
       this._commandExecutorService.insertImage(this.imageForm.value.imageUrl);
diff --git a/src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts b/src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts
index 7fbccd1b..84449050 100644
--- a/src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts
+++ b/src/app/ngx-editor/ngx-grippie/ngx-grippie.component.ts
@@ -9,16 +9,26 @@ import { NgxEditorComponent } from '../ngx-editor.component';
 
 export class NgxGrippieComponent {
 
+  /** height of the editor */
   height: number;
+  /** previous value befor resizing the editor */
   oldY = 0;
+  /** set to true on mousedown event */
   grabber = false;
 
   /**
+   * Constructor
    *
-   * @param _editorComponent editor component
+   * @param _editorComponent Editor component
    */
   constructor(private _editorComponent: NgxEditorComponent) { }
 
+  /**
+   *
+   * @param event Mouseevent
+   *
+   * Update the height of the editor when the grabber is dragged
+   */
   @HostListener('document:mousemove', ['$event']) onMouseMove(event: MouseEvent) {
 
     if (!this.grabber) {
@@ -29,6 +39,12 @@ export class NgxGrippieComponent {
     this.oldY = event.clientY;
   }
 
+  /**
+   *
+   * @param event Mouseevent
+   *
+   * set the grabber to false on mouse up action
+   */
   @HostListener('document:mouseup', ['$event']) onMouseUp(event: MouseEvent) {
     this.grabber = false;
   }
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
index 3612073b..c0c4f037 100644
--- a/src/environments/environment.prod.ts
+++ b/src/environments/environment.prod.ts
@@ -1,3 +1,4 @@
+/** environment variables for production */
 export const environment = {
   production: true
 };
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index b7f639ae..8022bff5 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -1,8 +1,9 @@
-// The file contents for the current environment will overwrite these during build.
-// The build system defaults to the dev environment which uses `environment.ts`, but if you do
-// `ng build --env=prod` then `environment.prod.ts` will be used instead.
-// The list of which env maps to which file can be found in `.angular-cli.json`.
-
+/**
+  * The file contents for the current environment will overwrite these during build.
+  * The build system defaults to the dev environment which uses `environment.ts`, but if you do
+  * `ng build --env=prod` then `environment.prod.ts` will be used instead.
+  * The list of which env maps to which file can be found in `.angular-cli.json`.
+  */
 export const environment = {
   production: false
 };