raonkeditor-angular/samples/basic/src/app/demo-form/demo-form.component.html

Angular component for RAON K Editor.

<h2>Integration with forms (<code>ngModel</code>)</h2>

<form (ngSubmit)="onSubmit()" #demoForm="ngForm">
	<h3>User profile form</h3>

	<div>
		<label for="name">Name</label>
		<input [(ngModel)]="model.name" type="text" name="name" id="name">
	</div>

	<div>
		<label for="surname">Surname</label>
		<input [(ngModel)]="model.surname" type="text" name="surname" id="surname">
	</div>

	<label for="raonkeditor_form_resume">Resume</label>
	<RaonkEditor
		[(ngModel)]="model.raonkeditor_form_resume"
		name="raonkeditor_form_resume"

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

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

	<p *ngIf="raonkeditor_form_resume && raonkeditor_form_resume.dirty" class="alert">Resume is "dirty".</p>
	<p *ngIf="raonkeditor_form_resume && raonkeditor_form_resume.touched" class="alert">Resume has been "touched".</p>

	<p>
		<button type="reset" (click)="reset()">Reset form</button>
	</p>
	<p>
		<button type="submit">Submit this form</button>
		<em>(Open the console first)</em></p>
</form>

<h3>Form data preview</h3>
<pre>{{ formDataPreview }}</pre>