raonkeditor-angular/samples/basic/src/app/simple-usage/simple-usage.component.html

Angular component for RAON K Editor.

<h2>Simple usage</h2>

<p><strong>Note:</strong> Open the console for additional logs.</p>

<div *ngFor="let component of runtimes">
	<h3>{{ component.toUpperCase() }} Rumtime:</h3>
	<RaonkEditor
		*ngIf="!isRemoved"
		[hidden]="isHidden"
		[viewMode]="isViewMode"
		[readOnly]="isReadOnly"
		name="raonkeditor_simple_{{ component | lowercase }}"

		id="raonkeditor_simple_{{ component | lowercase }}"
		runtimes="{{ component | lowercase }}"
		componentUrl="/assets/raonkeditor/js/raonkeditor.js"
		[config]="{ Lang: 'ko-kr', Width: '100%', Height: '250px', DevelopLangage: 'NONE' }"

		(namespaceLoaded)="onNamespaceLoaded( $event )"
		(creationComplete)="onCreationComplete( $event )"
	></RaonkEditor>
</div>

<h4>Component controls:</h4>

<p>
	<label><input type="checkbox" [(ngModel)]="isHidden">Hide editor with '[hidden]' directive.</label>
</p>
<p>
	<label><input type="checkbox" [(ngModel)]="isRemoved">Remove editor from DOM with '*ngIf' directive.</label>
</p>
<p>
	<label><input type="checkbox" [(ngModel)]="isViewMode">Make component view mode.</label>
</p>
<p>
	<label><input type="checkbox" [(ngModel)]="isReadOnly">Make component readonly mode.</label>
</p>