<div class="user-guide-editor">
	<form (ngSubmit)="submit()" [formGroup]="formGroup">
		<div>
			<mat-card class="col-md-8 offset-md-2">
				<mat-card-title><div>{{'GUIDE.TITLE' | translate}}</div></mat-card-title>
				<mat-card-content>
					<editor [init]="{
						base_url: '/tinymce',
						suffix: '.min',
						height: 800,
						menubar: true,
						plugins: [
						  'advlist autolink lists link image charmap print preview anchor',
						  'searchreplace visualblocks fullscreen fullpage',
						  'insertdatetime media table paste code help wordcount importcss ',
						  'codesample toc visualchars'
						],
						extended_valid_elements: '*[*]',
						forced_root_block: '',
						valid_children: '+body[script],ol[li|div|p|a|ol|table],h2[span],h3[span]',
						save_enablewhendirty: false,
						toolbar:
						  'undo redo | formatselect | bold italic backcolor | \
						  alignleft aligncenter alignright alignjustify | \
						  bullist numlist outdent indent | code codesample | searchreplace | preview | removeformat | help'
					  }" formControlName="html"></editor>
				</mat-card-content>
			</mat-card>
			<button mat-fab class="mat-fab-bottom-right save-btn" matTooltip="{{'GUIDE.SAVE' | translate}}" type="submit">
				<mat-icon class="mat-24">save</mat-icon>
			</button>
		</div>

	</form>
</div>
