@syncfusion/ej2-angular-richtexteditor 21.2.10 → 22.1.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +53 -109
- package/esm2020/src/index.mjs +2 -2
- package/esm2020/src/rich-text-editor/richtexteditor-all.module.mjs +4 -13
- package/esm2020/src/rich-text-editor/richtexteditor.component.mjs +4 -25
- package/fesm2015/syncfusion-ej2-angular-richtexteditor.mjs +15 -45
- package/fesm2015/syncfusion-ej2-angular-richtexteditor.mjs.map +1 -1
- package/fesm2020/syncfusion-ej2-angular-richtexteditor.mjs +7 -37
- package/fesm2020/syncfusion-ej2-angular-richtexteditor.mjs.map +1 -1
- package/license +10 -0
- package/package.json +17 -12
- package/schematics/utils/lib-details.ts +2 -2
- package/src/index.d.ts +1 -1
- package/src/rich-text-editor/richtexteditor-all.module.d.ts +0 -3
- package/src/rich-text-editor/richtexteditor.component.d.ts +1 -8
- package/styles/bootstrap-dark.css +299 -137
- package/styles/bootstrap.css +305 -140
- package/styles/bootstrap4.css +304 -133
- package/styles/bootstrap5-dark.css +310 -165
- package/styles/bootstrap5.css +310 -165
- package/styles/fabric-dark.css +297 -136
- package/styles/fabric.css +294 -133
- package/styles/fluent-dark.css +311 -170
- package/styles/fluent.css +311 -170
- package/styles/highcontrast-light.css +289 -128
- package/styles/highcontrast.css +296 -135
- package/styles/material-dark.css +295 -129
- package/styles/material.css +300 -134
- package/styles/material3-dark.css +3082 -0
- package/styles/material3-dark.scss +3 -0
- package/styles/material3.css +3138 -0
- package/styles/material3.scss +3 -0
- package/styles/rich-text-editor/_bootstrap-dark-definition.scss +54 -12
- package/styles/rich-text-editor/_bootstrap-definition.scss +57 -13
- package/styles/rich-text-editor/_bootstrap4-definition.scss +50 -7
- package/styles/rich-text-editor/_bootstrap5-definition.scss +56 -13
- package/styles/rich-text-editor/_fabric-dark-definition.scss +53 -10
- package/styles/rich-text-editor/_fabric-definition.scss +52 -9
- package/styles/rich-text-editor/_fluent-definition.scss +56 -15
- package/styles/rich-text-editor/_fusionnew-definition.scss +46 -4
- package/styles/rich-text-editor/_highcontrast-definition.scss +52 -9
- package/styles/rich-text-editor/_highcontrast-light-definition.scss +48 -5
- package/styles/rich-text-editor/_layout.scss +280 -68
- package/styles/rich-text-editor/_material-dark-definition.scss +48 -5
- package/styles/rich-text-editor/_material-definition.scss +50 -6
- package/styles/rich-text-editor/_material3-dark-definition.scss +1 -0
- package/styles/rich-text-editor/_material3-definition.scss +262 -0
- package/styles/rich-text-editor/_tailwind-definition.scss +63 -23
- package/styles/rich-text-editor/_theme.scss +103 -19
- package/styles/rich-text-editor/bootstrap-dark.css +299 -137
- package/styles/rich-text-editor/bootstrap.css +305 -140
- package/styles/rich-text-editor/bootstrap4.css +304 -133
- package/styles/rich-text-editor/bootstrap5-dark.css +310 -165
- package/styles/rich-text-editor/bootstrap5.css +310 -165
- package/styles/rich-text-editor/fabric-dark.css +297 -136
- package/styles/rich-text-editor/fabric.css +294 -133
- package/styles/rich-text-editor/fluent-dark.css +311 -170
- package/styles/rich-text-editor/fluent.css +311 -170
- package/styles/rich-text-editor/highcontrast-light.css +289 -128
- package/styles/rich-text-editor/highcontrast.css +296 -135
- package/styles/rich-text-editor/icons/_bootstrap-dark.scss +1 -1
- package/styles/rich-text-editor/icons/_bootstrap.scss +1 -1
- package/styles/rich-text-editor/icons/_bootstrap4.scss +1 -1
- package/styles/rich-text-editor/icons/_bootstrap5.scss +1 -1
- package/styles/rich-text-editor/icons/_fabric-dark.scss +1 -1
- package/styles/rich-text-editor/icons/_fabric.scss +1 -1
- package/styles/rich-text-editor/icons/_fluent.scss +1 -1
- package/styles/rich-text-editor/icons/_fusionnew.scss +1 -1
- package/styles/rich-text-editor/icons/_highcontrast-light.scss +1 -1
- package/styles/rich-text-editor/icons/_highcontrast.scss +1 -1
- package/styles/rich-text-editor/icons/_material-dark.scss +1 -1
- package/styles/rich-text-editor/icons/_material.scss +1 -1
- package/styles/rich-text-editor/icons/_material3-dark.scss +1 -0
- package/styles/rich-text-editor/icons/_material3.scss +1 -1
- package/styles/rich-text-editor/icons/_tailwind.scss +1 -1
- package/styles/rich-text-editor/material-dark.css +295 -129
- package/styles/rich-text-editor/material.css +300 -134
- package/styles/rich-text-editor/material3-dark.css +3082 -0
- package/styles/rich-text-editor/material3-dark.scss +5 -0
- package/styles/rich-text-editor/material3.css +3138 -0
- package/styles/rich-text-editor/material3.scss +5 -0
- package/styles/rich-text-editor/tailwind-dark.css +313 -157
- package/styles/rich-text-editor/tailwind.css +313 -157
- package/styles/tailwind-dark.css +313 -157
- package/styles/tailwind.css +313 -157
- package/schematics/collection.json +0 -40
- package/schematics/generators/richtexteditor-iframe/index.d.ts +0 -3
- package/schematics/generators/richtexteditor-iframe/index.js +0 -8
- package/schematics/generators/richtexteditor-iframe/sample-details.d.ts +0 -5
- package/schematics/generators/richtexteditor-iframe/sample-details.js +0 -7
- package/schematics/generators/richtexteditor-iframe/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/richtexteditor-iframe/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -44
- package/schematics/generators/richtexteditor-iframe/schema.d.ts +0 -3
- package/schematics/generators/richtexteditor-iframe/schema.js +0 -2
- package/schematics/generators/richtexteditor-iframe/schema.json +0 -125
- package/schematics/generators/richtexteditor-inline/index.d.ts +0 -3
- package/schematics/generators/richtexteditor-inline/index.js +0 -8
- package/schematics/generators/richtexteditor-inline/sample-details.d.ts +0 -5
- package/schematics/generators/richtexteditor-inline/sample-details.js +0 -7
- package/schematics/generators/richtexteditor-inline/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/richtexteditor-inline/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -10
- package/schematics/generators/richtexteditor-inline/schema.d.ts +0 -3
- package/schematics/generators/richtexteditor-inline/schema.js +0 -2
- package/schematics/generators/richtexteditor-inline/schema.json +0 -125
- package/schematics/generators/richtexteditor-markdown/index.d.ts +0 -3
- package/schematics/generators/richtexteditor-markdown/index.js +0 -8
- package/schematics/generators/richtexteditor-markdown/sample-details.d.ts +0 -5
- package/schematics/generators/richtexteditor-markdown/sample-details.js +0 -7
- package/schematics/generators/richtexteditor-markdown/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/richtexteditor-markdown/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -13
- package/schematics/generators/richtexteditor-markdown/schema.d.ts +0 -3
- package/schematics/generators/richtexteditor-markdown/schema.js +0 -2
- package/schematics/generators/richtexteditor-markdown/schema.json +0 -125
- package/schematics/generators/richtexteditor-overview/images/__path__/__name@dasherize__/RTEImage-Feather.png +0 -0
- package/schematics/generators/richtexteditor-overview/index.d.ts +0 -3
- package/schematics/generators/richtexteditor-overview/index.js +0 -8
- package/schematics/generators/richtexteditor-overview/sample-details.d.ts +0 -5
- package/schematics/generators/richtexteditor-overview/sample-details.js +0 -7
- package/schematics/generators/richtexteditor-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/richtexteditor-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -47
- package/schematics/generators/richtexteditor-overview/schema.d.ts +0 -3
- package/schematics/generators/richtexteditor-overview/schema.js +0 -2
- package/schematics/generators/richtexteditor-overview/schema.json +0 -125
- package/schematics/generators/richtexteditor-reactform/index.d.ts +0 -3
- package/schematics/generators/richtexteditor-reactform/index.js +0 -8
- package/schematics/generators/richtexteditor-reactform/sample-details.d.ts +0 -5
- package/schematics/generators/richtexteditor-reactform/sample-details.js +0 -7
- package/schematics/generators/richtexteditor-reactform/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/richtexteditor-reactform/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -20
- package/schematics/generators/richtexteditor-reactform/schema.d.ts +0 -3
- package/schematics/generators/richtexteditor-reactform/schema.js +0 -2
- package/schematics/generators/richtexteditor-reactform/schema.json +0 -125
- package/schematics/generators/richtexteditor-templatedriven/index.d.ts +0 -3
- package/schematics/generators/richtexteditor-templatedriven/index.js +0 -8
- package/schematics/generators/richtexteditor-templatedriven/sample-details.d.ts +0 -5
- package/schematics/generators/richtexteditor-templatedriven/sample-details.js +0 -7
- package/schematics/generators/richtexteditor-templatedriven/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/richtexteditor-templatedriven/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -19
- package/schematics/generators/richtexteditor-templatedriven/schema.d.ts +0 -3
- package/schematics/generators/richtexteditor-templatedriven/schema.js +0 -2
- package/schematics/generators/richtexteditor-templatedriven/schema.json +0 -125
- package/schematics/ng-add/index.d.ts +0 -3
- package/schematics/ng-add/index.js +0 -9
- package/schematics/ng-add/schema.d.ts +0 -13
- package/schematics/ng-add/schema.js +0 -2
- package/schematics/ng-add/schema.json +0 -34
- package/schematics/tsconfig.json +0 -25
- package/schematics/utils/lib-details.d.ts +0 -4
- package/schematics/utils/lib-details.js +0 -6
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
<div class="control-section">
|
|
2
|
-
<div id='inline-rte'>
|
|
3
|
-
<h4>Overview RTE</h4>
|
|
4
|
-
<ejs-richtexteditor #toolsRTE id='alltoolRTE' [toolbarSettings]='tools' [showCharCount]='true' [maxLength]='maxLength'>
|
|
5
|
-
<ng-template #valueTemplate>
|
|
6
|
-
<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>
|
|
7
|
-
|
|
8
|
-
<p><b>Toolbar</b></p>
|
|
9
|
-
<ol>
|
|
10
|
-
<li>
|
|
11
|
-
<p>Toolbar contains commands to align the text, insert link, insert image, insert list, undo/redo operations, HTML view, etc </p>
|
|
12
|
-
</li>
|
|
13
|
-
<li>
|
|
14
|
-
<p>Toolbar is fully customizable </p>
|
|
15
|
-
</li>
|
|
16
|
-
</ol>
|
|
17
|
-
|
|
18
|
-
<p><b>Links</b></p>
|
|
19
|
-
<ol>
|
|
20
|
-
<li>
|
|
21
|
-
<p>You can insert a hyperlink with its corresponding dialog </p>
|
|
22
|
-
</li>
|
|
23
|
-
<li>
|
|
24
|
-
<p>Attach a hyperlink to the displayed text. </p>
|
|
25
|
-
</li>
|
|
26
|
-
<li>
|
|
27
|
-
<p>Customize the quick toolbar based on the hyperlink </p>
|
|
28
|
-
</li>
|
|
29
|
-
</ol>
|
|
30
|
-
|
|
31
|
-
<p><b>Image.</b></p>
|
|
32
|
-
<ol>
|
|
33
|
-
<li>
|
|
34
|
-
<p>Allows you to insert images from an online source as well as the local computer </p>
|
|
35
|
-
</li>
|
|
36
|
-
<li>
|
|
37
|
-
<p>You can upload an image </p>
|
|
38
|
-
</li>
|
|
39
|
-
<li>
|
|
40
|
-
<p>Provides an option to customize quick toolbar for an image </p>
|
|
41
|
-
</li>
|
|
42
|
-
</ol>
|
|
43
|
-
<img alt="Logo" src="/assets/richtexteditor/overview/RTEImage-Feather.png" style="width: 300px;">
|
|
44
|
-
</ng-template>
|
|
45
|
-
</ejs-richtexteditor>
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/schema",
|
|
3
|
-
"$id": "EJ2SchemaTemplateID",
|
|
4
|
-
"title": "richtexteditor-overview",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"path": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"format": "path",
|
|
10
|
-
"description": "The path to create the component.",
|
|
11
|
-
"visible": false
|
|
12
|
-
},
|
|
13
|
-
"project": {
|
|
14
|
-
"type": "string",
|
|
15
|
-
"description": "The name of the project.",
|
|
16
|
-
"$default": {
|
|
17
|
-
"$source": "projectName"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"name": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"description": "The name of the component.",
|
|
23
|
-
"$default": {
|
|
24
|
-
"$source": "argv",
|
|
25
|
-
"index": 0
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"inlineStyle": {
|
|
29
|
-
"description": "Specifies if the style will be in the ts file.",
|
|
30
|
-
"type": "boolean",
|
|
31
|
-
"default": false,
|
|
32
|
-
"alias": "s"
|
|
33
|
-
},
|
|
34
|
-
"inlineTemplate": {
|
|
35
|
-
"description": "Specifies if the template will be in the ts file.",
|
|
36
|
-
"type": "boolean",
|
|
37
|
-
"default": false,
|
|
38
|
-
"alias": "t"
|
|
39
|
-
},
|
|
40
|
-
"viewEncapsulation": {
|
|
41
|
-
"description": "Specifies the view encapsulation strategy.",
|
|
42
|
-
"enum": [
|
|
43
|
-
"Emulated",
|
|
44
|
-
"Native",
|
|
45
|
-
"None",
|
|
46
|
-
"ShadowDom"
|
|
47
|
-
],
|
|
48
|
-
"type": "string",
|
|
49
|
-
"alias": "v"
|
|
50
|
-
},
|
|
51
|
-
"changeDetection": {
|
|
52
|
-
"description": "Specifies the change detection strategy.",
|
|
53
|
-
"enum": [
|
|
54
|
-
"Default",
|
|
55
|
-
"OnPush"
|
|
56
|
-
],
|
|
57
|
-
"type": "string",
|
|
58
|
-
"default": "Default",
|
|
59
|
-
"alias": "c"
|
|
60
|
-
},
|
|
61
|
-
"prefix": {
|
|
62
|
-
"type": "string",
|
|
63
|
-
"description": "The prefix to apply to generated selectors.",
|
|
64
|
-
"alias": "p",
|
|
65
|
-
"oneOf": [
|
|
66
|
-
{
|
|
67
|
-
"maxLength": 0
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"minLength": 1,
|
|
71
|
-
"format": "html-selector"
|
|
72
|
-
}
|
|
73
|
-
]
|
|
74
|
-
},
|
|
75
|
-
"styleext": {
|
|
76
|
-
"description": "The file extension to be used for style files.",
|
|
77
|
-
"type": "string",
|
|
78
|
-
"default": "css"
|
|
79
|
-
},
|
|
80
|
-
"spec": {
|
|
81
|
-
"type": "boolean",
|
|
82
|
-
"description": "Specifies if a spec file is generated.",
|
|
83
|
-
"default": true
|
|
84
|
-
},
|
|
85
|
-
"flat": {
|
|
86
|
-
"type": "boolean",
|
|
87
|
-
"description": "Flag to indicate if a dir is created.",
|
|
88
|
-
"default": false
|
|
89
|
-
},
|
|
90
|
-
"skipImport": {
|
|
91
|
-
"type": "boolean",
|
|
92
|
-
"description": "Flag to skip the module import.",
|
|
93
|
-
"default": false
|
|
94
|
-
},
|
|
95
|
-
"selector": {
|
|
96
|
-
"type": "string",
|
|
97
|
-
"format": "html-selector",
|
|
98
|
-
"description": "The selector to use for the component."
|
|
99
|
-
},
|
|
100
|
-
"module": {
|
|
101
|
-
"type": "string",
|
|
102
|
-
"description": "Allows specification of the declaring module.",
|
|
103
|
-
"alias": "m"
|
|
104
|
-
},
|
|
105
|
-
"export": {
|
|
106
|
-
"type": "boolean",
|
|
107
|
-
"default": false,
|
|
108
|
-
"description": "Specifies if declaring module exports the component."
|
|
109
|
-
},
|
|
110
|
-
"entryComponent": {
|
|
111
|
-
"type": "boolean",
|
|
112
|
-
"default": false,
|
|
113
|
-
"description": "Specifies if the component is an entry component of declaring module."
|
|
114
|
-
},
|
|
115
|
-
"lintFix": {
|
|
116
|
-
"type": "boolean",
|
|
117
|
-
"default": false,
|
|
118
|
-
"description": "Specifies whether to apply lint fixes after generating the component."
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
"required": [
|
|
122
|
-
"name"
|
|
123
|
-
],
|
|
124
|
-
"id": "richtexteditor-overview"
|
|
125
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
|
|
4
|
-
const sampleDetails = require("./sample-details");
|
|
5
|
-
function default_1(options) {
|
|
6
|
-
return schematics_1.componentBuilder(options, sampleDetails);
|
|
7
|
-
}
|
|
8
|
-
exports.default = default_1;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.componentName = 'richtexteditor';
|
|
4
|
-
exports.sampleName = 'reactform';
|
|
5
|
-
exports.diModules = 'ToolbarService,LinkService,ImageService,HtmlEditorService';
|
|
6
|
-
exports.packageName = '@syncfusion/ej2-angular-richtexteditor';
|
|
7
|
-
exports.libModules = 'RichTextEditorModule';
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
<div class="control-section">
|
|
2
|
-
<div id='inline-rte'>
|
|
3
|
-
<h4>Reactive Form RTE</h4>
|
|
4
|
-
<form [formGroup]="rteForm" (ngSubmit)="onSubmit()">
|
|
5
|
-
<div class="form-group">
|
|
6
|
-
<ejs-richtexteditor #fromRTE formControlName="name" (created)="rteCreated()">
|
|
7
|
-
</ejs-richtexteditor>
|
|
8
|
-
<div *ngIf="rteForm.invalid && (rteForm.controls.name.dirty || rteForm.controls.name.touched)" class="alert alert-danger">
|
|
9
|
-
<div *ngIf="rteForm.controls.name.errors.required">
|
|
10
|
-
Value is required.
|
|
11
|
-
</div>
|
|
12
|
-
</div>
|
|
13
|
-
</div>
|
|
14
|
-
<div class="form-group">
|
|
15
|
-
<button type="submit">Submit</button>
|
|
16
|
-
<button type="reset" (click)="rteForm.reset()" style="margin-left: 20px">Reset</button>
|
|
17
|
-
</div>
|
|
18
|
-
</form>
|
|
19
|
-
</div>
|
|
20
|
-
</div>
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/schema",
|
|
3
|
-
"$id": "EJ2SchemaTemplateID",
|
|
4
|
-
"title": "richtexteditor-reactform",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"path": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"format": "path",
|
|
10
|
-
"description": "The path to create the component.",
|
|
11
|
-
"visible": false
|
|
12
|
-
},
|
|
13
|
-
"project": {
|
|
14
|
-
"type": "string",
|
|
15
|
-
"description": "The name of the project.",
|
|
16
|
-
"$default": {
|
|
17
|
-
"$source": "projectName"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"name": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"description": "The name of the component.",
|
|
23
|
-
"$default": {
|
|
24
|
-
"$source": "argv",
|
|
25
|
-
"index": 0
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"inlineStyle": {
|
|
29
|
-
"description": "Specifies if the style will be in the ts file.",
|
|
30
|
-
"type": "boolean",
|
|
31
|
-
"default": false,
|
|
32
|
-
"alias": "s"
|
|
33
|
-
},
|
|
34
|
-
"inlineTemplate": {
|
|
35
|
-
"description": "Specifies if the template will be in the ts file.",
|
|
36
|
-
"type": "boolean",
|
|
37
|
-
"default": false,
|
|
38
|
-
"alias": "t"
|
|
39
|
-
},
|
|
40
|
-
"viewEncapsulation": {
|
|
41
|
-
"description": "Specifies the view encapsulation strategy.",
|
|
42
|
-
"enum": [
|
|
43
|
-
"Emulated",
|
|
44
|
-
"Native",
|
|
45
|
-
"None",
|
|
46
|
-
"ShadowDom"
|
|
47
|
-
],
|
|
48
|
-
"type": "string",
|
|
49
|
-
"alias": "v"
|
|
50
|
-
},
|
|
51
|
-
"changeDetection": {
|
|
52
|
-
"description": "Specifies the change detection strategy.",
|
|
53
|
-
"enum": [
|
|
54
|
-
"Default",
|
|
55
|
-
"OnPush"
|
|
56
|
-
],
|
|
57
|
-
"type": "string",
|
|
58
|
-
"default": "Default",
|
|
59
|
-
"alias": "c"
|
|
60
|
-
},
|
|
61
|
-
"prefix": {
|
|
62
|
-
"type": "string",
|
|
63
|
-
"description": "The prefix to apply to generated selectors.",
|
|
64
|
-
"alias": "p",
|
|
65
|
-
"oneOf": [
|
|
66
|
-
{
|
|
67
|
-
"maxLength": 0
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"minLength": 1,
|
|
71
|
-
"format": "html-selector"
|
|
72
|
-
}
|
|
73
|
-
]
|
|
74
|
-
},
|
|
75
|
-
"styleext": {
|
|
76
|
-
"description": "The file extension to be used for style files.",
|
|
77
|
-
"type": "string",
|
|
78
|
-
"default": "css"
|
|
79
|
-
},
|
|
80
|
-
"spec": {
|
|
81
|
-
"type": "boolean",
|
|
82
|
-
"description": "Specifies if a spec file is generated.",
|
|
83
|
-
"default": true
|
|
84
|
-
},
|
|
85
|
-
"flat": {
|
|
86
|
-
"type": "boolean",
|
|
87
|
-
"description": "Flag to indicate if a dir is created.",
|
|
88
|
-
"default": false
|
|
89
|
-
},
|
|
90
|
-
"skipImport": {
|
|
91
|
-
"type": "boolean",
|
|
92
|
-
"description": "Flag to skip the module import.",
|
|
93
|
-
"default": false
|
|
94
|
-
},
|
|
95
|
-
"selector": {
|
|
96
|
-
"type": "string",
|
|
97
|
-
"format": "html-selector",
|
|
98
|
-
"description": "The selector to use for the component."
|
|
99
|
-
},
|
|
100
|
-
"module": {
|
|
101
|
-
"type": "string",
|
|
102
|
-
"description": "Allows specification of the declaring module.",
|
|
103
|
-
"alias": "m"
|
|
104
|
-
},
|
|
105
|
-
"export": {
|
|
106
|
-
"type": "boolean",
|
|
107
|
-
"default": false,
|
|
108
|
-
"description": "Specifies if declaring module exports the component."
|
|
109
|
-
},
|
|
110
|
-
"entryComponent": {
|
|
111
|
-
"type": "boolean",
|
|
112
|
-
"default": false,
|
|
113
|
-
"description": "Specifies if the component is an entry component of declaring module."
|
|
114
|
-
},
|
|
115
|
-
"lintFix": {
|
|
116
|
-
"type": "boolean",
|
|
117
|
-
"default": false,
|
|
118
|
-
"description": "Specifies whether to apply lint fixes after generating the component."
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
"required": [
|
|
122
|
-
"name"
|
|
123
|
-
],
|
|
124
|
-
"id": "richtexteditor-reactform"
|
|
125
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
|
|
4
|
-
const sampleDetails = require("./sample-details");
|
|
5
|
-
function default_1(options) {
|
|
6
|
-
return schematics_1.componentBuilder(options, sampleDetails);
|
|
7
|
-
}
|
|
8
|
-
exports.default = default_1;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.componentName = 'richtexteditor';
|
|
4
|
-
exports.sampleName = 'templatedriven';
|
|
5
|
-
exports.diModules = 'ToolbarService,LinkService,ImageService,HtmlEditorService';
|
|
6
|
-
exports.packageName = '@syncfusion/ej2-angular-richtexteditor';
|
|
7
|
-
exports.libModules = 'RichTextEditorModule';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<div class="control-section">
|
|
2
|
-
<div id='inline-rte'>
|
|
3
|
-
<h4>Template form RTE</h4>
|
|
4
|
-
<form (ngSubmit)="onSubmit()">
|
|
5
|
-
<div class="form-group">
|
|
6
|
-
<ejs-richtexteditor #fromRTE #name='ngModel' [(value)]='value' required name="name" [(ngModel)]="value" (created)="rteCreated()"></ejs-richtexteditor>
|
|
7
|
-
<div *ngIf="(name.invalid && (name.dirty || name.touched))" class="alert alert-danger">
|
|
8
|
-
<div *ngIf="name.errors.required">
|
|
9
|
-
Value is required.
|
|
10
|
-
</div>
|
|
11
|
-
</div>
|
|
12
|
-
</div>
|
|
13
|
-
<div>
|
|
14
|
-
<button type="submit" ejs-button>Submit</button>
|
|
15
|
-
<button type="reset" ejs-button style="margin-left: 20px">Reset</button>
|
|
16
|
-
</div>
|
|
17
|
-
</form>
|
|
18
|
-
</div>
|
|
19
|
-
</div>
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/schema",
|
|
3
|
-
"$id": "EJ2SchemaTemplateID",
|
|
4
|
-
"title": "richtexteditor-templatedriven",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"path": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"format": "path",
|
|
10
|
-
"description": "The path to create the component.",
|
|
11
|
-
"visible": false
|
|
12
|
-
},
|
|
13
|
-
"project": {
|
|
14
|
-
"type": "string",
|
|
15
|
-
"description": "The name of the project.",
|
|
16
|
-
"$default": {
|
|
17
|
-
"$source": "projectName"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"name": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"description": "The name of the component.",
|
|
23
|
-
"$default": {
|
|
24
|
-
"$source": "argv",
|
|
25
|
-
"index": 0
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"inlineStyle": {
|
|
29
|
-
"description": "Specifies if the style will be in the ts file.",
|
|
30
|
-
"type": "boolean",
|
|
31
|
-
"default": false,
|
|
32
|
-
"alias": "s"
|
|
33
|
-
},
|
|
34
|
-
"inlineTemplate": {
|
|
35
|
-
"description": "Specifies if the template will be in the ts file.",
|
|
36
|
-
"type": "boolean",
|
|
37
|
-
"default": false,
|
|
38
|
-
"alias": "t"
|
|
39
|
-
},
|
|
40
|
-
"viewEncapsulation": {
|
|
41
|
-
"description": "Specifies the view encapsulation strategy.",
|
|
42
|
-
"enum": [
|
|
43
|
-
"Emulated",
|
|
44
|
-
"Native",
|
|
45
|
-
"None",
|
|
46
|
-
"ShadowDom"
|
|
47
|
-
],
|
|
48
|
-
"type": "string",
|
|
49
|
-
"alias": "v"
|
|
50
|
-
},
|
|
51
|
-
"changeDetection": {
|
|
52
|
-
"description": "Specifies the change detection strategy.",
|
|
53
|
-
"enum": [
|
|
54
|
-
"Default",
|
|
55
|
-
"OnPush"
|
|
56
|
-
],
|
|
57
|
-
"type": "string",
|
|
58
|
-
"default": "Default",
|
|
59
|
-
"alias": "c"
|
|
60
|
-
},
|
|
61
|
-
"prefix": {
|
|
62
|
-
"type": "string",
|
|
63
|
-
"description": "The prefix to apply to generated selectors.",
|
|
64
|
-
"alias": "p",
|
|
65
|
-
"oneOf": [
|
|
66
|
-
{
|
|
67
|
-
"maxLength": 0
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"minLength": 1,
|
|
71
|
-
"format": "html-selector"
|
|
72
|
-
}
|
|
73
|
-
]
|
|
74
|
-
},
|
|
75
|
-
"styleext": {
|
|
76
|
-
"description": "The file extension to be used for style files.",
|
|
77
|
-
"type": "string",
|
|
78
|
-
"default": "css"
|
|
79
|
-
},
|
|
80
|
-
"spec": {
|
|
81
|
-
"type": "boolean",
|
|
82
|
-
"description": "Specifies if a spec file is generated.",
|
|
83
|
-
"default": true
|
|
84
|
-
},
|
|
85
|
-
"flat": {
|
|
86
|
-
"type": "boolean",
|
|
87
|
-
"description": "Flag to indicate if a dir is created.",
|
|
88
|
-
"default": false
|
|
89
|
-
},
|
|
90
|
-
"skipImport": {
|
|
91
|
-
"type": "boolean",
|
|
92
|
-
"description": "Flag to skip the module import.",
|
|
93
|
-
"default": false
|
|
94
|
-
},
|
|
95
|
-
"selector": {
|
|
96
|
-
"type": "string",
|
|
97
|
-
"format": "html-selector",
|
|
98
|
-
"description": "The selector to use for the component."
|
|
99
|
-
},
|
|
100
|
-
"module": {
|
|
101
|
-
"type": "string",
|
|
102
|
-
"description": "Allows specification of the declaring module.",
|
|
103
|
-
"alias": "m"
|
|
104
|
-
},
|
|
105
|
-
"export": {
|
|
106
|
-
"type": "boolean",
|
|
107
|
-
"default": false,
|
|
108
|
-
"description": "Specifies if declaring module exports the component."
|
|
109
|
-
},
|
|
110
|
-
"entryComponent": {
|
|
111
|
-
"type": "boolean",
|
|
112
|
-
"default": false,
|
|
113
|
-
"description": "Specifies if the component is an entry component of declaring module."
|
|
114
|
-
},
|
|
115
|
-
"lintFix": {
|
|
116
|
-
"type": "boolean",
|
|
117
|
-
"default": false,
|
|
118
|
-
"description": "Specifies whether to apply lint fixes after generating the component."
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
"required": [
|
|
122
|
-
"name"
|
|
123
|
-
],
|
|
124
|
-
"id": "richtexteditor-templatedriven"
|
|
125
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const lib_details_1 = require("./../utils/lib-details");
|
|
4
|
-
const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
|
|
5
|
-
function default_1(options) {
|
|
6
|
-
const libOptions = Object.assign({}, { 'pkgName': lib_details_1.pkgName, 'pkgVer': lib_details_1.pkgVer, 'moduleName': lib_details_1.moduleName, 'themeVer': lib_details_1.themeVer });
|
|
7
|
-
return schematics_1.install(options, libOptions);
|
|
8
|
-
}
|
|
9
|
-
exports.default = default_1;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export interface OptionsSchema {
|
|
2
|
-
skipPackageJson: boolean;
|
|
3
|
-
modules: string;
|
|
4
|
-
modulePath: string;
|
|
5
|
-
theme: 'material' | 'fabric' | 'bootstrap' | 'highcontrast';
|
|
6
|
-
project?: string;
|
|
7
|
-
}
|
|
8
|
-
export interface LibOptionsSchema {
|
|
9
|
-
pkgName: string;
|
|
10
|
-
pkgVer: string;
|
|
11
|
-
moduleName: string;
|
|
12
|
-
themeVer: string;
|
|
13
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/schema",
|
|
3
|
-
"$id": "ngAdd",
|
|
4
|
-
"title": "Add Essential JS 2 Angular packages",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"skipPackageJson": {
|
|
8
|
-
"type": "boolean",
|
|
9
|
-
"default": false,
|
|
10
|
-
"description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
|
|
11
|
-
},
|
|
12
|
-
"modules": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"default": "",
|
|
15
|
-
"description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
|
|
16
|
-
},
|
|
17
|
-
"modulePath": {
|
|
18
|
-
"type": "string",
|
|
19
|
-
"default": "",
|
|
20
|
-
"description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
|
|
21
|
-
},
|
|
22
|
-
"theme": {
|
|
23
|
-
"enum": [
|
|
24
|
-
"material",
|
|
25
|
-
"fabric",
|
|
26
|
-
"bootstrap",
|
|
27
|
-
"highcontrast"
|
|
28
|
-
],
|
|
29
|
-
"default": "material",
|
|
30
|
-
"description": "Used to change the theme that needs to be imported"
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
"required": []
|
|
34
|
-
}
|
package/schematics/tsconfig.json
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"compilerOptions": {
|
|
3
|
-
"lib": ["es2017", "dom"],
|
|
4
|
-
"module": "commonjs",
|
|
5
|
-
"moduleResolution": "node",
|
|
6
|
-
"noEmitOnError": false,
|
|
7
|
-
"skipDefaultLibCheck": true,
|
|
8
|
-
"skipLibCheck": true,
|
|
9
|
-
"sourceMap": true,
|
|
10
|
-
"target": "es6",
|
|
11
|
-
"declaration": true,
|
|
12
|
-
"types": [
|
|
13
|
-
"jasmine",
|
|
14
|
-
"node"
|
|
15
|
-
]
|
|
16
|
-
},
|
|
17
|
-
"exclude": [
|
|
18
|
-
"node_modules",
|
|
19
|
-
"src",
|
|
20
|
-
"src/**/*.ts",
|
|
21
|
-
"spec",
|
|
22
|
-
"spec/**/*.ts",
|
|
23
|
-
"@typings"
|
|
24
|
-
]
|
|
25
|
-
}
|