@syncfusion/ej2-angular-richtexteditor 28.1.37-ngcc → 28.1.38-680214

package/schematics/generators/richtexteditor-overview/index.ts

@@ -0,0 +1,8 @@
+import { Rule } from '@angular-devkit/schematics';
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import { Schema } from './schema';
+import * as sampleDetails from './sample-details';
+
+export default function (options: Schema): Rule {
+  return componentBuilder(options, sampleDetails);
+}

package/schematics/generators/richtexteditor-overview/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/richtexteditor-overview/sample-details.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.libModules = exports.packageName = exports.diModules = exports.sampleName = exports.componentName = void 0;
+exports.componentName = 'richtexteditor';
+exports.sampleName = 'overview';
+exports.diModules = 'ToolbarService,LinkService,ImageService,HtmlEditorService,TableService';
+exports.packageName = '@syncfusion/ej2-angular-richtexteditor';
+exports.libModules = 'RichTextEditorModule';

package/schematics/generators/richtexteditor-overview/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'richtexteditor';
+export const sampleName: string = 'overview';
+export const diModules: string =  'ToolbarService,LinkService,ImageService,HtmlEditorService,TableService';
+export const packageName: string = '@syncfusion/ej2-angular-richtexteditor';
+export const libModules: string = 'RichTextEditorModule';

package/schematics/generators/richtexteditor-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -0,0 +1,3 @@
+/**
+ * RTE Overview Sample
+ */

package/schematics/generators/richtexteditor-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,47 @@
+<div class="control-section">
+    <div id='inline-rte'>
+        <h4>Overview RTE</h4>
+        <ejs-richtexteditor #toolsRTE id='alltoolRTE' [toolbarSettings]='tools' [showCharCount]='true' [maxLength]='maxLength'>
+            <ng-template #valueTemplate>
+                <p>The rich text editor is WYSIWYG ("what you see is what you get") editor useful to create and edit content, and return the valid <a href="https://ej2.syncfusion.com/home/" target="_blank">HTML markup</a> or <a href="https://ej2.syncfusion.com/home/" target="_blank">markdown</a> of the content</p>
+
+                <p><b>Toolbar</b></p>
+                <ol>
+                    <li> 
+                        <p>Toolbar contains commands to align the text, insert link, insert image, insert list, undo/redo operations, HTML view, etc </p>
+                    </li>
+                    <li> 
+                        <p>Toolbar is fully customizable </p>
+                    </li>
+                </ol>
+                    
+                <p><b>Links</b></p>
+                <ol>
+                    <li>
+                        <p>You can insert a hyperlink with its corresponding dialog </p>
+                    </li>
+                    <li>
+                        <p>Attach a hyperlink to the displayed text. </p>
+                    </li>
+                    <li>
+                        <p>Customize the quick toolbar based on the hyperlink </p> 
+                    </li>
+                </ol>
+                    
+                <p><b>Image.</b></p>
+                <ol>
+                    <li>
+                        <p>Allows you to insert images from an online source as well as the local computer </p> 
+                    </li>
+                    <li>
+                        <p>You can upload an image </p>
+                    </li>
+                    <li> 
+                        <p>Provides an option to customize quick toolbar for an image </p> 
+                    </li>
+                </ol>
+                <img alt="Logo" src="/assets/richtexteditor/overview/RTEImage-Feather.png" style="width: 300px;">
+            </ng-template>
+        </ejs-richtexteditor>
+    </div>
+</div>

package/schematics/generators/richtexteditor-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -0,0 +1,26 @@
+/**
+ * RTE Overview Sample
+ */
+import { Component } from '@angular/core';
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css']
+})
+
+export class <%= classify(name) %>Component {
+
+    // Define a toolbar items
+    public tools: object = {
+        items: ['Bold', 'Italic', 'Underline', 'StrikeThrough',
+        'FontName', 'FontSize', 'FontColor', 'BackgroundColor',
+        'LowerCase', 'UpperCase', '|',
+        'Formats', 'Alignments', 'OrderedList', 'UnorderedList',
+        'Outdent', 'Indent', '|',
+        'CreateTable', 'CreateLink', 'Image', '|', 'ClearFormat', 'Print',
+        'SourceCode', 'FullScreen', '|', 'Undo', 'Redo']
+    };
+    // set maximum length content
+    public maxLength: number = 1000;
+}

package/schematics/generators/richtexteditor-overview/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/richtexteditor-overview/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/generators/richtexteditor-overview/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "richtexteditor-overview",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "richtexteditor-overview"
+}

package/schematics/generators/richtexteditor-overview/schema.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+
+export interface Schema extends ComponentSchema { }

package/schematics/generators/richtexteditor-reactform/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/richtexteditor-reactform/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return (0, schematics_1.componentBuilder)(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/richtexteditor-reactform/index.ts

@@ -0,0 +1,8 @@
+import { Rule } from '@angular-devkit/schematics';
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import { Schema } from './schema';
+import * as sampleDetails from './sample-details';
+
+export default function (options: Schema): Rule {
+  return componentBuilder(options, sampleDetails);
+}

package/schematics/generators/richtexteditor-reactform/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/richtexteditor-reactform/sample-details.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.libModules = exports.packageName = exports.diModules = exports.sampleName = exports.componentName = void 0;
+exports.componentName = 'richtexteditor';
+exports.sampleName = 'reactform';
+exports.diModules = 'ToolbarService,LinkService,ImageService,HtmlEditorService';
+exports.packageName = '@syncfusion/ej2-angular-richtexteditor';
+exports.libModules = 'RichTextEditorModule';

package/schematics/generators/richtexteditor-reactform/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'richtexteditor';
+export const sampleName: string = 'reactform';
+export const diModules: string =  'ToolbarService,LinkService,ImageService,HtmlEditorService';
+export const packageName: string = '@syncfusion/ej2-angular-richtexteditor';
+export const libModules: string = 'RichTextEditorModule';

package/schematics/generators/richtexteditor-reactform/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -0,0 +1,3 @@
+/**
+ * RTE React Form Sample
+ */

package/schematics/generators/richtexteditor-reactform/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,20 @@
+<div class="control-section">
+    <div id='inline-rte'>
+        <h4>Reactive Form RTE</h4>
+        <form [formGroup]="rteForm" (ngSubmit)="onSubmit()">
+            <div class="form-group">
+                <ejs-richtexteditor #fromRTE formControlName="name" (created)="rteCreated()">
+                </ejs-richtexteditor>
+                <div *ngIf="rteForm.invalid && (rteForm.controls.name.dirty || rteForm.controls.name.touched)" class="alert alert-danger">
+                    <div *ngIf="rteForm.controls.name.errors.required">
+                        Value is required.
+                    </div>
+                </div>
+            </div>
+            <div class="form-group">
+                <button type="submit">Submit</button>
+                <button type="reset" (click)="rteForm.reset()" style="margin-left: 20px">Reset</button>
+            </div>
+        </form>
+    </div>
+</div>

package/schematics/generators/richtexteditor-reactform/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -0,0 +1,30 @@
+/**
+ * RTE React form Sample
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { RichTextEditorComponent } from '@syncfusion/ej2-angular-richtexteditor';
+import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css']
+})
+
+export class <%= classify(name) %>Component implements OnInit {
+    rteForm: FormGroup;
+    @ViewChild('fromRTE') rteEle: RichTextEditorComponent;
+
+    constructor(private fb: FormBuilder) { }
+    ngOnInit(): void {
+        this.rteForm = new FormGroup({
+            'name': new FormControl(null, Validators.required)
+        });
+    }
+    rteCreated(): void {
+        this.rteEle.element.focus();
+    }
+    onSubmit(): void {
+        alert('Form submitted successfully');
+    }
+}

package/schematics/generators/richtexteditor-reactform/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/richtexteditor-reactform/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/generators/richtexteditor-reactform/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "richtexteditor-reactform",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "richtexteditor-reactform"
+}

package/schematics/generators/richtexteditor-reactform/schema.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+
+export interface Schema extends ComponentSchema { }

package/schematics/generators/richtexteditor-templatedriven/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/richtexteditor-templatedriven/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return (0, schematics_1.componentBuilder)(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/richtexteditor-templatedriven/index.ts

@@ -0,0 +1,8 @@
+import { Rule } from '@angular-devkit/schematics';
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import { Schema } from './schema';
+import * as sampleDetails from './sample-details';
+
+export default function (options: Schema): Rule {
+  return componentBuilder(options, sampleDetails);
+}

package/schematics/generators/richtexteditor-templatedriven/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/richtexteditor-templatedriven/sample-details.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.libModules = exports.packageName = exports.diModules = exports.sampleName = exports.componentName = void 0;
+exports.componentName = 'richtexteditor';
+exports.sampleName = 'templatedriven';
+exports.diModules = 'ToolbarService,LinkService,ImageService,HtmlEditorService';
+exports.packageName = '@syncfusion/ej2-angular-richtexteditor';
+exports.libModules = 'RichTextEditorModule';

package/schematics/generators/richtexteditor-templatedriven/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'richtexteditor';
+export const sampleName: string = 'templatedriven';
+export const diModules: string =  'ToolbarService,LinkService,ImageService,HtmlEditorService';
+export const packageName: string = '@syncfusion/ej2-angular-richtexteditor';
+export const libModules: string = 'RichTextEditorModule';

package/schematics/generators/richtexteditor-templatedriven/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -0,0 +1,3 @@
+/**
+ * RTE Template Sample
+ */

package/schematics/generators/richtexteditor-templatedriven/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,19 @@
+<div class="control-section">
+    <div id='inline-rte'>
+        <h4>Template form RTE</h4>
+        <form (ngSubmit)="onSubmit()">
+            <div class="form-group"> 
+                <ejs-richtexteditor #fromRTE #name='ngModel' [(value)]='value' required name="name" [(ngModel)]="value" (created)="rteCreated()"></ejs-richtexteditor>
+                <div *ngIf="(name.invalid && (name.dirty || name.touched))" class="alert alert-danger">
+                    <div *ngIf="name.errors.required">
+                        Value is required.
+                    </div> 
+                </div>
+            </div> 
+            <div>
+                <button type="submit" ejs-button>Submit</button>
+                <button type="reset" ejs-button style="margin-left: 20px">Reset</button>
+            </div>
+        </form>
+    </div>
+</div>

package/schematics/generators/richtexteditor-templatedriven/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -0,0 +1,25 @@
+/**
+ * RTE Inline Sample
+ */
+import { Component, ViewChild } from '@angular/core';
+import { RichTextEditorComponent } from '@syncfusion/ej2-angular-richtexteditor';
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css']
+})
+
+export class <%= classify(name) %>Component {
+
+    public value: string = null;
+    @ViewChild('fromRTE') rteEle: RichTextEditorComponent;
+
+    rteCreated(): void {
+        this.rteEle.element.focus();
+    }
+
+    onSubmit(): void {
+      alert('Form submitted successfully');
+    }
+}

package/schematics/generators/richtexteditor-templatedriven/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/richtexteditor-templatedriven/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });