diff --git a/docs/additional-documentation/code-editor.html b/docs/additional-documentation/code-editor.html
index c149acab..e0f5e464 100644
--- a/docs/additional-documentation/code-editor.html
+++ b/docs/additional-documentation/code-editor.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html"  data-type="entity-link" class="active" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</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/colors.html b/docs/additional-documentation/colors.html
index 05baaccb..4268a674 100644
--- a/docs/additional-documentation/colors.html
+++ b/docs/additional-documentation/colors.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/additional-documentation/configuration.html b/docs/additional-documentation/configuration.html
index a37a1c96..0a16f75a 100644
--- a/docs/additional-documentation/configuration.html
+++ b/docs/additional-documentation/configuration.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -414,7 +420,7 @@ <h2 id="usage">Usage</h2>
         [&quot;justifyLeft&quot;, &quot;justifyCenter&quot;, &quot;justifyRight&quot;, &quot;justifyFull&quot;, &quot;indent&quot;, &quot;outdent&quot;],
         [&quot;cut&quot;, &quot;copy&quot;, &quot;delete&quot;, &quot;removeFormat&quot;, &quot;undo&quot;, &quot;redo&quot;],
         [&quot;paragraph&quot;, &quot;blockquote&quot;, &quot;removeBlockquote&quot;, &quot;horizontalLine&quot;, &quot;orderedList&quot;, &quot;unorderedList&quot;],
-        [&quot;link&quot;, &quot;unlink&quot;, &quot;image&quot;],
+        [&quot;link&quot;, &quot;unlink&quot;, &quot;image&quot;, &quot;video&quot;],
         [&quot;code&quot;]
     ]
 }</code></pre>
diff --git a/docs/additional-documentation/errors.html b/docs/additional-documentation/errors.html
index 14871590..283ab325 100644
--- a/docs/additional-documentation/errors.html
+++ b/docs/additional-documentation/errors.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/additional-documentation/font-size.html b/docs/additional-documentation/font-size.html
index 94c4b006..49b49c3d 100644
--- a/docs/additional-documentation/font-size.html
+++ b/docs/additional-documentation/font-size.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/additional-documentation/image-uploader.html b/docs/additional-documentation/image-uploader.html
index 2554dbce..97f98c96 100644
--- a/docs/additional-documentation/image-uploader.html
+++ b/docs/additional-documentation/image-uploader.html
@@ -85,6 +85,9 @@
                                 <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/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <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/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/additional-documentation/insert-video.html b/docs/additional-documentation/insert-video.html
new file mode 100644
index 00000000..de25da2d
--- /dev/null
+++ b/docs/additional-documentation/insert-video.html
@@ -0,0 +1,445 @@
+<!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>Wiki</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/font-size.html" >Font Size</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/colors.html" >Colors</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html"  data-type="entity-link" class="active" >Insert Video</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>
+                                <li class="link ">
+                                    <a href="../additional-documentation/errors.html" >Errors</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>Wiki</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/font-size.html" >Font Size</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/colors.html" >Colors</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
+                                       </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html"  data-type="entity-link" class="active" >Insert Video</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>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/errors.html" >Errors</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="insert-video">Insert video</h1>
+<p>You can insert a youtbe or any video(already uploaded). You can&#39;t upload a video.</p>
+<ul>
+<li><p>For inserting a Youtube link refer <a href="https://www.w3schools.com/html/html_youtube.asp">Youtube Ifrmae</a></p>
+</li>
+<li><p>For inserting a Video link refer <a href="https://www.w3schools.com/tags/att_video_width.asp">HTML Video Object</a></p>
+</li>
+</ul>
+
+                   </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
index 9d7f0652..6f7f7c8e 100644
--- a/docs/additional-documentation/prerequisites.html
+++ b/docs/additional-documentation/prerequisites.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/additional-documentation/resizer.html b/docs/additional-documentation/resizer.html
index 72b14813..1c71d5c4 100644
--- a/docs/additional-documentation/resizer.html
+++ b/docs/additional-documentation/resizer.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</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 2a209209..646a65cb 100644
--- a/docs/additional-documentation/toolbar.html
+++ b/docs/additional-documentation/toolbar.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</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 7980d5e8..1cd13cb3 100644
--- a/docs/components/NgxEditorComponent.html
+++ b/docs/components/NgxEditorComponent.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -648,7 +654,7 @@ <h3 id="constructor">Constructor</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <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="96" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:96</a></div>
                                 </td>
                             </tr>
     
@@ -760,7 +766,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="73" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:73</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:74</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -783,7 +789,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="32" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:32</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:33</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -806,7 +812,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="77" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:77</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:78</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -829,7 +835,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="44" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:44</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:45</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -852,7 +858,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="79" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:79</a></div>
+                                        <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>
                                 </td>
                             </tr>
                 </tbody>
@@ -875,7 +881,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="46" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:46</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:47</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -898,7 +904,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="50" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:50</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:51</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -921,7 +927,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="36" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:36</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:37</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -945,7 +951,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="66" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:66</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:67</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -968,7 +974,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="75" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:75</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:76</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -991,7 +997,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="35" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:35</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -1016,7 +1022,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="58" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:58</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:59</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -1040,7 +1046,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="43" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:43</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -1063,7 +1069,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="49" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:49</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -1088,7 +1094,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="82" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:82</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:83</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -1109,7 +1115,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="84" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:84</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="85" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:85</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -1145,7 +1151,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="124" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:124</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:125</a></div>
                                 </td>
                             </tr>
     
@@ -1180,7 +1186,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="179" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:179</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="180" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:180</a></div>
                                 </td>
                             </tr>
     
@@ -1256,7 +1262,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="288" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:288</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="289" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:289</a></div>
                                 </td>
                             </tr>
     
@@ -1295,7 +1301,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="132" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:132</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:133</a></div>
                                 </td>
                             </tr>
     
@@ -1371,7 +1377,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <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>
+                                        <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:121</a></div>
                                 </td>
                             </tr>
     
@@ -1410,7 +1416,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="142" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:142</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="143" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:143</a></div>
                                 </td>
                             </tr>
     
@@ -1447,7 +1453,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:113</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>
     
@@ -1486,7 +1492,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="236" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:236</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="237" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:237</a></div>
                                 </td>
                             </tr>
     
@@ -1562,7 +1568,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="217" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:217</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="218" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:218</a></div>
                                 </td>
                             </tr>
     
@@ -1639,7 +1645,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="227" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:227</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="228" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:228</a></div>
                                 </td>
                             </tr>
     
@@ -1716,7 +1722,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="159" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:159</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="160" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:160</a></div>
                                 </td>
                             </tr>
     
@@ -1792,7 +1798,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="245" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:245</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="246" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:246</a></div>
                                 </td>
                             </tr>
     
@@ -1831,7 +1837,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="276" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:276</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="277" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:277</a></div>
                                 </td>
                             </tr>
     
@@ -1907,7 +1913,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="200" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:200</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="201" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:201</a></div>
                                 </td>
                             </tr>
     
@@ -2000,7 +2006,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                        <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="88" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:88</a></div>
                                 </td>
                             </tr>
     
@@ -2033,7 +2039,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                        <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="92" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:92</a></div>
                                 </td>
                             </tr>
     
@@ -2072,7 +2078,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                        <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>
+                                        <div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">src/app/ngx-editor/ngx-editor.component.ts:89</a></div>
                                 </td>
                             </tr>
     
@@ -2111,7 +2117,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                        <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>
+                                        <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>
     
@@ -2150,7 +2156,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                        <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>
+                                        <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>
     
@@ -2170,6 +2176,7 @@ <h3 id="inputs">
 } from &#x27;@angular/core&#x27;;
 import { NG_VALUE_ACCESSOR, ControlValueAccessor } from &#x27;@angular/forms&#x27;;
 import * as CodeMirror from &#x27;codemirror&#x27;;
+import &#x27;codemirror/addon/display/placeholder.js&#x27;;
 import &#x27;codemirror/mode/htmlmixed/htmlmixed.js&#x27;;
 
 import { CommandExecutorService } from &#x27;./common/services/command-executor.service&#x27;;
@@ -2498,7 +2505,7 @@ <h3 id="inputs">
     &lt;span class&#x3D;&quot;ngx-editor-placeholder&quot;&gt;{{ placeholder || config[&#x27;placeholder&#x27;] }}&lt;/span&gt;
   &lt;/div&gt;
 
-  &lt;textarea #ngxCodeEditor [hidden]&#x3D;&quot;true&quot;&gt;&lt;/textarea&gt;
+  &lt;textarea [attr.placeholder]&#x3D;&quot;placeholder || config[&#x27;placeholder&#x27;]&quot; [hidden]&#x3D;&quot;true&quot; #ngxCodeEditor&gt;&lt;/textarea&gt;
 
   &lt;app-ngx-editor-message&gt;&lt;/app-ngx-editor-message&gt;
   &lt;app-ngx-grippie *ngIf&#x3D;&quot;resizer &#x3D;&#x3D;&#x3D; &#x27;stack&#x27;&quot;&gt;&lt;/app-ngx-grippie&gt;
@@ -2530,7 +2537,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-editor" id="ngxEditor" [style.width]="config[\'width\']" [style.minWidth]="config[\'minWidth\']" tabindex="0"  (focus)="onEditorFocus()">  <app-ngx-editor-toolbar [config]="config" (execute)="executeCommand($event)"></app-ngx-editor-toolbar>  <!-- text area -->  <div class="ngx-wrapper" [hidden]="codeEditorMode" #ngxWrapper>    <div class="ngx-editor-textarea" [attr.contenteditable]="config[\'editable\']" (input)="onContentChange($event.target.innerHTML)"      [attr.translate]="config[\'translate\']" [attr.spellcheck]="config[\'spellcheck\']" [style.height]="config[\'height\']" [style.minHeight]="config[\'minHeight\']"      [style.resize]="Utils?.canResize(resizer)" (focus)="onTextAreaFocus()" (blur)="onTextAreaBlur()" #ngxTextArea></div>    <span class="ngx-editor-placeholder">{{ placeholder || config[\'placeholder\'] }}</span>  </div>  <textarea #ngxCodeEditor [hidden]="true"></textarea>  <app-ngx-editor-message></app-ngx-editor-message>  <app-ngx-grippie *ngIf="resizer === \'stack\'"></app-ngx-grippie></div></div>'
+        var COMPONENT_TEMPLATE = '<div><div class="ngx-editor" id="ngxEditor" [style.width]="config[\'width\']" [style.minWidth]="config[\'minWidth\']" tabindex="0"  (focus)="onEditorFocus()">  <app-ngx-editor-toolbar [config]="config" (execute)="executeCommand($event)"></app-ngx-editor-toolbar>  <!-- text area -->  <div class="ngx-wrapper" [hidden]="codeEditorMode" #ngxWrapper>    <div class="ngx-editor-textarea" [attr.contenteditable]="config[\'editable\']" (input)="onContentChange($event.target.innerHTML)"      [attr.translate]="config[\'translate\']" [attr.spellcheck]="config[\'spellcheck\']" [style.height]="config[\'height\']" [style.minHeight]="config[\'minHeight\']"      [style.resize]="Utils?.canResize(resizer)" (focus)="onTextAreaFocus()" (blur)="onTextAreaBlur()" #ngxTextArea></div>    <span class="ngx-editor-placeholder">{{ placeholder || config[\'placeholder\'] }}</span>  </div>  <textarea [attr.placeholder]="placeholder || config[\'placeholder\']" [hidden]="true" #ngxCodeEditor></textarea>  <app-ngx-editor-message></app-ngx-editor-message>  <app-ngx-grippie *ngIf="resizer === \'stack\'"></app-ngx-grippie></div></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': 'NgxEditorComponent'};
diff --git a/docs/components/NgxEditorMessageComponent.html b/docs/components/NgxEditorMessageComponent.html
index ef5b3121..1783ad9d 100644
--- a/docs/components/NgxEditorMessageComponent.html
+++ b/docs/components/NgxEditorMessageComponent.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/components/NgxEditorToolbarComponent.html b/docs/components/NgxEditorToolbarComponent.html
index 0820c12a..a3e2fc0c 100644
--- a/docs/components/NgxEditorToolbarComponent.html
+++ b/docs/components/NgxEditorToolbarComponent.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -508,6 +514,12 @@ <h6><b>Properties</b></h6>
                             <li>
                                 <a href="#urlPopover">urlPopover</a>
                             </li>
+                            <li>
+                                <a href="#videoForm">videoForm</a>
+                            </li>
+                            <li>
+                                <a href="#videoPopover">videoPopover</a>
+                            </li>
                         </ul>
                     </td>
                 </tr>
@@ -525,6 +537,9 @@ <h6><b>Methods</b></h6>
                             <li>
                                 <a href="#buildUrlForm">buildUrlForm</a>
                             </li>
+                            <li>
+                                <a href="#buildVideoForm">buildVideoForm</a>
+                            </li>
                             <li>
                                 <a href="#canEnableToolbarOptions">canEnableToolbarOptions</a>
                             </li>
@@ -537,6 +552,9 @@ <h6><b>Methods</b></h6>
                             <li>
                                 <a href="#insertLink">insertLink</a>
                             </li>
+                            <li>
+                                <a href="#insertVideo">insertVideo</a>
+                            </li>
                             <li>
                                 <a href="#onFileChange">onFileChange</a>
                             </li>
@@ -592,7 +610,7 @@ <h3 id="constructor">Constructor</h3>
                     </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:42</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:45</a></div>
                                 </td>
                             </tr>
     
@@ -686,7 +704,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-toolbar/ngx-editor-toolbar.component.ts:34</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:36</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -711,7 +729,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="42" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:42</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:45</a></div>
                                 </td>
                             </tr>
                 </tbody>
@@ -747,7 +765,7 @@ <h3 id="methods">
     
                             <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-toolbar/ngx-editor-toolbar.component.ts:107</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:110</a></div>
                                 </td>
                             </tr>
     
@@ -786,7 +804,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:74</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:77</a></div>
                                 </td>
                             </tr>
     
@@ -803,6 +821,45 @@ <h3 id="methods">
                     </tr>
                 </tbody>
             </table>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-4">
+                            <a name="buildVideoForm"></a>
+                            <span class="name">
+                                <b>
+                                buildVideoForm
+                                </b>
+                                <a href="#buildVideoForm"><span class="fa fa-link"></span></a>
+                            </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+    <code>buildVideoForm()</code>
+                        </td>
+                    </tr>
+    
+    
+                            <tr>
+                                <td class="col-md-4">
+                                        <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:122</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>
@@ -825,7 +882,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:58</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:61</a></div>
                                 </td>
                             </tr>
     
@@ -897,7 +954,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:174</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="207" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:207</a></div>
                                 </td>
                             </tr>
     
@@ -981,7 +1038,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-toolbar/ngx-editor-toolbar.component.ts:158</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="175" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:175</a></div>
                                 </td>
                             </tr>
     
@@ -1020,7 +1077,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="88" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:88</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:91</a></div>
                                 </td>
                             </tr>
     
@@ -1037,6 +1094,45 @@ <h3 id="methods">
                     </tr>
                 </tbody>
             </table>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-4">
+                            <a name="insertVideo"></a>
+                            <span class="name">
+                                <b>
+                                insertVideo
+                                </b>
+                                <a href="#insertVideo"><span class="fa fa-link"></span></a>
+                            </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+    <code>insertVideo()</code>
+                        </td>
+                    </tr>
+    
+    
+                            <tr>
+                                <td class="col-md-4">
+                                        <div class="io-line">Defined in <a href="" data-line="191" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:191</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>
@@ -1059,7 +1155,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:121</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:138</a></div>
                                 </td>
                             </tr>
     
@@ -1131,7 +1227,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="187" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:187</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="220" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:220</a></div>
                                 </td>
                             </tr>
     
@@ -1202,7 +1298,7 @@ <h3 id="methods">
     
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:67</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>
     
@@ -1289,7 +1385,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                        <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>
+                                        <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:41</a></div>
                                 </td>
                             </tr>
     
@@ -1322,7 +1418,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:37</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:40</a></div>
                                 </td>
                             </tr>
     
@@ -1395,7 +1491,7 @@ <h3 id="inputs">
                         </tr>
                             <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-editor-toolbar/ngx-editor-toolbar.component.ts:36</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>
     
@@ -1428,7 +1524,7 @@ <h3 id="inputs">
                         </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="29" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:29</a></div>
                                 </td>
                             </tr>
     
@@ -1473,7 +1569,7 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:29</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:31</a></div>
                                 </td>
                             </tr>
     
@@ -1518,7 +1614,7 @@ <h3 id="inputs">
                         </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>
+                                        <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>
     
@@ -1557,7 +1653,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="25" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:25</a></div>
                                 </td>
                             </tr>
     
@@ -1636,7 +1732,80 @@ <h3 id="inputs">
                         </tr>
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:35</a></div>
+                                        <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:37</a></div>
+                                </td>
+                            </tr>
+    
+    
+                </tbody>
+            </table>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-4">
+                            <a name="videoForm"></a>
+                            <span class="name">
+                                <b>
+                                videoForm
+                                </b>
+                                <a href="#videoForm"><span class="fa fa-link"></span></a>
+                            </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <code>videoForm:     <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="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>holds values of the insert video form </p>
+    </div>
+                        </td>
+                    </tr>
+    
+                </tbody>
+            </table>
+            <table class="table table-sm table-bordered">
+                <tbody>
+                    <tr>
+                        <td class="col-md-4">
+                            <a name="videoPopover"></a>
+                            <span class="name">
+                                <b>
+                                videoPopover
+                                </b>
+                                <a href="#videoPopover"><span class="fa fa-link"></span></a>
+                            </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <code>videoPopover:     <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="39" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:39</a></div>
                                 </td>
                             </tr>
     
@@ -1670,6 +1839,8 @@ <h3 id="inputs">
   urlForm: FormGroup;
   /** holds values of the insert image form */
   imageForm: FormGroup;
+  /** holds values of the insert video form */
+  videoForm: FormGroup;
   /** set to false when image is being uploaded */
   uploadComplete &#x3D; true;
   /** upload percentage */
@@ -1685,6 +1856,7 @@ <h3 id="inputs">
   @Input() config: any;
   @ViewChild(&#x27;urlPopover&#x27;) urlPopover;
   @ViewChild(&#x27;imagePopover&#x27;) imagePopover;
+  @ViewChild(&#x27;videoPopover&#x27;) videoPopover;
   @ViewChild(&#x27;fontSizePopover&#x27;) fontSizePopover;
   @ViewChild(&#x27;colorPopover&#x27;) colorPopover;
   /**
@@ -1764,6 +1936,20 @@ <h3 id="inputs">
     return;
   }
 
+  /**
+   * create insert image form
+   */
+  buildVideoForm(): void {
+
+    this.videoForm &#x3D; this._formBuilder.group({
+      videoUrl: [&#x27;&#x27;, [Validators.required]],
+      height: [&#x27;&#x27;],
+      width: [&#x27;&#x27;]
+    });
+
+    return;
+  }
+
   /**
    * Executed when file is selected
    *
@@ -1821,6 +2007,22 @@ <h3 id="inputs">
     return;
   }
 
+  /** insert image in the editor */
+  insertVideo(): void {
+    try {
+      this._commandExecutorService.insertVideo(this.videoForm.value);
+    } catch (error) {
+      this._messageService.sendMessage(error.message);
+    }
+
+    /** reset form to default */
+    this.buildVideoForm();
+    /** close inset URL pop up */
+    this.videoPopover.hide();
+
+    return;
+  }
+
   /** inser text/background color */
   insertColor(color: string, where: string): void {
 
@@ -1985,6 +2187,10 @@ <h3 id="inputs">
       title&#x3D;&quot;Insert Image&quot; [popover]&#x3D;&quot;insertImageTemplate&quot; #imagePopover&#x3D;&quot;bs-popover&quot; containerClass&#x3D;&quot;ngxePopover&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;button type&#x3D;&quot;button&quot; class&#x3D;&quot;ngx-editor-button&quot; *ngIf&#x3D;&quot;canEnableToolbarOptions(&#x27;video&#x27;)&quot; (click)&#x3D;&quot;buildVideoForm()&quot; title&#x3D;&quot;Insert Video&quot;
+      [popover]&#x3D;&quot;insertVideoTemplate&quot; #videoPopover&#x3D;&quot;bs-popover&quot; containerClass&#x3D;&quot;ngxePopover&quot; [disabled]&#x3D;&quot;!config[&#x27;enableToolbar&#x27;]&quot;&gt;
+      &lt;i class&#x3D;&quot;fa fa-youtube-play&quot; aria-hidden&#x3D;&quot;true&quot;&gt;&lt;/i&gt;
+    &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;code&#x27;)&quot; (click)&#x3D;&quot;triggerCommand(&#x27;code&#x27;)&quot;
@@ -2059,6 +2265,36 @@ <h3 id="inputs">
   &lt;/div&gt;
 &lt;/ng-template&gt;
 
+
+&lt;!-- Insert Video Popover template --&gt;
+&lt;ng-template #insertVideoTemplate&gt;
+  &lt;div class&#x3D;&quot;ngxe-popover imgc-ctnr&quot;&gt;
+    &lt;div class&#x3D;&quot;imgc-topbar btn-ctnr&quot;&gt;
+      &lt;button type&#x3D;&quot;button&quot; class&#x3D;&quot;btn active&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;imgc-ctnt is-image&quot;&gt;
+      &lt;form class&#x3D;&quot;extra-gt&quot; [formGroup]&#x3D;&quot;videoForm&quot; (ngSubmit)&#x3D;&quot;videoForm.valid &amp;&amp; insertVideo()&quot; autocomplete&#x3D;&quot;off&quot;&gt;
+        &lt;div class&#x3D;&quot;form-group&quot;&gt;
+          &lt;label for&#x3D;&quot;videoURLInput&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;videoURLInput&quot; placeholder&#x3D;&quot;URL&quot; formControlName&#x3D;&quot;videoUrl&quot; required&gt;
+        &lt;/div&gt;
+        &lt;div class&#x3D;&quot;row form-group&quot;&gt;
+          &lt;div class&#x3D;&quot;col&quot;&gt;
+            &lt;input type&#x3D;&quot;text&quot; class&#x3D;&quot;form-control-sm&quot; formControlName&#x3D;&quot;height&quot; placeholder&#x3D;&quot;height (px)&quot; onkeypress&#x3D;&#x27;return event.charCode &gt;&#x3D; 48 &amp;&amp; event.charCode &lt;&#x3D; 57&#x27;&gt;
+          &lt;/div&gt;
+          &lt;div class&#x3D;&quot;col&quot;&gt;
+            &lt;input type&#x3D;&quot;text&quot; class&#x3D;&quot;form-control-sm&quot; formControlName&#x3D;&quot;width&quot; placeholder&#x3D;&quot;width (px)&quot; onkeypress&#x3D;&#x27;return event.charCode &gt;&#x3D; 48 &amp;&amp; event.charCode &lt;&#x3D; 57&#x27;&gt;
+          &lt;/div&gt;
+          &lt;label class&#x3D;&quot;small&quot;&gt;Height/Width&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;/div&gt;
+&lt;/ng-template&gt;
+
 &lt;!-- Insert color template --&gt;
 &lt;ng-template #insertColorTemplate&gt;
   &lt;div class&#x3D;&quot;ngxe-popover imgc-ctnr&quot;&gt;
@@ -2118,7 +2354,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(\'fontSize\')" (click)="fontSize = \'\'" title="Font Size"      [popover]="fontSizeTemplate" #fontSizePopover="bs-popover" containerClass="ngxePopover" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-text-height" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'color\')" (click)="hexColor = \'\'" title="Color Picker"      [popover]="insertColorTemplate" #colorPopover="bs-popover" containerClass="ngxePopover" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-tint" 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(\'unorderedList\')" (click)="triggerCommand(\'insertUnorderedList\')"      title="Unordered List" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-list-ul" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'orderedList\')" (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" containerClass="ngxePopover" [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" containerClass="ngxePopover" [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 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 imgc-ctnr">    <div class="imgc-topbar btn-ctnr">      <button type="button" class="btn" [ngClass]="{active: isImageUploader}" (click)="isImageUploader = true">        <i class="fa fa-upload"></i>      </button>      <button type="button" class="btn" [ngClass]="{active: !isImageUploader}" (click)="isImageUploader = false">        <i class="fa fa-link"></i>      </button>    </div>    <div class="imgc-ctnt is-image">      <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><!-- Insert color template --><ng-template #insertColorTemplate>  <div class="ngxe-popover imgc-ctnr">    <div class="imgc-topbar two-tabs">      <span (click)="selectedColorTab =\'textColor\'" [ngClass]="{active: selectedColorTab ===\'textColor\'}">Text</span>      <span (click)="selectedColorTab =\'backgroundColor\'" [ngClass]="{active: selectedColorTab ===\'backgroundColor\'}">Background</span>    </div>    <div class="imgc-ctnt is-color extra-gt1">      <form autocomplete="off">        <div class="form-group">          <label for="hexInput" class="small">Hex Color</label>          <input type="text" class="form-control-sm" id="hexInput" name="hexInput" maxlength="7" placeholder="HEX Color" [(ngModel)]="hexColor"            required>        </div>        <button type="button" class="btn-primary btn-sm btn" (click)="insertColor(hexColor, selectedColorTab)">Submit</button>      </form>    </div>  </div></ng-template><!-- font size template --><ng-template #fontSizeTemplate>  <div class="ngxe-popover extra-gt1">    <form autocomplete="off">      <div class="form-group">        <label for="fontSize" class="small">Font Size</label>        <input type="text" class="form-control-sm" id="fontSize" name="fontSize" placeholder="Font size in px/rem" [(ngModel)]="fontSize"          required>      </div>      <button type="button" class="btn-primary btn-sm btn" (click)="setFontSize(fontSize)">Submit</button>    </form>  </div></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(\'fontSize\')" (click)="fontSize = \'\'" title="Font Size"      [popover]="fontSizeTemplate" #fontSizePopover="bs-popover" containerClass="ngxePopover" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-text-height" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'color\')" (click)="hexColor = \'\'" title="Color Picker"      [popover]="insertColorTemplate" #colorPopover="bs-popover" containerClass="ngxePopover" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-tint" 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(\'unorderedList\')" (click)="triggerCommand(\'insertUnorderedList\')"      title="Unordered List" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-list-ul" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'orderedList\')" (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" containerClass="ngxePopover" [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" containerClass="ngxePopover" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-picture-o" aria-hidden="true"></i>    </button>    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions(\'video\')" (click)="buildVideoForm()" title="Insert Video"      [popover]="insertVideoTemplate" #videoPopover="bs-popover" containerClass="ngxePopover" [disabled]="!config[\'enableToolbar\']">      <i class="fa fa-youtube-play" 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 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 imgc-ctnr">    <div class="imgc-topbar btn-ctnr">      <button type="button" class="btn" [ngClass]="{active: isImageUploader}" (click)="isImageUploader = true">        <i class="fa fa-upload"></i>      </button>      <button type="button" class="btn" [ngClass]="{active: !isImageUploader}" (click)="isImageUploader = false">        <i class="fa fa-link"></i>      </button>    </div>    <div class="imgc-ctnt is-image">      <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><!-- Insert Video Popover template --><ng-template #insertVideoTemplate>  <div class="ngxe-popover imgc-ctnr">    <div class="imgc-topbar btn-ctnr">      <button type="button" class="btn active">        <i class="fa fa-link"></i>      </button>    </div>    <div class="imgc-ctnt is-image">      <form class="extra-gt" [formGroup]="videoForm" (ngSubmit)="videoForm.valid && insertVideo()" autocomplete="off">        <div class="form-group">          <label for="videoURLInput" class="small">URL</label>          <input type="text" class="form-control-sm" id="videoURLInput" placeholder="URL" formControlName="videoUrl" required>        </div>        <div class="row form-group">          <div class="col">            <input type="text" class="form-control-sm" formControlName="height" placeholder="height (px)" onkeypress=\'return event.charCode >= 48 && event.charCode <= 57\'>          </div>          <div class="col">            <input type="text" class="form-control-sm" formControlName="width" placeholder="width (px)" onkeypress=\'return event.charCode >= 48 && event.charCode <= 57\'>          </div>          <label class="small">Height/Width</label>        </div>        <button type="submit" class="btn-primary btn-sm btn">Submit</button>      </form>    </div>  </div></ng-template><!-- Insert color template --><ng-template #insertColorTemplate>  <div class="ngxe-popover imgc-ctnr">    <div class="imgc-topbar two-tabs">      <span (click)="selectedColorTab =\'textColor\'" [ngClass]="{active: selectedColorTab ===\'textColor\'}">Text</span>      <span (click)="selectedColorTab =\'backgroundColor\'" [ngClass]="{active: selectedColorTab ===\'backgroundColor\'}">Background</span>    </div>    <div class="imgc-ctnt is-color extra-gt1">      <form autocomplete="off">        <div class="form-group">          <label for="hexInput" class="small">Hex Color</label>          <input type="text" class="form-control-sm" id="hexInput" name="hexInput" maxlength="7" placeholder="HEX Color" [(ngModel)]="hexColor"            required>        </div>        <button type="button" class="btn-primary btn-sm btn" (click)="insertColor(hexColor, selectedColorTab)">Submit</button>      </form>    </div>  </div></ng-template><!-- font size template --><ng-template #fontSizeTemplate>  <div class="ngxe-popover extra-gt1">    <form autocomplete="off">      <div class="form-group">        <label for="fontSize" class="small">Font Size</label>        <input type="text" class="form-control-sm" id="fontSize" name="fontSize" placeholder="Font size in px/rem" [(ngModel)]="fontSize"          required>      </div>      <button type="button" class="btn-primary btn-sm btn" (click)="setFontSize(fontSize)">Submit</button>    </form>  </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 c3f27db8..c1b9a6d9 100644
--- a/docs/components/NgxGrippieComponent.html
+++ b/docs/components/NgxGrippieComponent.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/dependencies.html b/docs/dependencies.html
index 754c74fa..a7ecb284 100644
--- a/docs/dependencies.html
+++ b/docs/dependencies.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/index.html b/docs/index.html
index a5167de4..991fab13 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/insert-video.html" >Insert Video</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 2c2227fc..3d2840b6 100644
--- a/docs/injectables/CommandExecutorService.html
+++ b/docs/injectables/CommandExecutorService.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -447,6 +453,9 @@ <h6><b>Methods</b></h6>
                                     <li>
                                         <a href="#insertImage">insertImage</a>
                                     </li>
+                                    <li>
+                                        <a href="#insertVideo">insertVideo</a>
+                                    </li>
                                     <li>
                                         <a href="#setFontSize">setFontSize</a>
                                     </li>
@@ -541,7 +550,7 @@ <h3 id="methods">
             
                                     <tr>
                                         <td class="col-md-4">
-                                                <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:98</a></div>
+                                                <div class="io-line">Defined in <a href="" data-line="153" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:153</a></div>
                                         </td>
                                     </tr>
             
@@ -693,7 +702,7 @@ <h3 id="methods">
             
                                     <tr>
                                         <td class="col-md-4">
-                                                <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:131</a></div>
+                                                <div class="io-line">Defined in <a href="" data-line="189" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:189</a></div>
                                         </td>
                                     </tr>
             
@@ -710,6 +719,7 @@ <h3 id="methods">
                                                             <td>Name</td>
                                                                 <td>Type</td>
                                                             <td>Optional</td>
+                                                                <td>Description</td>
                                                         </tr>
                                                     </thead>
                                                     <tbody>
@@ -725,6 +735,10 @@ <h3 id="methods">
                                                                 </td>
                                                                 
             
+                                                                    <td>
+                                                                            <code><p>color to be inserted</p>
+            </code>
+                                                                    </td>
                                                             </tr>
                                                             <tr>
                                                                 <td>where</td>
@@ -738,6 +752,10 @@ <h3 id="methods">
                                                                 </td>
                                                                 
             
+                                                                    <td>
+                                                                            <code><p>where the color has to be inserted either text/background</p>
+            </code>
+                                                                    </td>
                                                             </tr>
                                                     </tbody>
                                                 </table>
@@ -777,7 +795,7 @@ <h3 id="methods">
             
                                     <tr>
                                         <td class="col-md-4">
-                                                <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:47</a></div>
+                                                <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:48</a></div>
                                         </td>
                                     </tr>
             
@@ -831,6 +849,82 @@ <h3 id="methods">
                             </tr>
                         </tbody>
                     </table>
+                    <table class="table table-sm table-bordered">
+                        <tbody>
+                            <tr>
+                                <td class="col-md-4">
+                                    <a name="insertVideo"></a>
+                                    <span class="name">
+                                        <b>
+                                        insertVideo
+                                        </b>
+                                        <a href="#insertVideo"><span class="fa fa-link"></span></a>
+                                    </span>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="col-md-4">
+            <code>insertVideo(videParams: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
+                                </td>
+                            </tr>
+            
+            
+                                    <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/common/services/command-executor.service.ts:70</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>Description</td>
+                                                        </tr>
+                                                    </thead>
+                                                    <tbody>
+                                                            <tr>
+                                                                <td>videParams</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>url of the image to be inserted</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>
@@ -853,13 +947,13 @@ <h3 id="methods">
             
                                     <tr>
                                         <td class="col-md-4">
-                                                <div class="io-line">Defined in <a href="" data-line="151" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:151</a></div>
+                                                <div class="io-line">Defined in <a href="" data-line="213" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:213</a></div>
                                         </td>
                                     </tr>
             
                             <tr>
                                 <td class="col-md-4">
-                                        <div class="io-description"><p>set font size for text </p>
+                                        <div class="io-description"><p>set font size for text</p>
             </div>
             
                                         <div class="io-description">
@@ -870,6 +964,7 @@ <h3 id="methods">
                                                             <td>Name</td>
                                                                 <td>Type</td>
                                                             <td>Optional</td>
+                                                                <td>Description</td>
                                                         </tr>
                                                     </thead>
                                                     <tbody>
@@ -885,6 +980,10 @@ <h3 id="methods">
                                                                 </td>
                                                                 
             
+                                                                    <td>
+                                                                            <code><p>font-size to be set</p>
+            </code>
+                                                                    </td>
                                                             </tr>
                                                     </tbody>
                                                 </table>
@@ -924,7 +1023,7 @@ <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/common/services/command-executor.service.ts:70</a></div>
+                                                <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/app/ngx-editor/common/services/command-executor.service.ts:125</a></div>
                                         </td>
                                     </tr>
             
@@ -1082,7 +1181,7 @@ <h3 id="inputs">
     }
 
     if (command &#x3D;&#x3D;&#x3D; &#x27;blockquote&#x27;) {
-      document.execCommand(&#x27;formatBlock&#x27;, false, &#x27;&lt;blockquote&gt;&#x27;);
+      document.execCommand(&#x27;formatBlock&#x27;, false, &#x27;blockquote&#x27;);
       return;
     }
 
@@ -1092,6 +1191,7 @@ <h3 id="inputs">
     }
 
     document.execCommand(command, false, null);
+    return;
   }
 
   /**
@@ -1116,6 +1216,60 @@ <h3 id="inputs">
     return;
   }
 
+  /**
+ * inserts image in the editor
+ *
+ * @param videParams url of the image to be inserted
+ */
+  insertVideo(videParams: any): void {
+    if (this.savedSelection) {
+      if (videParams) {
+        const restored &#x3D; Utils.restoreSelection(this.savedSelection);
+        if (restored) {
+          if (this.isYoutubeLink(videParams.videoUrl)) {
+            const youtubeURL &#x3D; &#x27;&lt;iframe width&#x3D;&quot;&#x27; + videParams.width + &#x27;&quot; height&#x3D;&quot;&#x27; + videParams.height + &#x27;&quot;&#x27;
+              + &#x27;src&#x3D;&quot;&#x27; + videParams.videoUrl + &#x27;&quot;&gt;&lt;/iframe&gt;&#x27;;
+            this.insertHtml(youtubeURL);
+          } else if (this.checkTagSupportInBrowser(&#x27;video&#x27;)) {
+
+            if (this.isValidURL(videParams.videoUrl)) {
+              const videoSrc &#x3D; &#x27;&lt;video width&#x3D;&quot;&#x27; + videParams.width + &#x27;&quot; height&#x3D;&quot;&#x27; + videParams.height + &#x27;&quot;&#x27;
+                + &#x27; controls&#x3D;&quot;true&quot;&gt;&lt;source src&#x3D;&quot;&#x27; + videParams.videoUrl + &#x27;&quot;&gt;&lt;/video&gt;&#x27;;
+              this.insertHtml(videoSrc);
+            } else {
+              throw new Error(&#x27;Invalid video URL&#x27;);
+            }
+
+          } else {
+            throw new Error(&#x27;Unable to insert video&#x27;);
+          }
+        }
+      }
+    } else {
+      throw new Error(&#x27;Range out of the editor&#x27;);
+    }
+    return;
+  }
+
+  /**
+   * checks the input url is a valid youtube URL or not
+   *
+   * @param url Youtue URL
+   */
+  private isYoutubeLink(url: string): boolean {
+    const ytRegExp &#x3D; /^(http(s)?:\/\/)?((w){3}.)?youtu(be|.be)?(\.com)?\/.+/;
+    return ytRegExp.test(url);
+  }
+
+  /**
+   * check whether the string is a valid url or not
+   * @param url url
+   */
+  private isValidURL(url: string) {
+    const urlRegExp &#x3D; /(http|https):\/\/(\w+:{0,1}\w*)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+&#x3D;&amp;%!\-\/]))?/;
+    return urlRegExp.test(url);
+  }
+
   /**
    * uploads image to the server
    *
@@ -1182,6 +1336,9 @@ <h3 id="inputs">
 
   /**
    * insert color either font or background
+   *
+   * @param color color to be inserted
+   * @param where where the color has to be inserted either text/background
    */
   insertColor(color: string, where: string): void {
 
@@ -1202,7 +1359,11 @@ <h3 id="inputs">
     return;
   }
 
-  /** set font size for text */
+  /**
+   * set font size for text
+   *
+   * @param fontSize font-size to be set
+   */
   setFontSize(fontSize: string): void {
 
     if (this.savedSelection &amp;&amp; this.checkSelection()) {
@@ -1276,6 +1437,15 @@ <h3 id="inputs">
     return true;
   }
 
+  /**
+   * check tag is supported by browser or not
+   *
+   * @param tag HTML tag
+   */
+  private checkTagSupportInBrowser(tag: string): boolean {
+    return !(document.createElement(tag) instanceof HTMLUnknownElement);
+  }
+
 }
 </code></pre>
     </div>
diff --git a/docs/injectables/MessageService.html b/docs/injectables/MessageService.html
index 4a4aeec7..c868ab03 100644
--- a/docs/injectables/MessageService.html
+++ b/docs/injectables/MessageService.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/js/search/search_index.js b/docs/js/search/search_index.js
index 8e2dc9be..44195a79 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.6","fields":["title","body"],"fieldVectors":[["title/dependencies.html",[0,2.083,1,1.815]],["body/dependencies.html",[1,2.277,2,2.946,3,2.946,4,0.05,5,4.853,6,1.855,7,2.132,8,2.132,9,3.653,10,2.132,11,2.946,12,3.653,13,1.623,14,2.132,15,3.653,16,3.653,17,3.653,18,0.041,19,0.041]],["title/index.html",[20,1.754,21,1.754,22,1.148]],["body/index.html",[0,2.304,4,0.046,7,1.668,10,1.668,11,2.304,13,2.138,18,0.035,19,0.035,20,1.94,21,1.94,23,2.857,24,2.857,25,2.857,26,0.974,27,2.857,28,3.829,29,2.933,30,1.94,31,2.857,32,2.857,33,3.088,34,3.088,35,1.94,36,2.304,37,2.857,38,1.878,39,1.269,40,1.944,41,2.304,42,1.45,43,2.304,44,1.94,45,1.94,46,2.857,47,2.857,48,2.857,49,2.857,50,2.857,51,2.857,52,2.857,53,2.857,54,3.829,55,2.857,56,3.088,57,1.94,58,2.857,59,1.45,60,2.857,61,2.304,62,1.668,63,2.857,64,2.857]],["title/overview.html",[65,3.194]],["body/overview.html",[1,1.26,4,0.051,14,1.448,18,0.032,19,0.032,39,1.545,40,2.706,65,2.001,66,1.448,67,2.001,68,0.968,69,1.26,70,2.001,71,2.001,72,2.001,73,2.001,74,2.001,75,2.95,76,2.038,77,2.038,78,2.343,79,2.325,80,3.237,81,2.038,82,2.804,83,2.001,84,1.26,85,2.482,86,2.482,87,1.26,88,2.482,89,1.685]],["title/license.html",[20,1.754,21,1.754,90,2.083]],["body/license.html",[4,0.033,18,0.033,19,0.033,56,2.133,59,1.845,68,1.032,84,1.343,90,2.133,91,2.645,92,4.152,93,2.645,94,2.645,95,2.645,96,2.645,97,3.634,98,2.645,99,2.645,100,2.645,101,2.645,102,3.634,103,2.645,104,2.609,105,5.125,106,2.645,107,1.032,108,3.634,109,4.152,110,2.645,111,4.152,112,3.634,113,2.645,114,2.645,115,2.645,116,2.645,117,2.645,118,2.645,119,2.645,120,2.645,121,2.645,122,2.645,123,2.133,124,1.796,125,2.645,126,2.645,127,3.634,128,3.634,129,2.645,130,2.645,131,3.634,132,2.645,133,2.645,134,2.645,135,2.645,136,2.645,137,2.645,138,2.133,139,2.645,140,2.133,141,2.645,142,2.645,143,2.645,144,2.645,145,2.645,146,2.645,147,2.645,148,1.796,149,2.645,150,2.645,151,2.645,152,2.645,153,2.645]],["title/modules.html",[39,1.76]],["body/modules.html",[4,0.044,18,0.044,19,0.044,39,1.832,40,2.093,154,3.324,155,3.324,156,4.122,157,4.122]],["title/modules/NgxEditorModule.html",[39,1.336,40,1.526]],["body/modules/NgxEditorModule.html",[1,0.904,3,1.435,4,0.051,6,0.904,7,1.59,13,1.776,14,1.59,18,0.025,19,0.025,26,0.729,38,1.906,39,1.211,40,2.601,41,2.197,45,1.85,66,1.039,67,2.669,68,1.291,69,1.883,70,1.435,71,1.435,72,1.435,73,1.435,74,1.435,75,2.918,76,2.141,77,2.141,78,2.461,79,2.029,80,3.4,81,2.141,82,2.197,83,1.435,84,0.904,107,0.694,158,1.039,159,1.039,160,0.791,161,1.208,162,1.78,163,2.725,164,2.725,165,2.725,166,1.435,167,1.435,168,1.78,169,1.435,170,1.78,171,1.78,172,1.78,173,1.435,174,1.78,175,1.78,176,1.78,177,1.039]],["title/components/NgxEditorMessageComponent.html",[77,1.526,87,1.526]],["body/components/NgxEditorMessageComponent.html",[4,0.05,6,0.891,13,2.096,18,0.025,19,0.025,22,0.78,26,1.033,38,1.052,42,1.369,66,1.025,69,0.891,75,1.025,76,0.891,77,1.869,78,1.025,81,1.869,87,2.017,107,0.685,158,1.025,159,1.025,160,1.636,161,2.5,169,2.969,173,1.416,177,1.025,178,1.416,179,1.416,180,1.416,181,1.756,182,1.416,183,3.382,184,2.847,185,3.138,186,2.174,187,2.696,188,2.174,189,2.696,190,1.869,191,4.194,192,2.174,193,3.682,194,1.192,195,1.756,196,2.228,197,2.696,198,1.025,199,1.28,200,0.78,201,0.78,202,1.025,203,3.282,204,2.696,205,2.174,206,1.756,207,1.83,208,1.574,209,2.174,210,0.685,211,0.602,212,3.282,213,2.174,214,2.696,215,1.192,216,1.416,217,1.756,218,1.025,219,2.696,220,1.83,221,1.83,222,2.969,223,1.416,224,1.416,225,1.416,226,1.416,227,1.416,228,1.416]],["title/components/NgxGrippieComponent.html",[76,1.526,87,1.526]],["body/components/NgxGrippieComponent.html",[4,0.05,6,0.694,13,1.992,18,0.02,19,0.02,22,0.607,26,0.839,38,0.863,42,1.123,66,0.798,69,0.694,75,2.055,76,1.627,77,0.694,78,0.798,79,1.415,87,2.013,107,0.533,140,3.534,148,0.928,158,0.798,159,0.798,160,1.835,161,2.804,166,1.102,167,3.33,177,0.798,178,1.102,179,1.102,180,1.102,182,1.102,183,3.038,184,2.558,186,1.785,188,1.785,190,1.123,194,1.893,196,2.693,198,0.798,199,1.088,200,1.239,201,0.607,202,0.798,208,0.798,210,0.863,211,1.098,215,1.893,216,1.102,220,1.502,221,1.502,222,2.584,223,1.102,224,1.102,225,1.102,226,1.102,227,2.248,228,1.102,229,1.367,230,2.213,231,2.213,232,3.767,233,2.693,234,3.204,235,2.788,236,2.213,237,2.213,238,3.204,239,1.367,240,2.213,241,2.788,242,2.788,243,1.367,244,4.13,245,1.367,246,1.367,247,1.367,248,1.367,249,1.87,250,1.502,251,1.367,252,2.584,253,2.248,254,2.055,255,1.367,256,1.502,257,1.367,258,2.213,259,2.213,260,1.367,261,1.367,262,1.367,263,1.367,264,2.788,265,1.367,266,2.788,267,2.213,268,1.367,269,1.367,270,1.367,271,1.367,272,1.367,273,1.367,274,1.367]],["title/injectables/MessageService.html",[81,1.526,89,2.041]],["body/injectables/MessageService.html",[4,0.051,6,1.059,18,0.028,19,0.028,22,0.927,26,0.789,38,1.567,69,1.059,81,1.558,89,2.473,107,0.814,123,2.937,158,1.218,159,1.218,160,1.785,177,1.218,185,3.467,192,2.476,194,2.473,196,2.473,198,1.218,199,0.814,200,0.927,201,0.927,202,1.218,205,2.476,207,2.473,208,2.701,209,2.937,213,1.683,215,2.084,218,2.126,254,1.218,275,1.683,276,4.016,277,3.07,278,2.086,279,2.086,280,3.239,281,3.642,282,3.07,283,2.086,284,2.086,285,2.086,286,2.086,287,2.476,288,2.086,289,1.683,290,1.683,291,1.417,292,2.086,293,3.07,294,1.683,295,2.086,296,2.086,297,2.086,298,2.086,299,2.086,300,3.07,301,2.086,302,2.086,303,2.086,304,2.086]],["title/miscellaneous/functions.html",[250,2.428,305,1.508]],["body/miscellaneous/functions.html",[4,0.044,18,0.032,19,0.032,22,1.103,26,0.9,30,2.361,35,2.361,84,1.765,160,1.103,190,1.765,198,2.539,199,1.697,200,1.933,201,1.933,202,2.539,208,1.448,210,0.968,211,1.192,218,2.539,220,1.685,221,2.361,249,2.343,250,1.685,253,2.804,305,1.448,306,3.477,307,3.477,308,3.477,309,3.477,310,4.014,311,2.482,312,2.482,313,2.482,314,2.035,315,2.001,316,2.482,317,2.482,318,2.41,319,2.482,320,1.685,321,2.482,322,2.482,323,2.804,324,2.001,325,2.482,326,2.804,327,2.343,328,1.685,329,2.482,330,2.482,331,3.237,332,3.237,333,2.001]],["title/miscellaneous/variables.html",[291,2.428,305,1.508]],["body/miscellaneous/variables.html",[4,0.049,8,1.144,18,0.027,19,0.027,22,0.871,57,1.989,59,1.487,62,1.144,79,2.42,104,1.144,107,1.143,160,1.302,185,1.33,200,1.853,207,1.33,210,1.769,211,1.429,233,1.33,252,1.58,254,1.71,256,1.989,275,1.58,287,1.58,289,2.83,290,1.58,291,1.989,305,1.144,314,1.302,318,0.995,320,3.165,326,2.83,334,3.509,335,4.766,336,1.959,337,1.959,338,1.959,339,1.959,340,1.959,341,1.959,342,1.959,343,1.959,344,1.959,345,1.144,346,1.58,347,1.58,348,1.58,349,1.58,350,1.58,351,1.58,352,1.58,353,1.58,354,1.58,355,1.33,356,1.33,357,1.58,358,1.33,359,1.33,360,1.33,361,1.33,362,1.33,363,1.33,364,1.33,365,0.995,366,1.33,367,1.33,368,1.33,369,1.33,370,1.33,371,1.33,372,1.33,373,1.33,374,1.33,375,1.33,376,1.33,377,1.33,378,1.33,379,1.33,380,1.33,381,1.33,382,1.33,383,1.144,384,1.33,385,0.764,386,0.764,387,1.959,388,3.509,389,1.959,390,1.959,391,1.959,392,1.959,393,1.959,394,3.509,395,1.959,396,1.959,397,1.959,398,1.959,399,1.959,400,1.959,401,1.959,402,1.959,403,1.959,404,1.959,405,1.58,406,1.959,407,1.959]],["title/additional-documentation/prerequisites.html",[408,0.777,409,0.777,410,2.083]],["body/additional-documentation/prerequisites.html",[1,1.6,2,2.541,4,0.046,7,1.839,8,2.385,13,1.815,14,1.839,18,0.037,19,0.037,26,0.619,29,2.774,38,1.871,43,2.541,44,2.774,45,2.774,124,2.139,314,1.4,385,1.229,386,1.229,410,2.541,411,3.294,412,2.541,413,3.151,414,3.151,415,3.151,416,3.151,417,3.151,418,3.151,419,3.151,420,4.085,421,2.541,422,3.151,423,3.151,424,4.085,425,3.151,426,1.839,427,3.151,428,3.151,429,4.085,430,3.151,431,3.151]],["title/additional-documentation/configuration.html",[318,1.312,408,0.777,409,0.777]],["body/additional-documentation/configuration.html",[4,0.046,18,0.035,19,0.035,57,2.623,59,1.47,62,1.69,68,1.13,79,2.356,104,1.69,190,1.962,210,1.13,233,1.966,256,2.623,314,1.287,318,2.208,320,1.966,328,2.623,345,1.69,346,2.335,347,2.335,348,2.335,349,2.335,350,2.335,351,2.335,352,2.335,353,2.335,354,2.335,355,1.966,356,1.966,357,2.335,358,1.966,359,1.966,360,1.966,361,1.966,362,1.966,363,1.966,364,1.966,365,1.47,366,1.966,367,1.966,368,1.966,369,1.966,370,1.966,371,1.966,372,1.966,373,1.966,374,1.966,375,1.966,376,1.966,377,1.966,378,1.966,379,1.966,380,1.966,381,1.966,382,1.966,383,1.69,384,1.966,385,1.13,386,1.13,432,2.895,433,2.335]],["title/additional-documentation/toolbar.html",[314,1.148,408,0.777,409,0.777]],["body/additional-documentation/toolbar.html",[4,0.046,18,0.035,19,0.035,26,0.574,68,1.517,104,1.705,199,1.14,201,1.298,210,1.517,211,1.001,314,2.155,315,2.356,318,1.483,358,2.639,359,2.639,360,2.639,361,2.639,362,1.984,363,1.984,364,1.984,365,1.483,366,2.639,367,1.984,368,2.639,369,2.639,370,1.984,371,2.639,372,1.984,373,1.984,374,1.984,375,1.984,376,1.984,377,1.984,378,1.984,379,1.984,380,1.984,381,1.984,382,1.984,383,1.705,384,1.984,385,1.14,386,1.14,434,4.657,435,2.922,436,2.922,437,3.887,438,4.369,439,2.922,440,2.922]],["title/additional-documentation/font-size.html",[10,1.322,408,0.681,409,0.681,441,1.827]],["body/additional-documentation/font-size.html",[4,0.042,10,2.693,18,0.042,19,0.042,62,2.234,211,1.581,254,2.234,327,2.693,441,3.72,442,3.827,443,3.827,444,3.827,445,3.086,446,2.599,447,2.599,448,3.827,449,3.827]],["title/additional-documentation/colors.html",[365,1.312,408,0.777,409,0.777]],["body/additional-documentation/colors.html",[4,0.042,18,0.042,19,0.042,42,1.966,154,3.124,155,3.124,199,1.813,211,1.328,327,2.261,365,2.621,386,1.511,446,2.63,447,2.63,450,3.873,451,3.873]],["title/additional-documentation/image-uploader.html",[385,0.884,408,0.681,409,0.681,426,1.322]],["body/additional-documentation/image-uploader.html",[4,0.044,18,0.04,19,0.04,30,2.412,68,1.386,107,1.386,124,2.412,190,1.803,199,1.386,218,2.073,280,2.865,327,2.573,328,2.412,385,1.87,426,2.797,433,2.865,452,3.552,453,3.554,454,3.552,455,3.552,456,3.552,457,3.554,458,3.552,459,2.865,460,3.552,461,3.552]],["title/additional-documentation/code-editor.html",[26,0.445,386,0.884,408,0.681,409,0.681]],["body/additional-documentation/code-editor.html",[4,0.04,8,2.783,18,0.04,19,0.04,26,0.937,29,2.972,33,2.833,34,2.833,35,2.385,36,2.833,38,1.371,42,2.222,44,2.385,59,1.784,61,2.833,138,2.833,184,2.385,345,2.051,386,1.947,411,2.833,412,2.833,421,2.833,462,2.833,463,3.513,464,3.513,465,3.513,466,3.513]],["title/additional-documentation/resizer.html",[249,1.508,408,0.777,409,0.777]],["body/additional-documentation/resizer.html",[4,0.042,18,0.042,19,0.042,26,0.735,200,1.661,201,1.661,210,1.458,211,1.281,249,3.103,323,3.015,324,3.668,467,3.738,468,3.738,469,3.738,470,3.738,471,3.738,472,3.738,473,3.738,474,3.738]],["title/additional-documentation/errors.html",[408,0.777,409,0.777,475,2.083]],["body/additional-documentation/errors.html",[4,0.037,18,0.037,19,0.037,26,0.891,68,1.229,84,1.6,148,2.139,294,2.541,331,3.656,332,2.541,333,2.541,345,2.385,355,2.139,356,2.774,383,2.646,385,1.939,405,2.541,426,1.839,445,2.541,446,2.139,447,2.139,453,2.541,457,2.541,459,3.294,462,2.541,475,3.294,476,3.151,477,3.151,478,3.151,479,3.151,480,3.151,481,3.151,482,3.151,483,3.151,484,4.796,485,3.151,486,3.151,487,3.151,488,3.151,489,3.151]]],"invertedIndex":[["",{"_index":4,"title":{},"body":{"dependencies.html":{},"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/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{},"additional-documentation/errors.html":{}}}],["0",{"_index":256,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["1",{"_index":85,"title":{},"body":{"overview.html":{}}}],["2",{"_index":88,"title":{},"body":{"overview.html":{}}}],["2.0.2",{"_index":15,"title":{},"body":{"dependencies.html":{}}}],["2017",{"_index":94,"title":{},"body":{"license.html":{}}}],["2018",{"_index":95,"title":{},"body":{"license.html":{}}}],["4",{"_index":86,"title":{},"body":{"overview.html":{}}}],["4.7.0",{"_index":12,"title":{},"body":{"dependencies.html":{}}}],["5.2.0",{"_index":5,"title":{},"body":{"dependencies.html":{}}}],["5.35.0",{"_index":9,"title":{},"body":{"dependencies.html":{}}}],["5.5.6",{"_index":17,"title":{},"body":{"dependencies.html":{}}}],["7000",{"_index":290,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["_editorcompon",{"_index":241,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["_messageservic",{"_index":203,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["abov",{"_index":126,"title":{},"body":{"license.html":{}}}],["accept",{"_index":469,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["action",{"_index":148,"title":{},"body":{"license.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/errors.html":{}}}],["actual_compon",{"_index":228,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["add",{"_index":36,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["addit",{"_index":408,"title":{"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{},"additional-documentation/errors.html":{}},"body":{}}],["allow",{"_index":462,"title":{},"body":{"additional-documentation/code-editor.html":{},"additional-documentation/errors.html":{}}}],["and/or",{"_index":119,"title":{},"body":{"license.html":{}}}],["angular",{"_index":406,"title":{},"body":{"miscellaneous/variables.html":{}}}],["angular/common",{"_index":3,"title":{},"body":{"dependencies.html":{},"modules/NgxEditorModule.html":{}}}],["angular/common/http",{"_index":431,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["angular/cor",{"_index":6,"title":{},"body":{"dependencies.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["angular/form",{"_index":7,"title":{},"body":{"dependencies.html":{},"index.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/prerequisites.html":{}}}],["angular5",{"_index":27,"title":{},"body":{"index.html":{}}}],["apart",{"_index":474,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["app",{"_index":184,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/code-editor.html":{}}}],["applic",{"_index":28,"title":{},"body":{"index.html":{}}}],["area",{"_index":483,"title":{},"body":{"additional-documentation/errors.html":{}}}],["argument",{"_index":242,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["aris",{"_index":152,"title":{},"body":{"license.html":{}}}],["array",{"_index":434,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["associ",{"_index":106,"title":{},"body":{"license.html":{}}}],["author",{"_index":141,"title":{},"body":{"license.html":{}}}],["auto",{"_index":57,"title":{},"body":{"index.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["awesom",{"_index":11,"title":{},"body":{"dependencies.html":{},"index.html":{}}}],["base",{"_index":317,"title":{},"body":{"miscellaneous/functions.html":{}}}],["basic",{"_index":323,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/resizer.html":{}}}],["basic|stack",{"_index":471,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["befor",{"_index":259,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["blockquot",{"_index":378,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["bold",{"_index":358,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["bootstrap",{"_index":14,"title":{},"body":{"dependencies.html":{},"overview.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/prerequisites.html":{}}}],["brows",{"_index":157,"title":{},"body":{"modules.html":{}}}],["browser",{"_index":154,"title":{},"body":{"modules.html":{},"additional-documentation/colors.html":{}}}],["build",{"_index":394,"title":{},"body":{"miscellaneous/variables.html":{}}}],["button",{"_index":438,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["c",{"_index":93,"title":{},"body":{"license.html":{}}}],["canenabletoolbaropt",{"_index":306,"title":{},"body":{"miscellaneous/functions.html":{}}}],["canenabletoolbaroptions(valu",{"_index":313,"title":{},"body":{"miscellaneous/functions.html":{}}}],["canres",{"_index":307,"title":{},"body":{"miscellaneous/functions.html":{}}}],["canresize(res",{"_index":321,"title":{},"body":{"miscellaneous/functions.html":{}}}],["charg",{"_index":101,"title":{},"body":{"license.html":{}}}],["chrome",{"_index":48,"title":{},"body":{"index.html":{}}}],["claim",{"_index":144,"title":{},"body":{"license.html":{}}}],["class",{"_index":177,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["clear",{"_index":207,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["clearmessag",{"_index":193,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["clearmessagein(millisecond",{"_index":302,"title":{},"body":{"injectables/MessageService.html":{}}}],["cli.json",{"_index":407,"title":{},"body":{"miscellaneous/variables.html":{}}}],["clue",{"_index":480,"title":{},"body":{"additional-documentation/errors.html":{}}}],["cluster_ngxeditormodul",{"_index":70,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_declar",{"_index":71,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_export",{"_index":73,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_ngxeditorcomponent_provid",{"_index":72,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_provid",{"_index":74,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["code",{"_index":386,"title":{"additional-documentation/code-editor.html":{}},"body":{"miscellaneous/variables.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/colors.html":{},"additional-documentation/code-editor.html":{}}}],["codemirror",{"_index":8,"title":{},"body":{"dependencies.html":{},"miscellaneous/variables.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["codemirror'",{"_index":465,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["codemirror`",{"_index":422,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["codemirrorconfig",{"_index":334,"title":{},"body":{"miscellaneous/variables.html":{}}}],["codemirrorthen",{"_index":464,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["color",{"_index":365,"title":{"additional-documentation/colors.html":{}},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/colors.html":{}}}],["command",{"_index":482,"title":{},"body":{"additional-documentation/errors.html":{}}}],["commandexecutorservic",{"_index":80,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["common",{"_index":476,"title":{},"body":{"additional-documentation/errors.html":{}}}],["common/services/command",{"_index":174,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["common/services/message.servic",{"_index":173,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{}}}],["commonmodul",{"_index":163,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["compat",{"_index":46,"title":{},"body":{"index.html":{}}}],["compodoc",{"_index":60,"title":{},"body":{"index.html":{}}}],["compon",{"_index":87,"title":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}},"body":{"overview.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["component_templ",{"_index":223,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["condit",{"_index":125,"title":{},"body":{"license.html":{}}}],["config",{"_index":328,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/configuration.html":{},"additional-documentation/image-uploader.html":{}}}],["configuar",{"_index":344,"title":{},"body":{"miscellaneous/variables.html":{}}}],["configur",{"_index":318,"title":{"additional-documentation/configuration.html":{}},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["connect",{"_index":153,"title":{},"body":{"license.html":{}}}],["const",{"_index":288,"title":{},"body":{"injectables/MessageService.html":{}}}],["constructor",{"_index":194,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["constructor(_editorcompon",{"_index":239,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["constructor(_messageservic",{"_index":195,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["constructor(priv",{"_index":216,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["content",{"_index":390,"title":{},"body":{"miscellaneous/variables.html":{}}}],["contract",{"_index":149,"title":{},"body":{"license.html":{}}}],["copi",{"_index":104,"title":{},"body":{"license.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["copyright",{"_index":92,"title":{},"body":{"license.html":{}}}],["correct",{"_index":449,"title":{},"body":{"additional-documentation/font-size.html":{}}}],["css",{"_index":423,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["css3",{"_index":472,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["current",{"_index":391,"title":{},"body":{"miscellaneous/variables.html":{}}}],["custom",{"_index":435,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["cut",{"_index":372,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["damag",{"_index":145,"title":{},"body":{"license.html":{}}}],["deal",{"_index":108,"title":{},"body":{"license.html":{}}}],["declar",{"_index":67,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["default",{"_index":210,"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":196,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["delet",{"_index":373,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["demo",{"_index":54,"title":{},"body":{"index.html":{}}}],["depend",{"_index":1,"title":{"dependencies.html":{}},"body":{"dependencies.html":{},"overview.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/prerequisites.html":{}}}],["descript",{"_index":202,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["dev",{"_index":396,"title":{},"body":{"miscellaneous/variables.html":{}}}],["direct",{"_index":221,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["directli",{"_index":461,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["disabl",{"_index":316,"title":{},"body":{"miscellaneous/functions.html":{}}}],["display",{"_index":214,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["distribut",{"_index":117,"title":{},"body":{"license.html":{}}}],["document",{"_index":56,"title":{},"body":{"index.html":{},"license.html":{}}}],["document:mousemov",{"_index":236,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["document:mousemove(ev",{"_index":243,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["document:mouseup",{"_index":237,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["document:mouseup(ev",{"_index":246,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["dom",{"_index":179,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["drag",{"_index":261,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["durat",{"_index":289,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["dure",{"_index":393,"title":{},"body":{"miscellaneous/variables.html":{}}}],["each",{"_index":436,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["edg",{"_index":50,"title":{},"body":{"index.html":{}}}],["edit",{"_index":345,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/errors.html":{}}}],["edit/preview",{"_index":413,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["editor",{"_index":26,"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":{},"additional-documentation/errors.html":{}}}],["editor'},{'nam",{"_index":224,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["editor.compon",{"_index":166,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxGrippieComponent.html":{}}}],["editor.defaults.t",{"_index":337,"title":{},"body":{"miscellaneous/variables.html":{}}}],["editor.module.t",{"_index":162,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["editor.utils.t",{"_index":312,"title":{},"body":{"miscellaneous/functions.html":{}}}],["editor/common/ngx",{"_index":336,"title":{},"body":{"miscellaneous/variables.html":{}}}],["editor/common/services/message.service.t",{"_index":275,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["editor/common/services/message.service.ts:13",{"_index":278,"title":{},"body":{"injectables/MessageService.html":{}}}],["editor/common/services/message.service.ts:18",{"_index":279,"title":{},"body":{"injectables/MessageService.html":{}}}],["editor/common/services/message.service.ts:27",{"_index":283,"title":{},"body":{"injectables/MessageService.html":{}}}],["editor/common/utils/ngx",{"_index":311,"title":{},"body":{"miscellaneous/functions.html":{}}}],["editor/ngx",{"_index":161,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["editorusag",{"_index":37,"title":{},"body":{"index.html":{}}}],["element",{"_index":220,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["empti",{"_index":440,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["enabl",{"_index":315,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{}}}],["enabletoolbar",{"_index":352,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["endpoint",{"_index":453,"title":{},"body":{"additional-documentation/image-uploader.html":{},"additional-documentation/errors.html":{}}}],["enter",{"_index":355,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/errors.html":{}}}],["env",{"_index":403,"title":{},"body":{"miscellaneous/variables.html":{}}}],["env=prod",{"_index":399,"title":{},"body":{"miscellaneous/variables.html":{}}}],["environ",{"_index":335,"title":{},"body":{"miscellaneous/variables.html":{}}}],["environment.prod.t",{"_index":400,"title":{},"body":{"miscellaneous/variables.html":{}}}],["environment.t",{"_index":397,"title":{},"body":{"miscellaneous/variables.html":{}}}],["error",{"_index":475,"title":{"additional-documentation/errors.html":{}},"body":{"additional-documentation/errors.html":{}}}],["event",{"_index":140,"title":{},"body":{"license.html":{},"components/NgxGrippieComponent.html":{}}}],["event.clienti",{"_index":267,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["event.preventdefault",{"_index":274,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["execut",{"_index":481,"title":{},"body":{"additional-documentation/errors.html":{}}}],["executor.servic",{"_index":175,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["export",{"_index":69,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["express",{"_index":133,"title":{},"body":{"license.html":{}}}],["fals",{"_index":252,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{}}}],["file",{"_index":107,"title":{},"body":{"license.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{},"additional-documentation/image-uploader.html":{}}}],["firefox",{"_index":52,"title":{},"body":{"index.html":{}}}],["fit",{"_index":136,"title":{},"body":{"license.html":{}}}],["focuss",{"_index":332,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/errors.html":{}}}],["follow",{"_index":124,"title":{},"body":{"license.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/image-uploader.html":{}}}],["font",{"_index":10,"title":{"additional-documentation/font-size.html":{}},"body":{"dependencies.html":{},"index.html":{},"additional-documentation/font-size.html":{}}}],["fontawesom",{"_index":414,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["fontsiz",{"_index":364,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["format",{"_index":458,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["formdata",{"_index":456,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["formsmodul",{"_index":45,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/prerequisites.html":{}}}],["found",{"_index":405,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/errors.html":{}}}],["free",{"_index":100,"title":{},"body":{"license.html":{}}}],["function",{"_index":250,"title":{"miscellaneous/functions.html":{}},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["furnish",{"_index":122,"title":{},"body":{"license.html":{}}}],["gener",{"_index":58,"title":{},"body":{"index.html":{}}}],["get",{"_index":20,"title":{"index.html":{},"license.html":{}},"body":{"index.html":{}}}],["geteditorconfigur",{"_index":308,"title":{},"body":{"miscellaneous/functions.html":{}}}],["geteditorconfiguration(valu",{"_index":325,"title":{},"body":{"miscellaneous/functions.html":{}}}],["getmessag",{"_index":276,"title":{},"body":{"injectables/MessageService.html":{}}}],["given",{"_index":477,"title":{},"body":{"additional-documentation/errors.html":{}}}],["googl",{"_index":47,"title":{},"body":{"index.html":{}}}],["grabber",{"_index":232,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grant",{"_index":99,"title":{},"body":{"license.html":{}}}],["grippi",{"_index":227,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["grippie.compon",{"_index":168,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["grippie.component.html",{"_index":231,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.scss",{"_index":230,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.t",{"_index":229,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:13",{"_index":255,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:15",{"_index":257,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:17",{"_index":240,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:32",{"_index":245,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:48",{"_index":247,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:52",{"_index":251,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie/ngx",{"_index":167,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxGrippieComponent.html":{}}}],["group",{"_index":439,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["gutter",{"_index":339,"title":{},"body":{"miscellaneous/variables.html":{}}}],["height",{"_index":233,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["here",{"_index":62,"title":{},"body":{"index.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/font-size.html":{}}}],["herebi",{"_index":98,"title":{},"body":{"license.html":{}}}],["hex",{"_index":450,"title":{},"body":{"additional-documentation/colors.html":{}}}],["hold",{"_index":213,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["holder",{"_index":142,"title":{},"body":{"license.html":{}}}],["horizont",{"_index":467,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["horizontallin",{"_index":380,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["hostlisten",{"_index":235,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["hostlistener('document:mousemov",{"_index":262,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["hostlistener('document:mouseup",{"_index":270,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["hostlistener('mousedown",{"_index":272,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["html",{"_index":42,"title":{},"body":{"index.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/colors.html":{},"additional-documentation/code-editor.html":{}}}],["htmlmix",{"_index":342,"title":{},"body":{"miscellaneous/variables.html":{}}}],["htmlmode",{"_index":343,"title":{},"body":{"miscellaneous/variables.html":{}}}],["http://myapiendpoint",{"_index":460,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["httpclientmodul",{"_index":429,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["https://sibiraj",{"_index":63,"title":{},"body":{"index.html":{}}}],["icon",{"_index":415,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["imag",{"_index":385,"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":{},"additional-documentation/errors.html":{}}}],["imageendpoint",{"_index":357,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["impli",{"_index":134,"title":{},"body":{"license.html":{}}}],["import",{"_index":38,"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":111,"title":{},"body":{"license.html":{}}}],["indent",{"_index":370,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["index",{"_index":22,"title":{"index.html":{}},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["info",{"_index":158,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["inject",{"_index":89,"title":{"injectables/MessageService.html":{}},"body":{"overview.html":{},"injectables/MessageService.html":{}}}],["inlcud",{"_index":428,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["input",{"_index":327,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{}}}],["insert",{"_index":445,"title":{},"body":{"additional-documentation/font-size.html":{},"additional-documentation/errors.html":{}}}],["instal",{"_index":29,"title":{},"body":{"index.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["instead",{"_index":401,"title":{},"body":{"miscellaneous/variables.html":{}}}],["interv",{"_index":299,"title":{},"body":{"injectables/MessageService.html":{}}}],["invalid",{"_index":484,"title":{},"body":{"additional-documentation/errors.html":{}}}],["isn`t",{"_index":486,"title":{},"body":{"additional-documentation/errors.html":{}}}],["ital",{"_index":359,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["item",{"_index":319,"title":{},"body":{"miscellaneous/functions.html":{}}}],["json",{"_index":433,"title":{},"body":{"additional-documentation/configuration.html":{},"additional-documentation/image-uploader.html":{}}}],["justifycent",{"_index":367,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["justifyful",{"_index":369,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["justifyleft",{"_index":366,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["justifyright",{"_index":368,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["kind",{"_index":132,"title":{},"body":{"license.html":{}}}],["legend",{"_index":66,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["liabil",{"_index":146,"title":{},"body":{"license.html":{}}}],["liabl",{"_index":143,"title":{},"body":{"license.html":{}}}],["licens",{"_index":90,"title":{"license.html":{}},"body":{"license.html":{}}}],["limit",{"_index":112,"title":{},"body":{"license.html":{}}}],["linenumb",{"_index":338,"title":{},"body":{"miscellaneous/variables.html":{}}}],["linewrap",{"_index":340,"title":{},"body":{"miscellaneous/variables.html":{}}}],["link",{"_index":383,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/errors.html":{}}}],["list",{"_index":402,"title":{},"body":{"miscellaneous/variables.html":{}}}],["made",{"_index":479,"title":{},"body":{"additional-documentation/errors.html":{}}}],["make",{"_index":446,"title":{},"body":{"additional-documentation/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/errors.html":{}}}],["manag",{"_index":31,"title":{},"body":{"index.html":{}}}],["mandatori",{"_index":419,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["map",{"_index":404,"title":{},"body":{"miscellaneous/variables.html":{}}}],["match",{"_index":19,"title":{},"body":{"dependencies.html":{},"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/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{},"additional-documentation/errors.html":{}}}],["merchant",{"_index":135,"title":{},"body":{"license.html":{}}}],["merg",{"_index":115,"title":{},"body":{"license.html":{}}}],["messag",{"_index":185,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["message'},{'nam",{"_index":225,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["message.compon",{"_index":170,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["message.component.html",{"_index":189,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.scss",{"_index":187,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.t",{"_index":181,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.ts:14",{"_index":197,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.ts:26",{"_index":206,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message/ngx",{"_index":169,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{}}}],["messageservic",{"_index":81,"title":{"injectables/MessageService.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["metadata",{"_index":182,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["method",{"_index":192,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["microsoft",{"_index":49,"title":{},"body":{"index.html":{}}}],["millisecond",{"_index":300,"title":{},"body":{"injectables/MessageService.html":{}}}],["minheight",{"_index":347,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["minwidth",{"_index":349,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["miscellan",{"_index":305,"title":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["mit",{"_index":91,"title":{},"body":{"license.html":{}}}],["mode",{"_index":341,"title":{},"body":{"miscellaneous/variables.html":{}}}],["modifi",{"_index":114,"title":{},"body":{"license.html":{}}}],["modul",{"_index":39,"title":{"modules.html":{},"modules/NgxEditorModule.html":{}},"body":{"index.html":{},"overview.html":{},"modules.html":{},"modules/NgxEditorModule.html":{}}}],["mous",{"_index":268,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mousedown",{"_index":238,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mousedown(ev",{"_index":248,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mouseev",{"_index":244,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mozilla",{"_index":51,"title":{},"body":{"index.html":{}}}],["name",{"_index":199,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{}}}],["need",{"_index":420,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["new",{"_index":294,"title":{},"body":{"injectables/MessageService.html":{},"additional-documentation/errors.html":{}}}],["ng",{"_index":398,"title":{},"body":{"miscellaneous/variables.html":{}}}],["ngmodel",{"_index":43,"title":{},"body":{"index.html":{},"additional-documentation/prerequisites.html":{}}}],["ngmodul",{"_index":41,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{}}}],["ngx",{"_index":13,"title":{},"body":{"dependencies.html":{},"index.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/prerequisites.html":{}}}],["ngxbootstrap",{"_index":416,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["ngxeditor",{"_index":23,"title":{},"body":{"index.html":{}}}],["ngxeditorcompon",{"_index":75,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxeditorconfig",{"_index":326,"title":{},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["ngxeditormessagecompon",{"_index":77,"title":{"components/NgxEditorMessageComponent.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxeditormodul",{"_index":40,"title":{"modules/NgxEditorModule.html":{}},"body":{"index.html":{},"overview.html":{},"modules.html":{},"modules/NgxEditorModule.html":{}}}],["ngxeditortoolbarcompon",{"_index":78,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxgrippiecompon",{"_index":76,"title":{"components/NgxGrippieComponent.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxmessag",{"_index":191,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["node_modules/codemirror/lib/codemirror.css",{"_index":466,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["node_modules/codemirror/lib/codemirror.cssmodul",{"_index":425,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["noninfring",{"_index":139,"title":{},"body":{"license.html":{}}}],["note",{"_index":418,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["notic",{"_index":127,"title":{},"body":{"license.html":{}}}],["npm",{"_index":33,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["number",{"_index":254,"title":{},"body":{"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{},"additional-documentation/font-size.html":{}}}],["object",{"_index":320,"title":{},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["observ",{"_index":281,"title":{},"body":{"injectables/MessageService.html":{}}}],["obtain",{"_index":103,"title":{},"body":{"license.html":{}}}],["oldi",{"_index":234,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["onmousemove(ev",{"_index":263,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["onmouseup(ev",{"_index":271,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["onresize(ev",{"_index":273,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["opera",{"_index":53,"title":{},"body":{"index.html":{}}}],["option",{"_index":201,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/resizer.html":{}}}],["order",{"_index":412,"title":{},"body":{"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["orderedlist",{"_index":381,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["otherwis",{"_index":151,"title":{},"body":{"license.html":{}}}],["out",{"_index":84,"title":{},"body":{"overview.html":{},"license.html":{},"modules/NgxEditorModule.html":{},"miscellaneous/functions.html":{},"additional-documentation/errors.html":{}}}],["outdent",{"_index":371,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["overview",{"_index":65,"title":{"overview.html":{}},"body":{"overview.html":{}}}],["overwrit",{"_index":392,"title":{},"body":{"miscellaneous/variables.html":{}}}],["packag",{"_index":0,"title":{"dependencies.html":{}},"body":{"index.html":{}}}],["page",{"_index":409,"title":{"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{},"additional-documentation/errors.html":{}},"body":{}}],["paragraph",{"_index":377,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["param",{"_index":215,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["paramet",{"_index":198,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["particular",{"_index":137,"title":{},"body":{"license.html":{}}}],["pass",{"_index":448,"title":{},"body":{"additional-documentation/font-size.html":{}}}],["peer",{"_index":2,"title":{},"body":{"dependencies.html":{},"additional-documentation/prerequisites.html":{}}}],["peerdepend",{"_index":411,"title":{},"body":{"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["permiss",{"_index":97,"title":{},"body":{"license.html":{}}}],["permit",{"_index":121,"title":{},"body":{"license.html":{}}}],["person",{"_index":102,"title":{},"body":{"license.html":{}}}],["pixel",{"_index":444,"title":{},"body":{"additional-documentation/font-size.html":{}}}],["placehold",{"_index":354,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["plain",{"_index":463,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["popov",{"_index":417,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["popovermodul",{"_index":165,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["popovermodule.forroot",{"_index":176,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["portion",{"_index":130,"title":{},"body":{"license.html":{}}}],["post",{"_index":454,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["prerequisit",{"_index":410,"title":{"additional-documentation/prerequisites.html":{}},"body":{"additional-documentation/prerequisites.html":{}}}],["previou",{"_index":258,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["privat",{"_index":293,"title":{},"body":{"injectables/MessageService.html":{}}}],["product",{"_index":388,"title":{},"body":{"miscellaneous/variables.html":{}}}],["project",{"_index":424,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["properli",{"_index":427,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["properti",{"_index":190,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{},"additional-documentation/configuration.html":{},"additional-documentation/image-uploader.html":{}}}],["provid",{"_index":68,"title":{},"body":{"overview.html":{},"license.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/errors.html":{}}}],["publish",{"_index":116,"title":{},"body":{"license.html":{}}}],["purpos",{"_index":138,"title":{},"body":{"license.html":{},"additional-documentation/code-editor.html":{}}}],["rang",{"_index":333,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/errors.html":{}}}],["reactiveformsmodul",{"_index":164,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["reason",{"_index":478,"title":{},"body":{"additional-documentation/errors.html":{}}}],["redo",{"_index":376,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["refer",{"_index":487,"title":{},"body":{"additional-documentation/errors.html":{}}}],["removeblockquot",{"_index":379,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["removeformat",{"_index":374,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["repres",{"_index":437,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["request",{"_index":455,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["reset",{"_index":83,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["resiz",{"_index":249,"title":{"additional-documentation/resizer.html":{}},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{},"additional-documentation/resizer.html":{}}}],["respect",{"_index":430,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["respons",{"_index":457,"title":{},"body":{"additional-documentation/image-uploader.html":{},"additional-documentation/errors.html":{}}}],["restor",{"_index":330,"title":{},"body":{"miscellaneous/functions.html":{}}}],["restoreselect",{"_index":309,"title":{},"body":{"miscellaneous/functions.html":{}}}],["restoreselection(rang",{"_index":329,"title":{},"body":{"miscellaneous/functions.html":{}}}],["restrict",{"_index":110,"title":{},"body":{"license.html":{}}}],["result",{"_index":18,"title":{},"body":{"dependencies.html":{},"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/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{},"additional-documentation/errors.html":{}}}],["return",{"_index":208,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["rgba",{"_index":451,"title":{},"body":{"additional-documentation/colors.html":{}}}],["right",{"_index":113,"title":{},"body":{"license.html":{}}}],["rxj",{"_index":16,"title":{},"body":{"dependencies.html":{}}}],["rxjs/add/operator/map",{"_index":286,"title":{},"body":{"injectables/MessageService.html":{}}}],["rxjs/observ",{"_index":285,"title":{},"body":{"injectables/MessageService.html":{}}}],["rxjs/subject",{"_index":284,"title":{},"body":{"injectables/MessageService.html":{}}}],["s.github.io/ngx",{"_index":64,"title":{},"body":{"index.html":{}}}],["save",{"_index":35,"title":{},"body":{"index.html":{},"miscellaneous/functions.html":{},"additional-documentation/code-editor.html":{}}}],["saveselect",{"_index":310,"title":{},"body":{"miscellaneous/functions.html":{}}}],["second",{"_index":301,"title":{},"body":{"injectables/MessageService.html":{}}}],["select",{"_index":331,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/errors.html":{}}}],["selector",{"_index":183,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["sell",{"_index":120,"title":{},"body":{"license.html":{}}}],["send",{"_index":205,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["sendmessag",{"_index":277,"title":{},"body":{"injectables/MessageService.html":{}}}],["sendmessage(messag",{"_index":282,"title":{},"body":{"injectables/MessageService.html":{}}}],["sent",{"_index":280,"title":{},"body":{"injectables/MessageService.html":{},"additional-documentation/image-uploader.html":{}}}],["servic",{"_index":204,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["set",{"_index":253,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["settimeout",{"_index":303,"title":{},"body":{"injectables/MessageService.html":{}}}],["shall",{"_index":128,"title":{},"body":{"license.html":{}}}],["short",{"_index":298,"title":{},"body":{"injectables/MessageService.html":{}}}],["showtoolbar",{"_index":353,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["sibiraj",{"_index":96,"title":{},"body":{"license.html":{}}}],["simpl",{"_index":24,"title":{},"body":{"index.html":{}}}],["size",{"_index":441,"title":{"additional-documentation/font-size.html":{}},"body":{"additional-documentation/font-size.html":{}}}],["softwar",{"_index":105,"title":{},"body":{"license.html":{}}}],["sourc",{"_index":159,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["specifi",{"_index":452,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["spellcheck",{"_index":346,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["src/app/ngx",{"_index":160,"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":387,"title":{},"body":{"miscellaneous/variables.html":{}}}],["src/environments/environment.t",{"_index":389,"title":{},"body":{"miscellaneous/variables.html":{}}}],["stack",{"_index":324,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/resizer.html":{}}}],["stackblitz",{"_index":55,"title":{},"body":{"index.html":{}}}],["stackoverflow",{"_index":473,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["start",{"_index":21,"title":{"index.html":{},"license.html":{}},"body":{"index.html":{}}}],["strikethrough",{"_index":361,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["string",{"_index":218,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/image-uploader.html":{}}}],["stringopt",{"_index":468,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["stylesheet",{"_index":421,"title":{},"body":{"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["styleurl",{"_index":186,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["subject",{"_index":123,"title":{},"body":{"license.html":{},"injectables/MessageService.html":{}}}],["sublicens",{"_index":118,"title":{},"body":{"license.html":{}}}],["subscript",{"_index":363,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["substanti",{"_index":129,"title":{},"body":{"license.html":{}}}],["such",{"_index":32,"title":{},"body":{"index.html":{}}}],["suggest",{"_index":442,"title":{},"body":{"additional-documentation/font-size.html":{}}}],["superscript",{"_index":362,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["support",{"_index":155,"title":{},"body":{"modules.html":{},"additional-documentation/colors.html":{}}}],["sure",{"_index":447,"title":{},"body":{"additional-documentation/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/errors.html":{}}}],["svg",{"_index":156,"title":{},"body":{"modules.html":{}}}],["system",{"_index":395,"title":{},"body":{"miscellaneous/variables.html":{}}}],["templat",{"_index":178,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["templateurl",{"_index":188,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["text",{"_index":356,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/errors.html":{}}}],["this._editorcomponent.resizetextarea(event.clienti",{"_index":265,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["this._messageservice.getmessage().subscribe((messag",{"_index":217,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["this.clearmessagein(dur",{"_index":297,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.grabb",{"_index":264,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["this.message.asobserv",{"_index":295,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.message.next(messag",{"_index":296,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.message.next(undefin",{"_index":304,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.ngxmessag",{"_index":219,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["this.oldi",{"_index":266,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["time",{"_index":287,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["toolbar",{"_index":314,"title":{"additional-documentation/toolbar.html":{}},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["toolbar'},{'nam",{"_index":226,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["toolbar.compon",{"_index":172,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["toolbar/ngx",{"_index":171,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["tort",{"_index":150,"title":{},"body":{"license.html":{}}}],["translat",{"_index":350,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["treat",{"_index":443,"title":{},"body":{"additional-documentation/font-size.html":{}}}],["tree",{"_index":180,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["tri",{"_index":489,"title":{},"body":{"additional-documentation/errors.html":{}}}],["true",{"_index":79,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["two",{"_index":470,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["type",{"_index":200,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/resizer.html":{}}}],["undefin",{"_index":212,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["underlin",{"_index":360,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["undo",{"_index":375,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["unlink",{"_index":384,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["unorderedlist",{"_index":382,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["up",{"_index":269,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["updat",{"_index":260,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["upload",{"_index":426,"title":{"additional-documentation/image-uploader.html":{}},"body":{"additional-documentation/prerequisites.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/errors.html":{}}}],["url",{"_index":459,"title":{},"body":{"additional-documentation/image-uploader.html":{},"additional-documentation/errors.html":{}}}],["url`",{"_index":488,"title":{},"body":{"additional-documentation/errors.html":{}}}],["us",{"_index":59,"title":{},"body":{"index.html":{},"license.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/code-editor.html":{}}}],["usag",{"_index":432,"title":{},"body":{"additional-documentation/configuration.html":{}}}],["user",{"_index":292,"title":{},"body":{"injectables/MessageService.html":{}}}],["valid",{"_index":485,"title":{},"body":{"additional-documentation/errors.html":{}}}],["valu",{"_index":211,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/resizer.html":{}}}],["var",{"_index":222,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["variabl",{"_index":291,"title":{"miscellaneous/variables.html":{}},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["vertic",{"_index":322,"title":{},"body":{"miscellaneous/functions.html":{}}}],["via",{"_index":30,"title":{},"body":{"index.html":{},"miscellaneous/functions.html":{},"additional-documentation/image-uploader.html":{}}}],["view",{"_index":61,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["void",{"_index":209,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["warranti",{"_index":131,"title":{},"body":{"license.html":{}}}],["whether",{"_index":147,"title":{},"body":{"license.html":{}}}],["width",{"_index":348,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["without",{"_index":109,"title":{},"body":{"license.html":{}}}],["work",{"_index":44,"title":{},"body":{"index.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["wysiwyg",{"_index":25,"title":{},"body":{"index.html":{}}}],["yarn",{"_index":34,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["ye",{"_index":351,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["zoom",{"_index":82,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}]],"pipeline":["stemmer"]},
-    "store": {"dependencies.html":{"url":"dependencies.html","title":"package-dependencies - dependencies","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n    Dependencies\n\n\n\n\n\n    Peer Dependencies\n\n\n    \n        @angular/common : ^5.2.0\n    \n        @angular/core : ^5.2.0\n    \n        @angular/forms : ^5.2.0\n    \n        codemirror : ^5.35.0\n    \n        font-awesome : ^4.7.0\n    \n        ngx-bootstrap : ^2.0.2\n    \n        rxjs : ^5.5.6\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"index.html":{"url":"index.html","title":"getting-started - index","body":"\n                   \n\nNgxEditor\n\n  \n   \n  \n\nA Simple WYSIWYG Editor for Angular5+ 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\nCompatibility\n\nGoogle Chrome\nMicrosoft Edge\nMozilla Firefox\nOpera\n\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, 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: 'htmlmixed',\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            ['fontSize', 'color'],\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 - Code Edit/Preview\nFontAwesome - Toolbar icons\nNgxBootstrap - Popover\n\nNote\n\nCodeMirror and ngx-bootstrap are mandatory peerDependency which needs to be installed and there is no need for them to be imported.\n\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        [\"fontSize\", \"color\"],\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    [\"fontSize\", \"color\"],\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/font-size.html":{"url":"additional-documentation/font-size.html","title":"additional-page - Font Size","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nFont Size\nFont size can have any values as suggested here. If the input is a number then it will be treated as pixel, Other values are inserted as it is. Make sure you pass the correct input.\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"additional-documentation/colors.html":{"url":"additional-documentation/colors.html","title":"additional-page - Colors","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nColors\nColor input can be a hex code or rgba value or a color name.\nMake Sure the HTML color names are supported by all browsers.\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"},"additional-documentation/errors.html":{"url":"additional-documentation/errors.html","title":"additional-page - Errors","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nErrors\nSome common error responses given by editor and reasons\n\nNo Selection made - no  text is selected for action\nRange out of the editor - editor has no clue where to execute the command, make sure the text-area is focussed\nInvalid URL - entered URL is invalid\nInvalid image - not a valid image selected for upload\nImage Endpoint isn`t provided or invalid - reference to a link which is not an image or image may not be found\nOnly new links can be inserted. You cannot edit URL`s - you are trying to edit link which is not allowed\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"}}
+    "index": {"version":"2.1.6","fields":["title","body"],"fieldVectors":[["title/dependencies.html",[0,2.146,1,1.889]],["body/dependencies.html",[1,2.347,2,2.992,3,2.992,4,0.047,5,4.925,6,1.907,7,2.183,8,2.183,9,3.695,10,2.183,11,2.992,12,3.695,13,1.678,14,2.183,15,3.695,16,3.695,17,3.695,18,0.039,19,0.039]],["title/index.html",[20,1.814,21,1.814,22,1.203]],["body/index.html",[0,2.326,4,0.044,7,1.697,10,1.697,11,2.326,13,2.214,18,0.033,19,0.033,20,1.966,21,1.966,23,2.873,24,2.873,25,2.873,26,1.057,27,2.873,28,3.866,29,2.991,30,1.966,31,2.873,32,2.873,33,3.13,34,3.13,35,1.966,36,2.326,37,2.873,38,1.954,39,1.304,40,1.995,41,2.326,42,1.304,43,2.326,44,1.966,45,1.966,46,2.873,47,2.873,48,2.873,49,2.873,50,2.873,51,2.873,52,2.873,53,2.873,54,3.866,55,2.873,56,3.13,57,1.966,58,2.873,59,1.483,60,2.873,61,2.326,62,1.697,63,2.873,64,2.873]],["title/overview.html",[65,3.277]],["body/overview.html",[1,1.284,4,0.049,14,1.47,18,0.03,19,0.03,39,1.59,40,2.794,65,2.015,66,1.47,67,2.015,68,0.997,69,1.284,70,2.015,71,2.015,72,2.015,73,2.015,74,2.015,75,3.029,76,2.092,77,2.092,78,2.394,79,2.392,80,3.281,81,2.092,82,2.836,83,2.015,84,1.284,85,2.488,86,2.488,87,1.284,88,2.488,89,1.703]],["title/license.html",[20,1.814,21,1.814,90,2.146]],["body/license.html",[4,0.031,18,0.031,19,0.031,56,2.15,59,1.891,68,1.064,84,1.371,90,2.15,91,2.656,92,4.195,93,2.656,94,2.656,95,2.656,96,2.656,97,3.664,98,2.656,99,2.656,100,2.656,101,2.656,102,3.664,103,2.656,104,2.673,105,5.2,106,2.656,107,1.064,108,3.664,109,4.195,110,2.656,111,4.195,112,3.664,113,2.656,114,2.656,115,2.656,116,2.656,117,2.656,118,2.656,119,2.656,120,2.656,121,2.656,122,2.656,123,2.15,124,1.818,125,2.656,126,2.656,127,3.664,128,3.664,129,2.656,130,2.656,131,3.664,132,2.656,133,2.656,134,2.656,135,2.656,136,2.656,137,2.656,138,2.15,139,2.656,140,2.15,141,2.656,142,2.656,143,2.656,144,2.656,145,2.656,146,2.656,147,2.656,148,1.818,149,2.656,150,2.656,151,2.656,152,2.656,153,2.656]],["title/modules.html",[39,1.837]],["body/modules.html",[4,0.042,18,0.042,19,0.042,39,1.9,40,2.16,154,3.388,155,3.388,156,4.184,157,4.184]],["title/modules/NgxEditorModule.html",[39,1.397,40,1.589]],["body/modules/NgxEditorModule.html",[1,0.917,3,1.438,4,0.049,6,0.917,7,1.614,13,1.83,14,1.614,18,0.023,19,0.023,26,0.786,38,1.983,39,1.24,40,2.683,41,2.211,45,1.869,66,1.049,67,2.694,68,1.333,69,1.928,70,1.438,71,1.438,72,1.438,73,1.438,74,1.438,75,2.994,76,2.197,77,2.197,78,2.516,79,2.081,80,3.447,81,2.197,82,2.211,83,1.438,84,0.917,107,0.712,158,1.049,159,1.049,160,0.806,161,1.215,162,1.776,163,2.731,164,2.731,165,2.731,166,1.438,167,1.438,168,1.776,169,1.438,170,1.776,171,1.776,172,1.776,173,1.438,174,1.776,175,1.776,176,1.776,177,1.049]],["title/components/NgxEditorMessageComponent.html",[77,1.589,87,1.589]],["body/components/NgxEditorMessageComponent.html",[4,0.048,6,0.904,13,2.168,18,0.023,19,0.023,22,0.795,26,1.123,38,1.083,42,1.226,66,1.035,69,0.904,75,1.035,76,0.904,77,1.914,78,1.035,81,1.914,87,2.068,107,0.702,158,1.035,159,1.035,160,1.683,161,2.538,169,3.002,173,1.418,177,1.035,178,1.418,179,1.418,180,1.418,181,1.751,182,1.418,183,3.428,184,2.898,185,3.2,186,2.188,187,2.702,188,2.188,189,2.702,190,1.914,191,4.233,192,2.188,193,3.708,194,1.199,195,1.751,196,2.258,197,2.702,198,1.035,199,1.322,200,0.795,201,0.795,202,1.035,203,3.298,204,2.702,205,2.188,206,1.751,207,1.849,208,1.596,209,2.188,210,0.702,211,0.62,212,3.298,213,2.188,214,2.702,215,1.199,216,1.418,217,1.751,218,1.035,219,2.702,220,1.849,221,1.849,222,3.002,223,1.418,224,1.418,225,1.418,226,1.418,227,1.418,228,1.418]],["title/components/NgxGrippieComponent.html",[76,1.589,87,1.589]],["body/components/NgxGrippieComponent.html",[4,0.048,6,0.702,13,2.057,18,0.019,19,0.019,22,0.617,26,0.907,38,0.886,42,1.004,66,0.803,69,0.702,75,2.092,76,1.661,77,0.702,78,0.803,79,1.442,87,2.064,107,0.545,140,3.585,148,0.931,158,0.803,159,0.803,160,1.891,161,2.852,166,1.101,167,3.374,177,0.803,178,1.101,179,1.101,180,1.101,182,1.101,183,3.072,184,2.596,186,1.79,188,1.79,190,1.141,194,1.912,196,2.736,198,0.803,199,1.119,200,1.268,201,0.617,202,0.803,208,0.803,210,0.886,211,1.139,215,1.912,216,1.101,220,1.513,221,1.513,222,2.605,223,1.101,224,1.101,225,1.101,226,1.101,227,2.262,228,1.101,229,1.36,230,2.21,231,2.21,232,3.793,233,2.736,234,3.217,235,2.793,236,2.21,237,2.21,238,3.217,239,1.36,240,2.21,241,2.793,242,2.793,243,1.36,244,4.166,245,1.36,246,1.36,247,1.36,248,1.36,249,1.901,250,1.513,251,1.36,252,2.605,253,2.262,254,2.092,255,1.36,256,1.513,257,1.36,258,2.21,259,2.21,260,1.36,261,1.36,262,1.36,263,1.36,264,2.793,265,1.36,266,2.793,267,2.21,268,1.36,269,1.36,270,1.36,271,1.36,272,1.36,273,1.36,274,1.36]],["title/injectables/MessageService.html",[81,1.589,89,2.107]],["body/injectables/MessageService.html",[4,0.048,6,1.077,18,0.026,19,0.026,22,0.947,26,0.853,38,1.624,69,1.077,81,1.592,89,2.511,107,0.836,123,2.97,158,1.233,159,1.233,160,1.84,177,1.233,185,3.545,192,2.497,194,2.511,196,2.511,198,1.233,199,0.836,200,0.947,201,0.947,202,1.233,205,2.497,207,2.511,208,2.767,209,2.97,213,1.689,215,2.111,218,2.168,254,1.233,275,1.689,276,4.052,277,3.084,278,2.086,279,2.086,280,3.281,281,3.668,282,3.084,283,2.086,284,2.086,285,2.086,286,2.086,287,2.497,288,2.086,289,1.689,290,1.689,291,1.428,292,2.086,293,3.084,294,1.689,295,2.086,296,2.086,297,2.086,298,2.086,299,2.086,300,3.084,301,2.086,302,2.086,303,2.086,304,2.086]],["title/miscellaneous/functions.html",[250,2.505,305,1.566]],["body/miscellaneous/functions.html",[4,0.042,18,0.03,19,0.03,22,1.13,26,0.976,30,2.397,35,2.397,84,1.808,160,1.13,190,1.808,198,2.598,199,1.762,200,1.996,201,1.996,202,2.598,208,1.47,210,0.997,211,1.24,218,2.598,220,1.703,221,2.397,249,2.394,250,1.703,253,2.836,305,1.47,306,3.502,307,3.502,308,3.502,309,3.502,310,4.052,311,2.488,312,2.488,313,2.488,314,2.104,315,2.015,316,2.488,317,2.488,318,2.481,319,2.488,320,1.47,321,2.488,322,2.488,323,2.836,324,2.015,325,2.488,326,2.836,327,2.394,328,1.703,329,2.488,330,2.488,331,3.281,332,3.281,333,2.015]],["title/miscellaneous/variables.html",[291,2.505,305,1.566]],["body/miscellaneous/variables.html",[4,0.046,8,1.146,18,0.025,19,0.025,22,0.88,57,1.999,59,1.507,62,1.146,79,2.532,104,1.146,107,1.17,160,1.326,185,1.327,200,1.903,207,1.327,210,1.832,211,1.484,233,1.327,252,1.57,254,1.725,256,1.999,275,1.57,287,1.57,289,2.844,290,1.57,291,1.999,305,1.146,314,1.326,318,1.001,320,2.78,326,2.844,334,3.512,335,4.813,336,1.939,337,1.939,338,1.939,339,1.939,340,1.939,341,1.939,342,1.939,343,1.939,344,1.939,345,1.939,346,1.146,347,1.57,348,1.57,349,1.57,350,1.57,351,1.57,352,1.57,353,1.57,354,1.57,355,1.57,356,1.327,357,1.327,358,1.57,359,1.327,360,1.327,361,1.327,362,1.327,363,1.327,364,1.327,365,1.327,366,1.001,367,1.327,368,1.327,369,1.327,370,1.327,371,1.327,372,1.327,373,1.327,374,1.327,375,1.327,376,1.327,377,1.327,378,1.327,379,1.327,380,1.327,381,1.327,382,1.327,383,1.327,384,1.001,385,1.327,386,0.777,387,1.146,388,0.777,389,1.939,390,3.512,391,1.939,392,1.939,393,1.939,394,1.939,395,3.512,396,1.939,397,1.939,398,1.939,399,1.939,400,1.939,401,1.939,402,1.939,403,1.939,404,1.939,405,1.939,406,1.57,407,1.939,408,1.939,409,1.939]],["title/additional-documentation/prerequisites.html",[410,0.73,411,0.73,412,2.146]],["body/additional-documentation/prerequisites.html",[1,1.639,2,2.572,4,0.044,7,1.876,8,2.441,13,1.875,14,1.876,18,0.035,19,0.035,26,0.668,29,2.828,38,1.948,43,2.572,44,2.828,45,2.828,124,2.174,314,1.442,386,1.272,388,1.272,412,2.572,413,3.345,414,2.572,415,3.176,416,3.176,417,3.176,418,3.176,419,3.176,420,3.176,421,3.176,422,4.131,423,2.572,424,3.176,425,3.176,426,4.131,427,3.176,428,1.639,429,3.176,430,3.176,431,4.131,432,3.176,433,3.176]],["title/additional-documentation/configuration.html",[318,1.368,410,0.73,411,0.73]],["body/additional-documentation/configuration.html",[4,0.044,18,0.033,19,0.033,57,2.662,59,1.496,62,1.713,68,1.162,79,2.421,104,1.713,190,2.008,210,1.162,233,1.984,256,2.662,314,1.316,318,2.266,320,1.713,328,2.662,346,1.713,347,2.348,348,2.348,349,2.348,350,2.348,351,2.348,352,2.348,353,2.348,354,2.348,355,2.348,356,1.984,357,1.984,358,2.348,359,1.984,360,1.984,361,1.984,362,1.984,363,1.984,364,1.984,365,1.984,366,1.496,367,1.984,368,1.984,369,1.984,370,1.984,371,1.984,372,1.984,373,1.984,374,1.984,375,1.984,376,1.984,377,1.984,378,1.984,379,1.984,380,1.984,381,1.984,382,1.984,383,1.984,384,1.496,385,1.984,386,1.162,387,1.713,388,1.162,434,2.899,435,2.348]],["title/additional-documentation/toolbar.html",[314,1.203,410,0.73,411,0.73]],["body/additional-documentation/toolbar.html",[4,0.043,18,0.034,19,0.034,26,0.619,68,1.573,104,1.737,199,1.178,201,1.334,210,1.573,211,1.041,314,2.232,315,2.38,318,1.517,359,2.687,360,2.687,361,2.687,362,2.687,363,2.012,364,2.012,365,2.012,366,1.517,367,2.687,368,2.012,369,2.687,370,2.687,371,2.012,372,2.687,373,2.012,374,2.012,375,2.012,376,2.012,377,2.012,378,2.012,379,2.012,380,2.012,381,2.012,382,2.012,383,2.012,384,1.517,385,2.012,386,1.178,388,1.178,436,4.717,437,2.939,438,2.939,439,3.926,440,4.42,441,2.939,442,2.939]],["title/additional-documentation/font-size.html",[10,1.375,410,0.641,411,0.641,443,1.884]],["body/additional-documentation/font-size.html",[4,0.04,10,2.766,18,0.04,19,0.04,62,2.291,211,1.658,254,2.291,327,2.766,443,3.791,444,3.876,445,3.876,446,3.876,447,2.291,448,2.653,449,2.653,450,3.876,451,3.876]],["title/additional-documentation/colors.html",[366,1.368,410,0.73,411,0.73]],["body/additional-documentation/colors.html",[4,0.04,18,0.04,19,0.04,42,1.782,154,3.178,155,3.178,199,1.89,211,1.39,327,2.319,366,2.708,388,1.573,448,2.686,449,2.686,452,3.924,453,3.924]],["title/additional-documentation/image-uploader.html",[386,0.932,410,0.641,411,0.641,428,1.201]],["body/additional-documentation/image-uploader.html",[4,0.042,18,0.038,19,0.038,30,2.457,68,1.439,107,1.439,124,2.457,190,1.853,199,1.439,218,2.122,280,2.907,327,2.639,328,2.457,386,1.948,428,2.51,435,2.907,454,3.59,455,3.617,456,3.59,457,3.59,458,3.59,459,3.617,460,3.59,461,2.907,462,3.59,463,3.59]],["title/additional-documentation/insert-video.html",[387,1.375,410,0.641,411,0.641,447,1.375]],["body/additional-documentation/insert-video.html",[4,0.039,18,0.039,19,0.039,42,1.718,320,2.236,384,2.381,387,3.061,428,2.381,447,3.061,464,3.783,465,3.783,466,3.783,467,4.613,468,3.736,469,3.783]],["title/additional-documentation/code-editor.html",[26,0.49,388,0.932,410,0.641,411,0.641]],["body/additional-documentation/code-editor.html",[4,0.038,8,2.858,18,0.038,19,0.038,26,1.018,29,3.036,33,2.875,34,2.875,35,2.43,36,2.875,38,1.422,42,2.013,44,2.43,59,1.832,61,2.875,138,2.875,184,2.43,346,2.098,388,2.03,413,2.875,414,2.875,423,2.875,470,2.875,471,3.55,472,3.55,473,3.55,474,3.55]],["title/additional-documentation/resizer.html",[249,1.566,410,0.73,411,0.73]],["body/additional-documentation/resizer.html",[4,0.039,18,0.039,19,0.039,26,0.796,200,1.718,201,1.718,210,1.516,211,1.34,249,3.193,323,3.064,324,3.736,475,3.783,476,3.783,477,3.783,478,3.783,479,3.783,480,3.783,481,3.783,482,3.783]],["title/additional-documentation/errors.html",[410,0.73,411,0.73,483,2.146]],["body/additional-documentation/errors.html",[4,0.035,18,0.035,19,0.035,26,0.966,68,1.272,84,1.639,148,2.174,294,2.572,331,3.718,332,2.572,333,2.572,346,2.441,356,2.174,357,2.828,384,2.37,386,2.02,406,2.572,428,1.639,447,1.876,448,2.174,449,2.174,455,2.572,459,2.572,461,3.345,468,2.572,470,2.572,483,3.345,484,3.176,485,3.176,486,3.176,487,3.176,488,3.176,489,3.176,490,3.176,491,3.176,492,4.862,493,3.176,494,3.176,495,3.176,496,3.176]]],"invertedIndex":[["",{"_index":4,"title":{},"body":{"dependencies.html":{},"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/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/insert-video.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{},"additional-documentation/errors.html":{}}}],["0",{"_index":256,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["1",{"_index":85,"title":{},"body":{"overview.html":{}}}],["2",{"_index":88,"title":{},"body":{"overview.html":{}}}],["2.0.2",{"_index":15,"title":{},"body":{"dependencies.html":{}}}],["2017",{"_index":94,"title":{},"body":{"license.html":{}}}],["2018",{"_index":95,"title":{},"body":{"license.html":{}}}],["4",{"_index":86,"title":{},"body":{"overview.html":{}}}],["4.7.0",{"_index":12,"title":{},"body":{"dependencies.html":{}}}],["5.2.0",{"_index":5,"title":{},"body":{"dependencies.html":{}}}],["5.35.0",{"_index":9,"title":{},"body":{"dependencies.html":{}}}],["5.5.6",{"_index":17,"title":{},"body":{"dependencies.html":{}}}],["7000",{"_index":290,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["_editorcompon",{"_index":241,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["_messageservic",{"_index":203,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["abov",{"_index":126,"title":{},"body":{"license.html":{}}}],["accept",{"_index":477,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["action",{"_index":148,"title":{},"body":{"license.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/errors.html":{}}}],["actual_compon",{"_index":228,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["add",{"_index":36,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["addit",{"_index":410,"title":{"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/insert-video.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{},"additional-documentation/errors.html":{}},"body":{}}],["allow",{"_index":470,"title":{},"body":{"additional-documentation/code-editor.html":{},"additional-documentation/errors.html":{}}}],["and/or",{"_index":119,"title":{},"body":{"license.html":{}}}],["angular",{"_index":407,"title":{},"body":{"miscellaneous/variables.html":{}}}],["angular/common",{"_index":3,"title":{},"body":{"dependencies.html":{},"modules/NgxEditorModule.html":{}}}],["angular/common/http",{"_index":433,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["angular/cor",{"_index":6,"title":{},"body":{"dependencies.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["angular/form",{"_index":7,"title":{},"body":{"dependencies.html":{},"index.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/prerequisites.html":{}}}],["angular5",{"_index":27,"title":{},"body":{"index.html":{}}}],["apart",{"_index":482,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["app",{"_index":184,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/code-editor.html":{}}}],["applic",{"_index":28,"title":{},"body":{"index.html":{}}}],["area",{"_index":491,"title":{},"body":{"additional-documentation/errors.html":{}}}],["argument",{"_index":242,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["aris",{"_index":152,"title":{},"body":{"license.html":{}}}],["array",{"_index":436,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["associ",{"_index":106,"title":{},"body":{"license.html":{}}}],["author",{"_index":141,"title":{},"body":{"license.html":{}}}],["auto",{"_index":57,"title":{},"body":{"index.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["autofocu",{"_index":343,"title":{},"body":{"miscellaneous/variables.html":{}}}],["awesom",{"_index":11,"title":{},"body":{"dependencies.html":{},"index.html":{}}}],["base",{"_index":317,"title":{},"body":{"miscellaneous/functions.html":{}}}],["basic",{"_index":323,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/resizer.html":{}}}],["basic|stack",{"_index":479,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["befor",{"_index":259,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["blockquot",{"_index":379,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["bold",{"_index":359,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["bootstrap",{"_index":14,"title":{},"body":{"dependencies.html":{},"overview.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/prerequisites.html":{}}}],["brows",{"_index":157,"title":{},"body":{"modules.html":{}}}],["browser",{"_index":154,"title":{},"body":{"modules.html":{},"additional-documentation/colors.html":{}}}],["build",{"_index":395,"title":{},"body":{"miscellaneous/variables.html":{}}}],["button",{"_index":440,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["c",{"_index":93,"title":{},"body":{"license.html":{}}}],["can't",{"_index":466,"title":{},"body":{"additional-documentation/insert-video.html":{}}}],["canenabletoolbaropt",{"_index":306,"title":{},"body":{"miscellaneous/functions.html":{}}}],["canenabletoolbaroptions(valu",{"_index":313,"title":{},"body":{"miscellaneous/functions.html":{}}}],["canres",{"_index":307,"title":{},"body":{"miscellaneous/functions.html":{}}}],["canresize(res",{"_index":321,"title":{},"body":{"miscellaneous/functions.html":{}}}],["charg",{"_index":101,"title":{},"body":{"license.html":{}}}],["chrome",{"_index":48,"title":{},"body":{"index.html":{}}}],["claim",{"_index":144,"title":{},"body":{"license.html":{}}}],["class",{"_index":177,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["clear",{"_index":207,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["clearmessag",{"_index":193,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["clearmessagein(millisecond",{"_index":302,"title":{},"body":{"injectables/MessageService.html":{}}}],["cli.json",{"_index":408,"title":{},"body":{"miscellaneous/variables.html":{}}}],["clue",{"_index":488,"title":{},"body":{"additional-documentation/errors.html":{}}}],["cluster_ngxeditormodul",{"_index":70,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_declar",{"_index":71,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_export",{"_index":73,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_ngxeditorcomponent_provid",{"_index":72,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["cluster_ngxeditormodule_provid",{"_index":74,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["code",{"_index":388,"title":{"additional-documentation/code-editor.html":{}},"body":{"miscellaneous/variables.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/colors.html":{},"additional-documentation/code-editor.html":{}}}],["codemirror",{"_index":8,"title":{},"body":{"dependencies.html":{},"miscellaneous/variables.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["codemirror'",{"_index":473,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["codemirror`",{"_index":424,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["codemirrorconfig",{"_index":334,"title":{},"body":{"miscellaneous/variables.html":{}}}],["codemirrorthen",{"_index":472,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["color",{"_index":366,"title":{"additional-documentation/colors.html":{}},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/colors.html":{}}}],["command",{"_index":490,"title":{},"body":{"additional-documentation/errors.html":{}}}],["commandexecutorservic",{"_index":80,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["common",{"_index":484,"title":{},"body":{"additional-documentation/errors.html":{}}}],["common/services/command",{"_index":174,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["common/services/message.servic",{"_index":173,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{}}}],["commonmodul",{"_index":163,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["compat",{"_index":46,"title":{},"body":{"index.html":{}}}],["compodoc",{"_index":60,"title":{},"body":{"index.html":{}}}],["compon",{"_index":87,"title":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}},"body":{"overview.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["component_templ",{"_index":223,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["condit",{"_index":125,"title":{},"body":{"license.html":{}}}],["config",{"_index":328,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/configuration.html":{},"additional-documentation/image-uploader.html":{}}}],["configuar",{"_index":345,"title":{},"body":{"miscellaneous/variables.html":{}}}],["configur",{"_index":318,"title":{"additional-documentation/configuration.html":{}},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["connect",{"_index":153,"title":{},"body":{"license.html":{}}}],["const",{"_index":288,"title":{},"body":{"injectables/MessageService.html":{}}}],["constructor",{"_index":194,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["constructor(_editorcompon",{"_index":239,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["constructor(_messageservic",{"_index":195,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["constructor(priv",{"_index":216,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["content",{"_index":391,"title":{},"body":{"miscellaneous/variables.html":{}}}],["contract",{"_index":149,"title":{},"body":{"license.html":{}}}],["copi",{"_index":104,"title":{},"body":{"license.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["copyright",{"_index":92,"title":{},"body":{"license.html":{}}}],["correct",{"_index":451,"title":{},"body":{"additional-documentation/font-size.html":{}}}],["css",{"_index":425,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["css3",{"_index":480,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["current",{"_index":392,"title":{},"body":{"miscellaneous/variables.html":{}}}],["custom",{"_index":437,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["cut",{"_index":373,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["damag",{"_index":145,"title":{},"body":{"license.html":{}}}],["deal",{"_index":108,"title":{},"body":{"license.html":{}}}],["declar",{"_index":67,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["default",{"_index":210,"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":196,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["delet",{"_index":374,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["demo",{"_index":54,"title":{},"body":{"index.html":{}}}],["depend",{"_index":1,"title":{"dependencies.html":{}},"body":{"dependencies.html":{},"overview.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/prerequisites.html":{}}}],["descript",{"_index":202,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["dev",{"_index":397,"title":{},"body":{"miscellaneous/variables.html":{}}}],["direct",{"_index":221,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["directli",{"_index":463,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["disabl",{"_index":316,"title":{},"body":{"miscellaneous/functions.html":{}}}],["display",{"_index":214,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["distribut",{"_index":117,"title":{},"body":{"license.html":{}}}],["document",{"_index":56,"title":{},"body":{"index.html":{},"license.html":{}}}],["document:mousemov",{"_index":236,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["document:mousemove(ev",{"_index":243,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["document:mouseup",{"_index":237,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["document:mouseup(ev",{"_index":246,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["dom",{"_index":179,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["drag",{"_index":261,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["durat",{"_index":289,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["dure",{"_index":394,"title":{},"body":{"miscellaneous/variables.html":{}}}],["each",{"_index":438,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["edg",{"_index":50,"title":{},"body":{"index.html":{}}}],["edit",{"_index":346,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/errors.html":{}}}],["edit/preview",{"_index":415,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["editor",{"_index":26,"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":{},"additional-documentation/errors.html":{}}}],["editor'},{'nam",{"_index":224,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["editor.compon",{"_index":166,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxGrippieComponent.html":{}}}],["editor.defaults.t",{"_index":337,"title":{},"body":{"miscellaneous/variables.html":{}}}],["editor.module.t",{"_index":162,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["editor.utils.t",{"_index":312,"title":{},"body":{"miscellaneous/functions.html":{}}}],["editor/common/ngx",{"_index":336,"title":{},"body":{"miscellaneous/variables.html":{}}}],["editor/common/services/message.service.t",{"_index":275,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["editor/common/services/message.service.ts:13",{"_index":278,"title":{},"body":{"injectables/MessageService.html":{}}}],["editor/common/services/message.service.ts:18",{"_index":279,"title":{},"body":{"injectables/MessageService.html":{}}}],["editor/common/services/message.service.ts:27",{"_index":283,"title":{},"body":{"injectables/MessageService.html":{}}}],["editor/common/utils/ngx",{"_index":311,"title":{},"body":{"miscellaneous/functions.html":{}}}],["editor/ngx",{"_index":161,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["editorusag",{"_index":37,"title":{},"body":{"index.html":{}}}],["element",{"_index":220,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["empti",{"_index":442,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["enabl",{"_index":315,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{}}}],["enabletoolbar",{"_index":353,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["endpoint",{"_index":455,"title":{},"body":{"additional-documentation/image-uploader.html":{},"additional-documentation/errors.html":{}}}],["enter",{"_index":356,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/errors.html":{}}}],["env",{"_index":404,"title":{},"body":{"miscellaneous/variables.html":{}}}],["env=prod",{"_index":400,"title":{},"body":{"miscellaneous/variables.html":{}}}],["environ",{"_index":335,"title":{},"body":{"miscellaneous/variables.html":{}}}],["environment.prod.t",{"_index":401,"title":{},"body":{"miscellaneous/variables.html":{}}}],["environment.t",{"_index":398,"title":{},"body":{"miscellaneous/variables.html":{}}}],["error",{"_index":483,"title":{"additional-documentation/errors.html":{}},"body":{"additional-documentation/errors.html":{}}}],["event",{"_index":140,"title":{},"body":{"license.html":{},"components/NgxGrippieComponent.html":{}}}],["event.clienti",{"_index":267,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["event.preventdefault",{"_index":274,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["execut",{"_index":489,"title":{},"body":{"additional-documentation/errors.html":{}}}],["executor.servic",{"_index":175,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["export",{"_index":69,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["express",{"_index":133,"title":{},"body":{"license.html":{}}}],["fals",{"_index":252,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{}}}],["file",{"_index":107,"title":{},"body":{"license.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{},"additional-documentation/image-uploader.html":{}}}],["firefox",{"_index":52,"title":{},"body":{"index.html":{}}}],["fit",{"_index":136,"title":{},"body":{"license.html":{}}}],["focuss",{"_index":332,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/errors.html":{}}}],["follow",{"_index":124,"title":{},"body":{"license.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/image-uploader.html":{}}}],["font",{"_index":10,"title":{"additional-documentation/font-size.html":{}},"body":{"dependencies.html":{},"index.html":{},"additional-documentation/font-size.html":{}}}],["fontawesom",{"_index":416,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["fontsiz",{"_index":365,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["format",{"_index":460,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["formdata",{"_index":458,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["formsmodul",{"_index":45,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/prerequisites.html":{}}}],["found",{"_index":406,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/errors.html":{}}}],["free",{"_index":100,"title":{},"body":{"license.html":{}}}],["function",{"_index":250,"title":{"miscellaneous/functions.html":{}},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["furnish",{"_index":122,"title":{},"body":{"license.html":{}}}],["gener",{"_index":58,"title":{},"body":{"index.html":{}}}],["get",{"_index":20,"title":{"index.html":{},"license.html":{}},"body":{"index.html":{}}}],["geteditorconfigur",{"_index":308,"title":{},"body":{"miscellaneous/functions.html":{}}}],["geteditorconfiguration(valu",{"_index":325,"title":{},"body":{"miscellaneous/functions.html":{}}}],["getmessag",{"_index":276,"title":{},"body":{"injectables/MessageService.html":{}}}],["given",{"_index":485,"title":{},"body":{"additional-documentation/errors.html":{}}}],["googl",{"_index":47,"title":{},"body":{"index.html":{}}}],["grabber",{"_index":232,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grant",{"_index":99,"title":{},"body":{"license.html":{}}}],["grippi",{"_index":227,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["grippie.compon",{"_index":168,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["grippie.component.html",{"_index":231,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.scss",{"_index":230,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.t",{"_index":229,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:13",{"_index":255,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:15",{"_index":257,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:17",{"_index":240,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:32",{"_index":245,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:48",{"_index":247,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie.component.ts:52",{"_index":251,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["grippie/ngx",{"_index":167,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxGrippieComponent.html":{}}}],["group",{"_index":441,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["gutter",{"_index":339,"title":{},"body":{"miscellaneous/variables.html":{}}}],["height",{"_index":233,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["here",{"_index":62,"title":{},"body":{"index.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/font-size.html":{}}}],["herebi",{"_index":98,"title":{},"body":{"license.html":{}}}],["hex",{"_index":452,"title":{},"body":{"additional-documentation/colors.html":{}}}],["hold",{"_index":213,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["holder",{"_index":142,"title":{},"body":{"license.html":{}}}],["horizont",{"_index":475,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["horizontallin",{"_index":381,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["hostlisten",{"_index":235,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["hostlistener('document:mousemov",{"_index":262,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["hostlistener('document:mouseup",{"_index":270,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["hostlistener('mousedown",{"_index":272,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["html",{"_index":42,"title":{},"body":{"index.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/colors.html":{},"additional-documentation/insert-video.html":{},"additional-documentation/code-editor.html":{}}}],["htmlmix",{"_index":342,"title":{},"body":{"miscellaneous/variables.html":{}}}],["htmlmode",{"_index":344,"title":{},"body":{"miscellaneous/variables.html":{}}}],["http://myapiendpoint",{"_index":462,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["httpclientmodul",{"_index":431,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["https://sibiraj",{"_index":63,"title":{},"body":{"index.html":{}}}],["icon",{"_index":417,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["ifrma",{"_index":469,"title":{},"body":{"additional-documentation/insert-video.html":{}}}],["imag",{"_index":386,"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":{},"additional-documentation/errors.html":{}}}],["imageendpoint",{"_index":358,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["impli",{"_index":134,"title":{},"body":{"license.html":{}}}],["import",{"_index":38,"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":111,"title":{},"body":{"license.html":{}}}],["indent",{"_index":371,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["index",{"_index":22,"title":{"index.html":{}},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["info",{"_index":158,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["inject",{"_index":89,"title":{"injectables/MessageService.html":{}},"body":{"overview.html":{},"injectables/MessageService.html":{}}}],["inlcud",{"_index":430,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["input",{"_index":327,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{}}}],["insert",{"_index":447,"title":{"additional-documentation/insert-video.html":{}},"body":{"additional-documentation/font-size.html":{},"additional-documentation/insert-video.html":{},"additional-documentation/errors.html":{}}}],["instal",{"_index":29,"title":{},"body":{"index.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["instead",{"_index":402,"title":{},"body":{"miscellaneous/variables.html":{}}}],["interv",{"_index":299,"title":{},"body":{"injectables/MessageService.html":{}}}],["invalid",{"_index":492,"title":{},"body":{"additional-documentation/errors.html":{}}}],["isn`t",{"_index":494,"title":{},"body":{"additional-documentation/errors.html":{}}}],["ital",{"_index":360,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["item",{"_index":319,"title":{},"body":{"miscellaneous/functions.html":{}}}],["json",{"_index":435,"title":{},"body":{"additional-documentation/configuration.html":{},"additional-documentation/image-uploader.html":{}}}],["justifycent",{"_index":368,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["justifyful",{"_index":370,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["justifyleft",{"_index":367,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["justifyright",{"_index":369,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["kind",{"_index":132,"title":{},"body":{"license.html":{}}}],["legend",{"_index":66,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["liabil",{"_index":146,"title":{},"body":{"license.html":{}}}],["liabl",{"_index":143,"title":{},"body":{"license.html":{}}}],["licens",{"_index":90,"title":{"license.html":{}},"body":{"license.html":{}}}],["limit",{"_index":112,"title":{},"body":{"license.html":{}}}],["linenumb",{"_index":338,"title":{},"body":{"miscellaneous/variables.html":{}}}],["linewrap",{"_index":340,"title":{},"body":{"miscellaneous/variables.html":{}}}],["link",{"_index":384,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/insert-video.html":{},"additional-documentation/errors.html":{}}}],["list",{"_index":403,"title":{},"body":{"miscellaneous/variables.html":{}}}],["made",{"_index":487,"title":{},"body":{"additional-documentation/errors.html":{}}}],["make",{"_index":448,"title":{},"body":{"additional-documentation/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/errors.html":{}}}],["manag",{"_index":31,"title":{},"body":{"index.html":{}}}],["mandatori",{"_index":421,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["map",{"_index":405,"title":{},"body":{"miscellaneous/variables.html":{}}}],["match",{"_index":19,"title":{},"body":{"dependencies.html":{},"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/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/insert-video.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{},"additional-documentation/errors.html":{}}}],["merchant",{"_index":135,"title":{},"body":{"license.html":{}}}],["merg",{"_index":115,"title":{},"body":{"license.html":{}}}],["messag",{"_index":185,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["message'},{'nam",{"_index":225,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["message.compon",{"_index":170,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["message.component.html",{"_index":189,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.scss",{"_index":187,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.t",{"_index":181,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.ts:14",{"_index":197,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message.component.ts:26",{"_index":206,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["message/ngx",{"_index":169,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{}}}],["messageservic",{"_index":81,"title":{"injectables/MessageService.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["metadata",{"_index":182,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["method",{"_index":192,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["microsoft",{"_index":49,"title":{},"body":{"index.html":{}}}],["millisecond",{"_index":300,"title":{},"body":{"injectables/MessageService.html":{}}}],["minheight",{"_index":348,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["minwidth",{"_index":350,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["miscellan",{"_index":305,"title":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["mit",{"_index":91,"title":{},"body":{"license.html":{}}}],["mode",{"_index":341,"title":{},"body":{"miscellaneous/variables.html":{}}}],["modifi",{"_index":114,"title":{},"body":{"license.html":{}}}],["modul",{"_index":39,"title":{"modules.html":{},"modules/NgxEditorModule.html":{}},"body":{"index.html":{},"overview.html":{},"modules.html":{},"modules/NgxEditorModule.html":{}}}],["mous",{"_index":268,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mousedown",{"_index":238,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mousedown(ev",{"_index":248,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mouseev",{"_index":244,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["mozilla",{"_index":51,"title":{},"body":{"index.html":{}}}],["name",{"_index":199,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{}}}],["need",{"_index":422,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["new",{"_index":294,"title":{},"body":{"injectables/MessageService.html":{},"additional-documentation/errors.html":{}}}],["ng",{"_index":399,"title":{},"body":{"miscellaneous/variables.html":{}}}],["ngmodel",{"_index":43,"title":{},"body":{"index.html":{},"additional-documentation/prerequisites.html":{}}}],["ngmodul",{"_index":41,"title":{},"body":{"index.html":{},"modules/NgxEditorModule.html":{}}}],["ngx",{"_index":13,"title":{},"body":{"dependencies.html":{},"index.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"additional-documentation/prerequisites.html":{}}}],["ngxbootstrap",{"_index":418,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["ngxeditor",{"_index":23,"title":{},"body":{"index.html":{}}}],["ngxeditorcompon",{"_index":75,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxeditorconfig",{"_index":326,"title":{},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{}}}],["ngxeditormessagecompon",{"_index":77,"title":{"components/NgxEditorMessageComponent.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxeditormodul",{"_index":40,"title":{"modules/NgxEditorModule.html":{}},"body":{"index.html":{},"overview.html":{},"modules.html":{},"modules/NgxEditorModule.html":{}}}],["ngxeditortoolbarcompon",{"_index":78,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxgrippiecompon",{"_index":76,"title":{"components/NgxGrippieComponent.html":{}},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["ngxmessag",{"_index":191,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["node_modules/codemirror/lib/codemirror.css",{"_index":474,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["node_modules/codemirror/lib/codemirror.cssmodul",{"_index":427,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["noninfring",{"_index":139,"title":{},"body":{"license.html":{}}}],["note",{"_index":420,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["notic",{"_index":127,"title":{},"body":{"license.html":{}}}],["npm",{"_index":33,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["number",{"_index":254,"title":{},"body":{"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/variables.html":{},"additional-documentation/font-size.html":{}}}],["object",{"_index":320,"title":{},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/insert-video.html":{}}}],["observ",{"_index":281,"title":{},"body":{"injectables/MessageService.html":{}}}],["obtain",{"_index":103,"title":{},"body":{"license.html":{}}}],["oldi",{"_index":234,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["onmousemove(ev",{"_index":263,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["onmouseup(ev",{"_index":271,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["onresize(ev",{"_index":273,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["opera",{"_index":53,"title":{},"body":{"index.html":{}}}],["option",{"_index":201,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/resizer.html":{}}}],["order",{"_index":414,"title":{},"body":{"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["orderedlist",{"_index":382,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["otherwis",{"_index":151,"title":{},"body":{"license.html":{}}}],["out",{"_index":84,"title":{},"body":{"overview.html":{},"license.html":{},"modules/NgxEditorModule.html":{},"miscellaneous/functions.html":{},"additional-documentation/errors.html":{}}}],["outdent",{"_index":372,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["overview",{"_index":65,"title":{"overview.html":{}},"body":{"overview.html":{}}}],["overwrit",{"_index":393,"title":{},"body":{"miscellaneous/variables.html":{}}}],["packag",{"_index":0,"title":{"dependencies.html":{}},"body":{"index.html":{}}}],["page",{"_index":411,"title":{"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/insert-video.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{},"additional-documentation/errors.html":{}},"body":{}}],["paragraph",{"_index":378,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["param",{"_index":215,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["paramet",{"_index":198,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["particular",{"_index":137,"title":{},"body":{"license.html":{}}}],["pass",{"_index":450,"title":{},"body":{"additional-documentation/font-size.html":{}}}],["peer",{"_index":2,"title":{},"body":{"dependencies.html":{},"additional-documentation/prerequisites.html":{}}}],["peerdepend",{"_index":413,"title":{},"body":{"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["permiss",{"_index":97,"title":{},"body":{"license.html":{}}}],["permit",{"_index":121,"title":{},"body":{"license.html":{}}}],["person",{"_index":102,"title":{},"body":{"license.html":{}}}],["pixel",{"_index":446,"title":{},"body":{"additional-documentation/font-size.html":{}}}],["placehold",{"_index":355,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["plain",{"_index":471,"title":{},"body":{"additional-documentation/code-editor.html":{}}}],["popov",{"_index":419,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["popovermodul",{"_index":165,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["popovermodule.forroot",{"_index":176,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["portion",{"_index":130,"title":{},"body":{"license.html":{}}}],["post",{"_index":456,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["prerequisit",{"_index":412,"title":{"additional-documentation/prerequisites.html":{}},"body":{"additional-documentation/prerequisites.html":{}}}],["previou",{"_index":258,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["privat",{"_index":293,"title":{},"body":{"injectables/MessageService.html":{}}}],["product",{"_index":390,"title":{},"body":{"miscellaneous/variables.html":{}}}],["project",{"_index":426,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["properli",{"_index":429,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["properti",{"_index":190,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{},"additional-documentation/configuration.html":{},"additional-documentation/image-uploader.html":{}}}],["provid",{"_index":68,"title":{},"body":{"overview.html":{},"license.html":{},"modules/NgxEditorModule.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/errors.html":{}}}],["publish",{"_index":116,"title":{},"body":{"license.html":{}}}],["purpos",{"_index":138,"title":{},"body":{"license.html":{},"additional-documentation/code-editor.html":{}}}],["rang",{"_index":333,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/errors.html":{}}}],["reactiveformsmodul",{"_index":164,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["reason",{"_index":486,"title":{},"body":{"additional-documentation/errors.html":{}}}],["redo",{"_index":377,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["refer",{"_index":468,"title":{},"body":{"additional-documentation/insert-video.html":{},"additional-documentation/errors.html":{}}}],["removeblockquot",{"_index":380,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["removeformat",{"_index":375,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["repres",{"_index":439,"title":{},"body":{"additional-documentation/toolbar.html":{}}}],["request",{"_index":457,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["reset",{"_index":83,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}],["resiz",{"_index":249,"title":{"additional-documentation/resizer.html":{}},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{},"additional-documentation/resizer.html":{}}}],["respect",{"_index":432,"title":{},"body":{"additional-documentation/prerequisites.html":{}}}],["respons",{"_index":459,"title":{},"body":{"additional-documentation/image-uploader.html":{},"additional-documentation/errors.html":{}}}],["restor",{"_index":330,"title":{},"body":{"miscellaneous/functions.html":{}}}],["restoreselect",{"_index":309,"title":{},"body":{"miscellaneous/functions.html":{}}}],["restoreselection(rang",{"_index":329,"title":{},"body":{"miscellaneous/functions.html":{}}}],["restrict",{"_index":110,"title":{},"body":{"license.html":{}}}],["result",{"_index":18,"title":{},"body":{"dependencies.html":{},"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/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/insert-video.html":{},"additional-documentation/code-editor.html":{},"additional-documentation/resizer.html":{},"additional-documentation/errors.html":{}}}],["return",{"_index":208,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{}}}],["rgba",{"_index":453,"title":{},"body":{"additional-documentation/colors.html":{}}}],["right",{"_index":113,"title":{},"body":{"license.html":{}}}],["rxj",{"_index":16,"title":{},"body":{"dependencies.html":{}}}],["rxjs/add/operator/map",{"_index":286,"title":{},"body":{"injectables/MessageService.html":{}}}],["rxjs/observ",{"_index":285,"title":{},"body":{"injectables/MessageService.html":{}}}],["rxjs/subject",{"_index":284,"title":{},"body":{"injectables/MessageService.html":{}}}],["s.github.io/ngx",{"_index":64,"title":{},"body":{"index.html":{}}}],["save",{"_index":35,"title":{},"body":{"index.html":{},"miscellaneous/functions.html":{},"additional-documentation/code-editor.html":{}}}],["saveselect",{"_index":310,"title":{},"body":{"miscellaneous/functions.html":{}}}],["second",{"_index":301,"title":{},"body":{"injectables/MessageService.html":{}}}],["select",{"_index":331,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/errors.html":{}}}],["selector",{"_index":183,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["sell",{"_index":120,"title":{},"body":{"license.html":{}}}],["send",{"_index":205,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["sendmessag",{"_index":277,"title":{},"body":{"injectables/MessageService.html":{}}}],["sendmessage(messag",{"_index":282,"title":{},"body":{"injectables/MessageService.html":{}}}],["sent",{"_index":280,"title":{},"body":{"injectables/MessageService.html":{},"additional-documentation/image-uploader.html":{}}}],["servic",{"_index":204,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["set",{"_index":253,"title":{},"body":{"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{}}}],["settimeout",{"_index":303,"title":{},"body":{"injectables/MessageService.html":{}}}],["shall",{"_index":128,"title":{},"body":{"license.html":{}}}],["short",{"_index":298,"title":{},"body":{"injectables/MessageService.html":{}}}],["showtoolbar",{"_index":354,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["sibiraj",{"_index":96,"title":{},"body":{"license.html":{}}}],["simpl",{"_index":24,"title":{},"body":{"index.html":{}}}],["size",{"_index":443,"title":{"additional-documentation/font-size.html":{}},"body":{"additional-documentation/font-size.html":{}}}],["softwar",{"_index":105,"title":{},"body":{"license.html":{}}}],["sourc",{"_index":159,"title":{},"body":{"modules/NgxEditorModule.html":{},"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{}}}],["specifi",{"_index":454,"title":{},"body":{"additional-documentation/image-uploader.html":{}}}],["spellcheck",{"_index":347,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["src/app/ngx",{"_index":160,"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":409,"title":{},"body":{"miscellaneous/variables.html":{}}}],["src/environments/environment.t",{"_index":389,"title":{},"body":{"miscellaneous/variables.html":{}}}],["stack",{"_index":324,"title":{},"body":{"miscellaneous/functions.html":{},"additional-documentation/resizer.html":{}}}],["stackblitz",{"_index":55,"title":{},"body":{"index.html":{}}}],["stackoverflow",{"_index":481,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["start",{"_index":21,"title":{"index.html":{},"license.html":{}},"body":{"index.html":{}}}],["strikethrough",{"_index":362,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["string",{"_index":218,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"additional-documentation/image-uploader.html":{}}}],["stringopt",{"_index":476,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["stylesheet",{"_index":423,"title":{},"body":{"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["styleurl",{"_index":186,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["subject",{"_index":123,"title":{},"body":{"license.html":{},"injectables/MessageService.html":{}}}],["sublicens",{"_index":118,"title":{},"body":{"license.html":{}}}],["subscript",{"_index":364,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["substanti",{"_index":129,"title":{},"body":{"license.html":{}}}],["such",{"_index":32,"title":{},"body":{"index.html":{}}}],["suggest",{"_index":444,"title":{},"body":{"additional-documentation/font-size.html":{}}}],["superscript",{"_index":363,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["support",{"_index":155,"title":{},"body":{"modules.html":{},"additional-documentation/colors.html":{}}}],["sure",{"_index":449,"title":{},"body":{"additional-documentation/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/errors.html":{}}}],["svg",{"_index":156,"title":{},"body":{"modules.html":{}}}],["system",{"_index":396,"title":{},"body":{"miscellaneous/variables.html":{}}}],["templat",{"_index":178,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["templateurl",{"_index":188,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["text",{"_index":357,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/errors.html":{}}}],["this._editorcomponent.resizetextarea(event.clienti",{"_index":265,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["this._messageservice.getmessage().subscribe((messag",{"_index":217,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["this.clearmessagein(dur",{"_index":297,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.grabb",{"_index":264,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["this.message.asobserv",{"_index":295,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.message.next(messag",{"_index":296,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.message.next(undefin",{"_index":304,"title":{},"body":{"injectables/MessageService.html":{}}}],["this.ngxmessag",{"_index":219,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["this.oldi",{"_index":266,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["time",{"_index":287,"title":{},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["toolbar",{"_index":314,"title":{"additional-documentation/toolbar.html":{}},"body":{"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["toolbar'},{'nam",{"_index":226,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["toolbar.compon",{"_index":172,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["toolbar/ngx",{"_index":171,"title":{},"body":{"modules/NgxEditorModule.html":{}}}],["tort",{"_index":150,"title":{},"body":{"license.html":{}}}],["translat",{"_index":351,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["treat",{"_index":445,"title":{},"body":{"additional-documentation/font-size.html":{}}}],["tree",{"_index":180,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["tri",{"_index":496,"title":{},"body":{"additional-documentation/errors.html":{}}}],["true",{"_index":79,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["two",{"_index":478,"title":{},"body":{"additional-documentation/resizer.html":{}}}],["type",{"_index":200,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"injectables/MessageService.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/resizer.html":{}}}],["undefin",{"_index":212,"title":{},"body":{"components/NgxEditorMessageComponent.html":{}}}],["underlin",{"_index":361,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["undo",{"_index":376,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["unlink",{"_index":385,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["unorderedlist",{"_index":383,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/toolbar.html":{}}}],["up",{"_index":269,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["updat",{"_index":260,"title":{},"body":{"components/NgxGrippieComponent.html":{}}}],["upload",{"_index":428,"title":{"additional-documentation/image-uploader.html":{}},"body":{"additional-documentation/prerequisites.html":{},"additional-documentation/image-uploader.html":{},"additional-documentation/insert-video.html":{},"additional-documentation/errors.html":{}}}],["url",{"_index":461,"title":{},"body":{"additional-documentation/image-uploader.html":{},"additional-documentation/errors.html":{}}}],["url`",{"_index":495,"title":{},"body":{"additional-documentation/errors.html":{}}}],["us",{"_index":59,"title":{},"body":{"index.html":{},"license.html":{},"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/code-editor.html":{}}}],["usag",{"_index":434,"title":{},"body":{"additional-documentation/configuration.html":{}}}],["user",{"_index":292,"title":{},"body":{"injectables/MessageService.html":{}}}],["valid",{"_index":493,"title":{},"body":{"additional-documentation/errors.html":{}}}],["valu",{"_index":211,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{},"miscellaneous/functions.html":{},"miscellaneous/variables.html":{},"additional-documentation/toolbar.html":{},"additional-documentation/font-size.html":{},"additional-documentation/colors.html":{},"additional-documentation/resizer.html":{}}}],["var",{"_index":222,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"components/NgxGrippieComponent.html":{}}}],["variabl",{"_index":291,"title":{"miscellaneous/variables.html":{}},"body":{"injectables/MessageService.html":{},"miscellaneous/variables.html":{}}}],["vertic",{"_index":322,"title":{},"body":{"miscellaneous/functions.html":{}}}],["via",{"_index":30,"title":{},"body":{"index.html":{},"miscellaneous/functions.html":{},"additional-documentation/image-uploader.html":{}}}],["video",{"_index":387,"title":{"additional-documentation/insert-video.html":{}},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{},"additional-documentation/insert-video.html":{}}}],["video(alreadi",{"_index":465,"title":{},"body":{"additional-documentation/insert-video.html":{}}}],["view",{"_index":61,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["void",{"_index":209,"title":{},"body":{"components/NgxEditorMessageComponent.html":{},"injectables/MessageService.html":{}}}],["warranti",{"_index":131,"title":{},"body":{"license.html":{}}}],["whether",{"_index":147,"title":{},"body":{"license.html":{}}}],["width",{"_index":349,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["without",{"_index":109,"title":{},"body":{"license.html":{}}}],["work",{"_index":44,"title":{},"body":{"index.html":{},"additional-documentation/prerequisites.html":{},"additional-documentation/code-editor.html":{}}}],["wysiwyg",{"_index":25,"title":{},"body":{"index.html":{}}}],["yarn",{"_index":34,"title":{},"body":{"index.html":{},"additional-documentation/code-editor.html":{}}}],["ye",{"_index":352,"title":{},"body":{"miscellaneous/variables.html":{},"additional-documentation/configuration.html":{}}}],["youtb",{"_index":464,"title":{},"body":{"additional-documentation/insert-video.html":{}}}],["youtub",{"_index":467,"title":{},"body":{"additional-documentation/insert-video.html":{}}}],["zoom",{"_index":82,"title":{},"body":{"overview.html":{},"modules/NgxEditorModule.html":{}}}]],"pipeline":["stemmer"]},
+    "store": {"dependencies.html":{"url":"dependencies.html","title":"package-dependencies - dependencies","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n    Dependencies\n\n\n\n\n\n    Peer Dependencies\n\n\n    \n        @angular/common : ^5.2.0\n    \n        @angular/core : ^5.2.0\n    \n        @angular/forms : ^5.2.0\n    \n        codemirror : ^5.35.0\n    \n        font-awesome : ^4.7.0\n    \n        ngx-bootstrap : ^2.0.2\n    \n        rxjs : ^5.5.6\n\n\n\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"index.html":{"url":"index.html","title":"getting-started - index","body":"\n                   \n\nNgxEditor\n\n  \n   \n  \n\nA Simple WYSIWYG Editor for Angular5+ 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\nCompatibility\n\nGoogle Chrome\nMicrosoft Edge\nMozilla Firefox\nOpera\n\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, 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: 'htmlmixed',\n        autofocus: true,\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            ['fontSize', 'color'],\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', 'video'],\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.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    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\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 - Code Edit/Preview\nFontAwesome - Toolbar icons\nNgxBootstrap - Popover\n\nNote\n\nCodeMirror and ngx-bootstrap are mandatory peerDependency which needs to be installed and there is no need for them to be imported.\n\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        [\"fontSize\", \"color\"],\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\", \"video\"],\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    [\"fontSize\", \"color\"],\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/font-size.html":{"url":"additional-documentation/font-size.html","title":"additional-page - Font Size","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nFont Size\nFont size can have any values as suggested here. If the input is a number then it will be treated as pixel, Other values are inserted as it is. Make sure you pass the correct input.\n\n                   \n    \n         results matching \"\"\n        \n    \n    \n        No results matching \"\"\n    \n\n"},"additional-documentation/colors.html":{"url":"additional-documentation/colors.html","title":"additional-page - Colors","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nColors\nColor input can be a hex code or rgba value or a color name.\nMake Sure the HTML color names are supported by all browsers.\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/insert-video.html":{"url":"additional-documentation/insert-video.html","title":"additional-page - Insert Video","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nInsert video\nYou can insert a youtbe or any video(already uploaded). You can't upload a video.\n\nFor inserting a Youtube link refer Youtube Ifrmae\n\nFor inserting a Video link refer HTML Video Object\n\n\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"},"additional-documentation/errors.html":{"url":"additional-documentation/errors.html","title":"additional-page - Errors","body":"\n                   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nErrors\nSome common error responses given by editor and reasons\n\nNo Selection made - no  text is selected for action\nRange out of the editor - editor has no clue where to execute the command, make sure the text-area is focussed\nInvalid URL - entered URL is invalid\nInvalid image - not a valid image selected for upload\nImage Endpoint isn`t provided or invalid - reference to a link which is not an image or image may not be found\nOnly new links can be inserted. You cannot edit URL`s - you are trying to edit link which is not allowed\n\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 ca5c8ada..b192476e 100644
--- a/docs/license.html
+++ b/docs/license.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/insert-video.html" >Insert Video</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 b60de7e9..c20923a4 100644
--- a/docs/miscellaneous/functions.html
+++ b/docs/miscellaneous/functions.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/docs/miscellaneous/variables.html b/docs/miscellaneous/variables.html
index 3e61ffc5..bf91c5a2 100644
--- a/docs/miscellaneous/variables.html
+++ b/docs/miscellaneous/variables.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
@@ -457,6 +463,7 @@ <h3></h3>        <table class="table table-sm table-bordered">
         gutter: true,
         lineWrapping: true,
         mode: &#x27;htmlmixed&#x27;,
+        autofocus: true,
         htmlMode: true
     }</code>
                             </td>
@@ -516,7 +523,7 @@ <h3></h3>        <table class="table table-sm table-bordered">
             [&#x27;justifyLeft&#x27;, &#x27;justifyCenter&#x27;, &#x27;justifyRight&#x27;, &#x27;justifyFull&#x27;, &#x27;indent&#x27;, &#x27;outdent&#x27;],
             [&#x27;cut&#x27;, &#x27;copy&#x27;, &#x27;delete&#x27;, &#x27;removeFormat&#x27;, &#x27;undo&#x27;, &#x27;redo&#x27;],
             [&#x27;paragraph&#x27;, &#x27;blockquote&#x27;, &#x27;removeBlockquote&#x27;, &#x27;horizontalLine&#x27;, &#x27;orderedList&#x27;, &#x27;unorderedList&#x27;],
-            [&#x27;link&#x27;, &#x27;unlink&#x27;, &#x27;image&#x27;],
+            [&#x27;link&#x27;, &#x27;unlink&#x27;, &#x27;image&#x27;, &#x27;video&#x27;],
             [&#x27;code&#x27;]
         ]
     }</code>
@@ -576,7 +583,7 @@ <h3></h3>        <table class="table table-sm table-bordered">
                 </tbody>
             </table>
     </section>
-    <h3>src/environments/environment.prod.ts</h3>
+    <h3>src/environments/environment.ts</h3>
     <section>
         <h3></h3>        <table class="table table-sm table-bordered">
                 <tbody>
@@ -606,14 +613,17 @@ <h3></h3>        <table class="table table-sm table-bordered">
                         <tr>
                             <td class="col-md-4">
                                 <i>Default value : </i><code>{
-      production: true
+      production: false
     }</code>
                             </td>
                         </tr>
     
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-description"><p>environment variables for production </p>
+                            <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>
@@ -621,7 +631,7 @@ <h3></h3>        <table class="table table-sm table-bordered">
                 </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>
@@ -651,17 +661,14 @@ <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>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 class="io-description"><p>environment variables for production </p>
     </div>
                         </td>
                     </tr>
diff --git a/docs/modules.html b/docs/modules.html
index 57828289..001e679a 100644
--- a/docs/modules.html
+++ b/docs/modules.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/insert-video.html" >Insert Video</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 363c56be..5aa245bb 100644
--- a/docs/modules/NgxEditorModule.html
+++ b/docs/modules/NgxEditorModule.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="../additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="../additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="../additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="../additional-documentation/insert-video.html" >Insert Video</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 8fc3ccec..f97b28ca 100644
--- a/docs/overview.html
+++ b/docs/overview.html
@@ -85,6 +85,9 @@
                                 <li class="link ">
                                     <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
                                 </li>
+                                <li class="link ">
+                                    <a href="./additional-documentation/insert-video.html" >Insert Video</a>
+                                </li>
                                 <li class="link ">
                                     <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                 </li>
@@ -265,6 +268,9 @@
                                        <li class="link ">
                                            <a href="./additional-documentation/image-uploader.html" >Image Uploader</a>
                                        </li>
+                                       <li class="link ">
+                                           <a href="./additional-documentation/insert-video.html" >Insert Video</a>
+                                       </li>
                                        <li class="link ">
                                            <a href="./additional-documentation/code-editor.html" >Code Editor</a>
                                        </li>
diff --git a/extras/docs/configuartion.md b/extras/docs/configuartion.md
index eba6b043..5e5a5f06 100644
--- a/extras/docs/configuartion.md
+++ b/extras/docs/configuartion.md
@@ -31,7 +31,7 @@ The config property is a JSON object.
         ["justifyLeft", "justifyCenter", "justifyRight", "justifyFull", "indent", "outdent"],
         ["cut", "copy", "delete", "removeFormat", "undo", "redo"],
         ["paragraph", "blockquote", "removeBlockquote", "horizontalLine", "orderedList", "unorderedList"],
-        ["link", "unlink", "image"],
+        ["link", "unlink", "image", "video"],
         ["code"]
     ]
 }
diff --git a/extras/docs/video.md b/extras/docs/video.md
new file mode 100644
index 00000000..bd89c3de
--- /dev/null
+++ b/extras/docs/video.md
@@ -0,0 +1,7 @@
+# Insert video
+
+You can insert a youtbe or any video(already uploaded). You can't upload a video.
+
+* For inserting a Youtube link refer [Youtube Ifrmae](https://www.w3schools.com/html/html_youtube.asp)
+
+* For inserting a Video link refer [HTML Video Object](https://www.w3schools.com/tags/att_video_width.asp)
diff --git a/extras/summary.json b/extras/summary.json
index f37382f7..1e388cad 100644
--- a/extras/summary.json
+++ b/extras/summary.json
@@ -23,6 +23,10 @@
         "title": "Image Uploader",
         "file": "docs/image-uploader.md"
     },
+    {
+        "title": "Insert Video",
+        "file": "docs/video.md"
+    },
     {
         "title": "Code Editor",
         "file": "docs/code-editor.md"
diff --git a/src/app/ngx-editor/common/ngx-editor.defaults.ts b/src/app/ngx-editor/common/ngx-editor.defaults.ts
index dd29f166..9f7b1417 100644
--- a/src/app/ngx-editor/common/ngx-editor.defaults.ts
+++ b/src/app/ngx-editor/common/ngx-editor.defaults.ts
@@ -19,7 +19,7 @@ export const ngxEditorConfig = {
         ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull', 'indent', 'outdent'],
         ['cut', 'copy', 'delete', 'removeFormat', 'undo', 'redo'],
         ['paragraph', 'blockquote', 'removeBlockquote', 'horizontalLine', 'orderedList', 'unorderedList'],
-        ['link', 'unlink', 'image'],
+        ['link', 'unlink', 'image', 'video'],
         ['code']
     ]
 };
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 b737d982..8c359f36 100644
--- a/src/app/ngx-editor/common/services/command-executor.service.ts
+++ b/src/app/ngx-editor/common/services/command-executor.service.ts
@@ -27,7 +27,7 @@ export class CommandExecutorService {
     }
 
     if (command === 'blockquote') {
-      document.execCommand('formatBlock', false, '<blockquote>');
+      document.execCommand('formatBlock', false, 'blockquote');
       return;
     }
 
@@ -37,6 +37,7 @@ export class CommandExecutorService {
     }
 
     document.execCommand(command, false, null);
+    return;
   }
 
   /**
@@ -61,6 +62,60 @@ export class CommandExecutorService {
     return;
   }
 
+  /**
+ * inserts image in the editor
+ *
+ * @param videParams url of the image to be inserted
+ */
+  insertVideo(videParams: any): void {
+    if (this.savedSelection) {
+      if (videParams) {
+        const restored = Utils.restoreSelection(this.savedSelection);
+        if (restored) {
+          if (this.isYoutubeLink(videParams.videoUrl)) {
+            const youtubeURL = '<iframe width="' + videParams.width + '" height="' + videParams.height + '"'
+              + 'src="' + videParams.videoUrl + '"></iframe>';
+            this.insertHtml(youtubeURL);
+          } else if (this.checkTagSupportInBrowser('video')) {
+
+            if (this.isValidURL(videParams.videoUrl)) {
+              const videoSrc = '<video width="' + videParams.width + '" height="' + videParams.height + '"'
+                + ' controls="true"><source src="' + videParams.videoUrl + '"></video>';
+              this.insertHtml(videoSrc);
+            } else {
+              throw new Error('Invalid video URL');
+            }
+
+          } else {
+            throw new Error('Unable to insert video');
+          }
+        }
+      }
+    } else {
+      throw new Error('Range out of the editor');
+    }
+    return;
+  }
+
+  /**
+   * checks the input url is a valid youtube URL or not
+   *
+   * @param url Youtue URL
+   */
+  private isYoutubeLink(url: string): boolean {
+    const ytRegExp = /^(http(s)?:\/\/)?((w){3}.)?youtu(be|.be)?(\.com)?\/.+/;
+    return ytRegExp.test(url);
+  }
+
+  /**
+   * check whether the string is a valid url or not
+   * @param url url
+   */
+  private isValidURL(url: string) {
+    const urlRegExp = /(http|https):\/\/(\w+:{0,1}\w*)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%!\-\/]))?/;
+    return urlRegExp.test(url);
+  }
+
   /**
    * uploads image to the server
    *
@@ -127,6 +182,9 @@ export class CommandExecutorService {
 
   /**
    * insert color either font or background
+   *
+   * @param color color to be inserted
+   * @param where where the color has to be inserted either text/background
    */
   insertColor(color: string, where: string): void {
 
@@ -147,7 +205,11 @@ export class CommandExecutorService {
     return;
   }
 
-  /** set font size for text */
+  /**
+   * set font size for text
+   *
+   * @param fontSize font-size to be set
+   */
   setFontSize(fontSize: string): void {
 
     if (this.savedSelection && this.checkSelection()) {
@@ -221,4 +283,13 @@ export class CommandExecutorService {
     return true;
   }
 
+  /**
+   * check tag is supported by browser or not
+   *
+   * @param tag HTML tag
+   */
+  private checkTagSupportInBrowser(tag: string): boolean {
+    return !(document.createElement(tag) instanceof HTMLUnknownElement);
+  }
+
 }
diff --git a/src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.html b/src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.html
index 3dd615ed..c336d6af 100644
--- a/src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.html
+++ b/src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.html
@@ -126,6 +126,10 @@
       title="Insert Image" [popover]="insertImageTemplate" #imagePopover="bs-popover" containerClass="ngxePopover" [disabled]="!config['enableToolbar']">
       <i class="fa fa-picture-o" aria-hidden="true"></i>
     </button>
+    <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions('video')" (click)="buildVideoForm()" title="Insert Video"
+      [popover]="insertVideoTemplate" #videoPopover="bs-popover" containerClass="ngxePopover" [disabled]="!config['enableToolbar']">
+      <i class="fa fa-youtube-play" aria-hidden="true"></i>
+    </button>
   </div>
   <div class="ngx-toolbar-set">
     <button type="button" class="ngx-editor-button" *ngIf="canEnableToolbarOptions('code')" (click)="triggerCommand('code')"
@@ -200,6 +204,36 @@
   </div>
 </ng-template>
 
+
+<!-- Insert Video Popover template -->
+<ng-template #insertVideoTemplate>
+  <div class="ngxe-popover imgc-ctnr">
+    <div class="imgc-topbar btn-ctnr">
+      <button type="button" class="btn active">
+        <i class="fa fa-link"></i>
+      </button>
+    </div>
+    <div class="imgc-ctnt is-image">
+      <form class="extra-gt" [formGroup]="videoForm" (ngSubmit)="videoForm.valid && insertVideo()" autocomplete="off">
+        <div class="form-group">
+          <label for="videoURLInput" class="small">URL</label>
+          <input type="text" class="form-control-sm" id="videoURLInput" placeholder="URL" formControlName="videoUrl" required>
+        </div>
+        <div class="row form-group">
+          <div class="col">
+            <input type="text" class="form-control-sm" formControlName="height" placeholder="height (px)" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
+          </div>
+          <div class="col">
+            <input type="text" class="form-control-sm" formControlName="width" placeholder="width (px)" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
+          </div>
+          <label class="small">Height/Width</label>
+        </div>
+        <button type="submit" class="btn-primary btn-sm btn">Submit</button>
+      </form>
+    </div>
+  </div>
+</ng-template>
+
 <!-- Insert color template -->
 <ng-template #insertColorTemplate>
   <div class="ngxe-popover imgc-ctnr">
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 aadc3be1..a8fe1dff 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
@@ -19,6 +19,8 @@ export class NgxEditorToolbarComponent implements OnInit {
   urlForm: FormGroup;
   /** holds values of the insert image form */
   imageForm: FormGroup;
+  /** holds values of the insert video form */
+  videoForm: FormGroup;
   /** set to false when image is being uploaded */
   uploadComplete = true;
   /** upload percentage */
@@ -34,6 +36,7 @@ export class NgxEditorToolbarComponent implements OnInit {
   @Input() config: any;
   @ViewChild('urlPopover') urlPopover;
   @ViewChild('imagePopover') imagePopover;
+  @ViewChild('videoPopover') videoPopover;
   @ViewChild('fontSizePopover') fontSizePopover;
   @ViewChild('colorPopover') colorPopover;
   /**
@@ -113,6 +116,20 @@ export class NgxEditorToolbarComponent implements OnInit {
     return;
   }
 
+  /**
+   * create insert image form
+   */
+  buildVideoForm(): void {
+
+    this.videoForm = this._formBuilder.group({
+      videoUrl: ['', [Validators.required]],
+      height: [''],
+      width: ['']
+    });
+
+    return;
+  }
+
   /**
    * Executed when file is selected
    *
@@ -170,6 +187,22 @@ export class NgxEditorToolbarComponent implements OnInit {
     return;
   }
 
+  /** insert image in the editor */
+  insertVideo(): void {
+    try {
+      this._commandExecutorService.insertVideo(this.videoForm.value);
+    } catch (error) {
+      this._messageService.sendMessage(error.message);
+    }
+
+    /** reset form to default */
+    this.buildVideoForm();
+    /** close inset URL pop up */
+    this.videoPopover.hide();
+
+    return;
+  }
+
   /** inser text/background color */
   insertColor(color: string, where: string): void {
 
diff --git a/src/assets/styles/_forms.scss b/src/assets/styles/_forms.scss
index 83af8786..4987b902 100644
--- a/src/assets/styles/_forms.scss
+++ b/src/assets/styles/_forms.scss
@@ -18,6 +18,24 @@
                 font-size: .875rem;
                 line-height: 1.5;
             }
+
+            &.row {
+                display: flex;
+                flex-wrap: wrap;
+                margin-left: 0;
+                margin-right: 0;
+
+                .col {
+                    flex-basis: 0;
+                    flex-grow: 1;
+                    max-width: 100%;
+                    padding: 0;
+
+                    &:first-child {
+                        padding-right: 15px;
+                    }
+                }
+            }
         }
 
         .form-check {