ngx-editor-sodo
Version:
WYSIWYG Editor for Angular Applications
752 lines (667 loc) • 38.2 kB
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" data-type="index-link">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"
data-type="chapter-link">
<span class="fa fa-fw fa-th"></span>Overview
</a>
</li>
<li class="link">
<a href="index.html" data-type="chapter-link"><span class="fa fa-file-text-o"></span>README</a>
</li>
<li class="link">
<a href="license.html"
data-type="chapter-link">
<span class="fa fa-fw fa-file-text-o"></span>LICENSE
</a>
</li>
<li class="link">
<a href="dependencies.html"
data-type="chapter-link">
<span class="fa fa-fw fa-list"></span>Dependencies
</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" data-type="entity-link" data-context-id="additional">Prerequisites</a>
</li>
<li class="link ">
<a href="additional-documentation/configuration.html" data-type="entity-link" data-context-id="additional">Configuration</a>
</li>
<li class="link ">
<a href="additional-documentation/toolbar.html" data-type="entity-link" data-context-id="additional">Toolbar</a>
</li>
<li class="link ">
<a href="additional-documentation/font-size.html" data-type="entity-link" data-context-id="additional">Font Size</a>
</li>
<li class="link ">
<a href="additional-documentation/colors.html" data-type="entity-link" data-context-id="additional">Colors</a>
</li>
<li class="link ">
<a href="additional-documentation/image-uploader.html" data-type="entity-link" data-context-id="additional">Image Uploader</a>
</li>
<li class="link ">
<a href="additional-documentation/insert-video.html" data-type="entity-link" data-context-id="additional">Insert Video</a>
</li>
<li class="link ">
<a href="additional-documentation/resizer.html" data-type="entity-link" data-context-id="additional">Resizer</a>
</li>
<li class="link ">
<a href="additional-documentation/errors.html" data-type="entity-link" data-context-id="additional">Errors</a>
</li>
</ul>
</li>
<li class="chapter modules">
<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" data-type="entity-link">NgxEditorModule</a>
<li class="chapter inner">
<div class="simple menu-toggler" data-toggle="collapse"
data-target="#xs-components-links-module-NgxEditorModule-839ea65a-ab8c-410e-bac6-f433ae77f0e2"
>
<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-module-NgxEditorModule-839ea65a-ab8c-410e-bac6-f433ae77f0e2"
>
<li class="link">
<a href="components/NgxEditorComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">NgxEditorComponent</a>
</li>
<li class="link">
<a href="components/NgxGrippieComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">NgxGrippieComponent</a>
</li>
<li class="link">
<a href="components/NgxEditorMessageComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">NgxEditorMessageComponent</a>
</li>
<li class="link">
<a href="components/NgxEditorToolbarComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">NgxEditorToolbarComponent</a>
</li>
</ul>
</li>
<li class="chapter inner">
<div class="simple menu-toggler" data-toggle="collapse"
data-target="#xs-injectables-links-module-NgxEditorModule-839ea65a-ab8c-410e-bac6-f433ae77f0e2"
>
<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-module-NgxEditorModule-839ea65a-ab8c-410e-bac6-f433ae77f0e2"
>
<li class="link">
<a href="injectables/CommandExecutorService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>CommandExecutorService</a>
</li>
<li class="link">
<a href="injectables/MessageService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>MessageService</a>
</li>
</ul>
</li>
</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" data-type="entity-link">CommandExecutorService</a>
</li>
<li class="link">
<a href="injectables/MessageService.html" data-type="entity-link">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" data-type="index-link">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"
data-type="chapter-link">
<span class="fa fa-fw fa-th"></span>Overview
</a>
</li>
<li class="link">
<a href="index.html" data-type="chapter-link"><span class="fa fa-file-text-o"></span>README</a>
</li>
<li class="link">
<a href="license.html"
data-type="chapter-link">
<span class="fa fa-fw fa-file-text-o"></span>LICENSE
</a>
</li>
<li class="link">
<a href="dependencies.html"
data-type="chapter-link">
<span class="fa fa-fw fa-list"></span>Dependencies
</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" data-type="entity-link" data-context-id="additional">Prerequisites</a>
</li>
<li class="link ">
<a href="additional-documentation/configuration.html" data-type="entity-link" data-context-id="additional">Configuration</a>
</li>
<li class="link ">
<a href="additional-documentation/toolbar.html" data-type="entity-link" data-context-id="additional">Toolbar</a>
</li>
<li class="link ">
<a href="additional-documentation/font-size.html" data-type="entity-link" data-context-id="additional">Font Size</a>
</li>
<li class="link ">
<a href="additional-documentation/colors.html" data-type="entity-link" data-context-id="additional">Colors</a>
</li>
<li class="link ">
<a href="additional-documentation/image-uploader.html" data-type="entity-link" data-context-id="additional">Image Uploader</a>
</li>
<li class="link ">
<a href="additional-documentation/insert-video.html" data-type="entity-link" data-context-id="additional">Insert Video</a>
</li>
<li class="link ">
<a href="additional-documentation/resizer.html" data-type="entity-link" data-context-id="additional">Resizer</a>
</li>
<li class="link ">
<a href="additional-documentation/errors.html" data-type="entity-link" data-context-id="additional">Errors</a>
</li>
</ul>
</li>
<li class="chapter modules">
<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" data-type="entity-link">NgxEditorModule</a>
<li class="chapter inner">
<div class="simple menu-toggler" data-toggle="collapse"
data-target="#components-links-module-NgxEditorModule-839ea65a-ab8c-410e-bac6-f433ae77f0e2"
>
<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-module-NgxEditorModule-839ea65a-ab8c-410e-bac6-f433ae77f0e2"
>
<li class="link">
<a href="components/NgxEditorComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">NgxEditorComponent</a>
</li>
<li class="link">
<a href="components/NgxGrippieComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">NgxGrippieComponent</a>
</li>
<li class="link">
<a href="components/NgxEditorMessageComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">NgxEditorMessageComponent</a>
</li>
<li class="link">
<a href="components/NgxEditorToolbarComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules">NgxEditorToolbarComponent</a>
</li>
</ul>
</li>
<li class="chapter inner">
<div class="simple menu-toggler" data-toggle="collapse"
data-target="#injectables-links-module-NgxEditorModule-839ea65a-ab8c-410e-bac6-f433ae77f0e2"
>
<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-module-NgxEditorModule-839ea65a-ab8c-410e-bac6-f433ae77f0e2"
>
<li class="link">
<a href="injectables/CommandExecutorService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>CommandExecutorService</a>
</li>
<li class="link">
<a href="injectables/MessageService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules"}>MessageService</a>
</li>
</ul>
</li>
</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" data-type="entity-link">CommandExecutorService</a>
</li>
<li class="link">
<a href="injectables/MessageService.html" data-type="entity-link">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>
<!-- START CONTENT -->
<div class="content module">
<div class="content-data">
<ol class="breadcrumb">
<li>Modules</li>
<li>NgxEditorModule</li>
</ol>
<div class="text-center module-graph-container">
<div id="module-graph-svg">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
-->
<!-- Title: dependencies Pages: 1 -->
<svg width="1192pt" height="396pt"
viewBox="0.00 0.00 1192.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 391.5901)">
<title>dependencies</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-391.5901 1188,-391.5901 1188,4 -4,4"/>
<text text-anchor="start" x="571.0091" y="-42.4" font-family="sans-serif" font-weight="bold" font-size="14.00" fill="#000000">Legend</text>
<polygon fill="#ffffb3" stroke="transparent" points="358,-10 358,-30 378,-30 378,-10 358,-10"/>
<text text-anchor="start" x="381.629" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000">  Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="471,-10 471,-30 491,-30 491,-10 471,-10"/>
<text text-anchor="start" x="494.7251" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000">  Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="557,-10 557,-30 577,-30 577,-10 557,-10"/>
<text text-anchor="start" x="580.7812" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000">  Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="654,-10 654,-30 674,-30 674,-10 654,-10"/>
<text text-anchor="start" x="677.6732" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000">  Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="750,-10 750,-30 770,-30 770,-10 750,-10"/>
<text text-anchor="start" x="773.7258" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000">  Exports</text>
<g id="clust1" class="cluster">
<title>cluster_NgxEditorModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8,-70 8,-379.5901 1176,-379.5901 1176,-70 8,-70"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_NgxEditorModule_declarations</title>
<polygon fill="none" stroke="#000000" points="436,-189.5901 436,-241.5901 1168,-241.5901 1168,-189.5901 436,-189.5901"/>
</g>
<g id="clust3" class="cluster">
<title>cluster_NgxEditorModule_NgxEditorComponent_providers</title>
<polygon fill="none" stroke="#000000" points="970,-78 970,-176.5901 1168,-176.5901 1168,-78 970,-78"/>
</g>
<g id="clust8" class="cluster">
<title>cluster_NgxEditorModule_exports</title>
<polygon fill="none" stroke="#000000" points="558,-319.5901 558,-371.5901 718,-371.5901 718,-319.5901 558,-319.5901"/>
</g>
<g id="clust10" class="cluster">
<title>cluster_NgxEditorModule_providers</title>
<polygon fill="none" stroke="#000000" points="16,-189.5901 16,-241.5901 428,-241.5901 428,-189.5901 16,-189.5901"/>
</g>
<!-- NgxEditorComponent -->
<g id="node1" class="node">
<title>NgxEditorComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1160.4341,-233.5901 1019.5659,-233.5901 1019.5659,-197.5901 1160.4341,-197.5901 1160.4341,-233.5901"/>
<text text-anchor="middle" x="1090" y="-211.3901" font-family="Times,serif" font-size="14.00" fill="#000000">NgxEditorComponent</text>
</g>
<!-- NgxEditorModule -->
<g id="node5" class="node">
<title>NgxEditorModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="697.1513,-298.5901 694.1513,-302.5901 673.1513,-302.5901 670.1513,-298.5901 578.8487,-298.5901 578.8487,-262.5901 697.1513,-262.5901 697.1513,-298.5901"/>
<text text-anchor="middle" x="638" y="-276.3901" font-family="Times,serif" font-size="14.00" fill="#000000">NgxEditorModule</text>
</g>
<!-- NgxEditorComponent->NgxEditorModule -->
<g id="edge1" class="edge">
<title>NgxEditorComponent->NgxEditorModule</title>
<path fill="none" stroke="#000000" d="M1090,-233.8743C1090,-254.9111 1090,-286.5901 1090,-286.5901 1090,-286.5901 707.5559,-286.5901 707.5559,-286.5901"/>
<polygon fill="#000000" stroke="#000000" points="707.5559,-283.0902 697.5559,-286.5901 707.5559,-290.0902 707.5559,-283.0902"/>
</g>
<!-- NgxGrippieComponent -->
<g id="node2" class="node">
<title>NgxGrippieComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1002.2021,-233.5901 853.7979,-233.5901 853.7979,-197.5901 1002.2021,-197.5901 1002.2021,-233.5901"/>
<text text-anchor="middle" x="928" y="-211.3901" font-family="Times,serif" font-size="14.00" fill="#000000">NgxGrippieComponent</text>
</g>
<!-- NgxGrippieComponent->NgxEditorModule -->
<g id="edge3" class="edge">
<title>NgxGrippieComponent->NgxEditorModule</title>
<path fill="none" stroke="#000000" d="M928,-233.6126C928,-250.9634 928,-274.5901 928,-274.5901 928,-274.5901 707.3856,-274.5901 707.3856,-274.5901"/>
<polygon fill="#000000" stroke="#000000" points="707.3857,-271.0902 697.3856,-274.5901 707.3856,-278.0902 707.3857,-271.0902"/>
</g>
<!-- NgxEditorMessageComponent -->
<g id="node3" class="node">
<title>NgxEditorMessageComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="835.9114,-233.5901 646.0886,-233.5901 646.0886,-197.5901 835.9114,-197.5901 835.9114,-233.5901"/>
<text text-anchor="middle" x="741" y="-211.3901" font-family="Times,serif" font-size="14.00" fill="#000000">NgxEditorMessageComponent</text>
</g>
<!-- NgxEditorMessageComponent->NgxEditorModule -->
<g id="edge4" class="edge">
<title>NgxEditorMessageComponent->NgxEditorModule</title>
<path fill="none" stroke="#000000" d="M671.81,-233.6962C671.81,-233.6962 671.81,-252.581 671.81,-252.581"/>
<polygon fill="#000000" stroke="#000000" points="668.31,-252.581 671.81,-262.581 675.31,-252.5811 668.31,-252.581"/>
</g>
<!-- NgxEditorToolbarComponent -->
<g id="node4" class="node">
<title>NgxEditorToolbarComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="628.252,-233.5901 443.748,-233.5901 443.748,-197.5901 628.252,-197.5901 628.252,-233.5901"/>
<text text-anchor="middle" x="536" y="-211.3901" font-family="Times,serif" font-size="14.00" fill="#000000">NgxEditorToolbarComponent</text>
</g>
<!-- NgxEditorToolbarComponent->NgxEditorModule -->
<g id="edge5" class="edge">
<title>NgxEditorToolbarComponent->NgxEditorModule</title>
<path fill="none" stroke="#000000" d="M603.5253,-233.6962C603.5253,-233.6962 603.5253,-252.581 603.5253,-252.581"/>
<polygon fill="#000000" stroke="#000000" points="600.0253,-252.581 603.5253,-262.581 607.0253,-252.5811 600.0253,-252.581"/>
</g>
<!-- NgxEditorComponent -->
<g id="node7" class="node">
<title>NgxEditorComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="709.9334,-363.5901 566.0666,-363.5901 566.0666,-327.5901 709.9334,-327.5901 709.9334,-363.5901"/>
<text text-anchor="middle" x="638" y="-341.3901" font-family="Times,serif" font-size="14.00" fill="#000000">NgxEditorComponent </text>
</g>
<!-- NgxEditorModule->NgxEditorComponent -->
<g id="edge6" class="edge">
<title>NgxEditorModule->NgxEditorComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M638,-298.6962C638,-298.6962 638,-317.581 638,-317.581"/>
<polygon fill="#000000" stroke="#000000" points="634.5001,-317.581 638,-327.581 641.5001,-317.5811 634.5001,-317.581"/>
</g>
<!-- {
   : , : (() => ), : true
} -->
<g id="node6" class="node">
<title>{
   : , : (() => ), : true
}</title>
<ellipse fill="#fdb462" stroke="#000000" cx="1069" cy="-127.295" rx="91.4557" ry="41.0911"/>
<text text-anchor="middle" x="1069" y="-139.895" font-family="Times,serif" font-size="14.00" fill="#000000">{</text>
<text text-anchor="middle" x="1069" y="-123.095" font-family="Times,serif" font-size="14.00" fill="#000000">    : , : (() => ), : true</text>
<text text-anchor="middle" x="1069" y="-106.295" font-family="Times,serif" font-size="14.00" fill="#000000">}</text>
</g>
<!-- {
   : , : (() => ), : true
}->NgxEditorComponent -->
<g id="edge2" class="edge">
<title>{
   : , : (() => ), : true
}->NgxEditorComponent</title>
<path fill="none" stroke="#000000" d="M1090,-167.5668C1090,-167.5668 1090,-187.2266 1090,-187.2266"/>
<polygon fill="#000000" stroke="#000000" points="1086.5001,-187.2266 1090,-197.2266 1093.5001,-187.2266 1086.5001,-187.2266"/>
</g>
<!-- CommandExecutorService -->
<g id="node8" class="node">
<title>CommandExecutorService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="305" cy="-215.5901" rx="115.1706" ry="18"/>
<text text-anchor="middle" x="305" y="-211.3901" font-family="Times,serif" font-size="14.00" fill="#000000">CommandExecutorService</text>
</g>
<!-- CommandExecutorService->NgxEditorModule -->
<g id="edge7" class="edge">
<title>CommandExecutorService->NgxEditorModule</title>
<path fill="none" stroke="#000000" d="M305,-233.6126C305,-250.9634 305,-274.5901 305,-274.5901 305,-274.5901 568.4663,-274.5901 568.4663,-274.5901"/>
<polygon fill="#000000" stroke="#000000" points="568.4663,-278.0902 578.4663,-274.5901 568.4662,-271.0902 568.4663,-278.0902"/>
</g>
<!-- MessageService -->
<g id="node9" class="node">
<title>MessageService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="98" cy="-215.5901" rx="73.5522" ry="18"/>
<text text-anchor="middle" x="98" y="-211.3901" font-family="Times,serif" font-size="14.00" fill="#000000">MessageService</text>
</g>
<!-- MessageService->NgxEditorModule -->
<g id="edge8" class="edge">
<title>MessageService->NgxEditorModule</title>
<path fill="none" stroke="#000000" d="M98,-233.8743C98,-254.9111 98,-286.5901 98,-286.5901 98,-286.5901 568.6659,-286.5901 568.6659,-286.5901"/>
<polygon fill="#000000" stroke="#000000" points="568.6659,-290.0902 578.6659,-286.5901 568.6658,-283.0902 568.6659,-290.0902"/>
</g>
</g>
</svg>
</div>
<i id="fullscreen" class="fa fa-expand module-graph-fullscreen-btn" aria-hidden="true"></i>
<div class="btn-group">
<button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
<button id="reset" class="btn btn-default btn-sm">Reset</button>
<button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
</div>
</div>
<script src="../js/libs/svg-pan-zoom.min.js"></script>
<script src="../js/svg-pan-zoom.controls.js"></script>
<ul class="nav nav-tabs" role="tablist">
<li class="active">
<a href="#info" id="info-tab" role="tab" data-toggle="tab" data-link="info">Info</a>
</li>
<li>
<a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active in" id="c-info">
<p class="comment">
<h3>File</h3>
</p>
<p class="comment">
<code>src/app/ngx-editor/ngx-editor.module.ts</code>
</p>
<div class="container-fluid module">
<div class="row">
<div class="col-sm-3">
<h3>Declarations<a href="https://angular.io/api/core/NgModule#declarations" target="_blank" title="Official documentation about module declarations"><span class="fa fa-info-circle"></span></a></h3>
<ul class="list-group">
<li class="list-group-item">
<a href="../components/NgxEditorComponent.html">NgxEditorComponent</a>
</li>
<li class="list-group-item">
<a href="../components/NgxGrippieComponent.html">NgxGrippieComponent</a>
</li>
<li class="list-group-item">
<a href="../components/NgxEditorMessageComponent.html">NgxEditorMessageComponent</a>
</li>
<li class="list-group-item">
<a href="../components/NgxEditorToolbarComponent.html">NgxEditorToolbarComponent</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h3>Providers<a href="https://angular.io/api/core/NgModule#providers" target="_blank" title="Official documentation about module providers"><span class="fa fa-info-circle"></a></h3>
<ul class="list-group">
<li class="list-group-item">
<a href="../injectables/CommandExecutorService.html" >CommandExecutorService</a>
</li>
<li class="list-group-item">
<a href="../injectables/MessageService.html" >MessageService</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h3>Exports<a href="https://angular.io/api/core/NgModule#exports" target="_blank" title="Official documentation about module exports"><span class="fa fa-info-circle"></a></h3>
<ul class="list-group">
<li class="list-group-item">
<a href="../components/NgxEditorComponent.html" >NgxEditorComponent</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade tab-source-code" id="c-source">
<pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { ReactiveFormsModule } from '@angular/forms';
import { PopoverModule } from 'ngx-bootstrap';
import { NgxEditorComponent } from './ngx-editor.component';
import { NgxGrippieComponent } from './ngx-grippie/ngx-grippie.component';
import { NgxEditorMessageComponent } from './ngx-editor-message/ngx-editor-message.component';
import { NgxEditorToolbarComponent } from './ngx-editor-toolbar/ngx-editor-toolbar.component';
import { MessageService } from './common/services/message.service';
import { CommandExecutorService } from './common/services/command-executor.service';
@NgModule({
imports: [CommonModule, FormsModule, ReactiveFormsModule, PopoverModule.forRoot()],
declarations: [NgxEditorComponent, NgxGrippieComponent, NgxEditorMessageComponent, NgxEditorToolbarComponent],
exports: [NgxEditorComponent, PopoverModule],
providers: [CommandExecutorService, MessageService]
})
export class NgxEditorModule { }
</code></pre>
</div>
</div>
</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>
<!-- END CONTENT -->
</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;
var COMPODOC_CURRENT_PAGE_URL = 'NgxEditorModule.html';
</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>