ngx-editor-sodo
Version:
WYSIWYG Editor for Angular Applications
1,105 lines (963 loc) • 148 kB
HTML
<!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" 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 component">
<div class="content-data">
<ol class="breadcrumb">
<li>Components</li>
<li>NgxEditorToolbarComponent</li>
</ol>
<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>
<li>
<a href="#templateData" role="tab" id="templateData-tab" data-toggle="tab" data-link="template">Template</a>
</li>
<li>
<a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</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-toolbar/ngx-editor-toolbar.component.ts</code>
</p>
<p class="comment">
<h3>Implements</h3>
</p>
<p class="comment">
<code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
</p>
<section>
<h3>Metadata</h3>
<table class="table table-sm table-hover">
<tbody>
<tr>
<td class="col-md-3">providers</td>
<td class="col-md-9">
<code>PopoverConfig</code>
</td>
</tr>
<tr>
<td class="col-md-3">selector</td>
<td class="col-md-9"><code>app-ngx-editor-toolbar</code></td>
</tr>
<tr>
<td class="col-md-3">styleUrls</td>
<td class="col-md-9"><code>ngx-editor-toolbar.component.scss</code></td>
</tr>
<tr>
<td class="col-md-3">templateUrl</td>
<td class="col-md-9"><code>./ngx-editor-toolbar.component.html</code></td>
</tr>
</tbody>
</table>
</section>
<section>
<h3 id="index">Index</h3>
<table class="table table-sm table-bordered index-table">
<tbody>
<tr>
<td class="col-md-4">
<h6><b>Properties</b></h6>
</td>
</tr>
<tr>
<td class="col-md-4">
<ul class="index-list">
<li>
<a href="#colorPopover">colorPopover</a>
</li>
<li>
<a href="#fontName">fontName</a>
</li>
<li>
<a href="#fontSize">fontSize</a>
</li>
<li>
<a href="#fontSizePopover">fontSizePopover</a>
</li>
<li>
<a href="#hexColor">hexColor</a>
</li>
<li>
<a href="#imageForm">imageForm</a>
</li>
<li>
<a href="#imagePopover">imagePopover</a>
</li>
<li>
<a href="#isImageUploader">isImageUploader</a>
</li>
<li>
<a href="#isUploading">isUploading</a>
</li>
<li>
<a href="#selectedColorTab">selectedColorTab</a>
</li>
<li>
<a href="#updloadPercentage">updloadPercentage</a>
</li>
<li>
<a href="#uploadComplete">uploadComplete</a>
</li>
<li>
<a href="#urlForm">urlForm</a>
</li>
<li>
<a href="#urlPopover">urlPopover</a>
</li>
<li>
<a href="#videoForm">videoForm</a>
</li>
<li>
<a href="#videoPopover">videoPopover</a>
</li>
</ul>
</td>
</tr>
<tr>
<td class="col-md-4">
<h6><b>Methods</b></h6>
</td>
</tr>
<tr>
<td class="col-md-4">
<ul class="index-list">
<li>
<a href="#buildImageForm">buildImageForm</a>
</li>
<li>
<a href="#buildUrlForm">buildUrlForm</a>
</li>
<li>
<a href="#buildVideoForm">buildVideoForm</a>
</li>
<li>
<a href="#canEnableToolbarOptions">canEnableToolbarOptions</a>
</li>
<li>
<a href="#insertColor">insertColor</a>
</li>
<li>
<a href="#insertImage">insertImage</a>
</li>
<li>
<a href="#insertLink">insertLink</a>
</li>
<li>
<a href="#insertVideo">insertVideo</a>
</li>
<li>
<a href="#onFileChange">onFileChange</a>
</li>
<li>
<a href="#onlyNumbers">onlyNumbers</a>
</li>
<li>
<a href="#setFontName">setFontName</a>
</li>
<li>
<a href="#setFontSize">setFontSize</a>
</li>
<li>
<a href="#triggerCommand">triggerCommand</a>
</li>
</ul>
</td>
</tr>
<tr>
<td class="col-md-4">
<h6><b>Inputs</b></h6>
</td>
</tr>
<tr>
<td class="col-md-4">
<ul class="index-list">
<li>
<a href="#config">config</a>
</li>
</ul>
</td>
</tr>
<tr>
<td class="col-md-4">
<h6><b>Outputs</b></h6>
</td>
</tr>
<tr>
<td class="col-md-4">
<ul class="index-list">
<li>
<a href="#execute">execute</a>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</section>
<section>
<h3 id="constructor">Constructor</h3>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<code>constructor(_popOverConfig: PopoverConfig, _formBuilder: <a href="https://angular.io/api/forms/FormBuilder" target="_blank">FormBuilder</a>, _messageService: <a href="../injectables/MessageService.html">MessageService</a>, _commandExecutorService: <a href="../injectables/CommandExecutorService.html">CommandExecutorService</a>)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:53</a></div>
</td>
</tr>
<tr>
<td class="col-md-4">
<div>
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>_popOverConfig</td>
<td>
<code>PopoverConfig</code>
</td>
<td>
no
</td>
</tr>
<tr>
<td>_formBuilder</td>
<td>
<code><a href="https://angular.io/api/forms/FormBuilder" target="_blank" >FormBuilder</a></code>
</td>
<td>
no
</td>
</tr>
<tr>
<td>_messageService</td>
<td>
<code><a href="../injectables/MessageService.html" target="_self" >MessageService</a></code>
</td>
<td>
no
</td>
</tr>
<tr>
<td>_commandExecutorService</td>
<td>
<code><a href="../injectables/CommandExecutorService.html" target="_self" >CommandExecutorService</a></code>
</td>
<td>
no
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</section>
<section>
<h3 id="inputs">Inputs</h3>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-2">
<a name="config"></a>
<code>config</code>
</td>
<td class="col-md-10">
<div><p>Editor configuration</p>
</div>
<p>
<em>Type:</em> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
</p>
</td>
</tr>
<tr>
<td class="col-md-2" colspan="2">
<div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:44</a></div>
</td>
</tr>
</tbody>
</table>
</section>
<section>
<h3 id="outputs">Outputs</h3>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-2">
<a name="execute"></a>
<code>execute</code>
</td>
<td class="col-md-10">
<div><p>Emits an event when a toolbar button is clicked</p>
</div>
<em><code>$event</code> type:</em> <code>EventEmitter<string></code>
</td>
</tr>
<tr>
<td class="col-md-2" colspan="2">
<div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:53</a></div>
</td>
</tr>
</tbody>
</table>
</section>
<section>
<h3 id="methods">
Methods
</h3>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="buildImageForm"></a>
<span class="name">
<b>
buildImageForm
</b>
<a href="#buildImageForm"><span class="fa fa-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>buildImageForm()</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="118" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:118</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>
<td class="col-md-4">
<a name="buildUrlForm"></a>
<span class="name">
<b>
buildUrlForm
</b>
<a href="#buildUrlForm"><span class="fa fa-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>buildUrlForm()</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="85" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:85</a></div>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description"><p>create URL insert 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>
<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="130" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:130</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>
<td class="col-md-4">
<a name="canEnableToolbarOptions"></a>
<span class="name">
<b>
canEnableToolbarOptions
</b>
<a href="#canEnableToolbarOptions"><span class="fa fa-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>canEnableToolbarOptions(value: )</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:69</a></div>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description"><p>enable or diable toolbar based on configuration</p>
</div>
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
<td>Description</td>
</tr>
</thead>
<tbody>
<tr>
<td>value</td>
<td>
no
</td>
<td>
<code><p>name of the toolbar buttons</p>
</code>
</td>
</tr>
</tbody>
</table>
</div>
<div>
</div>
<div class="io-description">
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
</div>
<div class="io-description">
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="insertColor"></a>
<span class="name">
<b>
insertColor
</b>
<a href="#insertColor"><span class="fa fa-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>insertColor(color: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>, where: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="215" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:215</a></div>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description"><p>inser text/background color </p>
</div>
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>color</td>
<td>
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
</td>
<td>
no
</td>
</tr>
<tr>
<td>where</td>
<td>
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
</td>
<td>
no
</td>
</tr>
</tbody>
</table>
</div>
<div>
</div>
<div class="io-description">
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
</div>
<div class="io-description">
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="insertImage"></a>
<span class="name">
<b>
insertImage
</b>
<a href="#insertImage"><span class="fa fa-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>insertImage()</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="183" class="link-to-prism">src/app/ngx-editor/ngx-editor-toolbar/ngx-editor-toolbar.component.ts:183</a></div>
</td>
</tr>