@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,40 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
|
|
3
|
-
"schematics": {
|
|
4
|
-
"ng-add": {
|
|
5
|
-
"description": "Adds Essential JS 2 specific Angular package to an application",
|
|
6
|
-
"factory": "./ng-add",
|
|
7
|
-
"schema": "./ng-add/schema.json"
|
|
8
|
-
},
|
|
9
|
-
"richtexteditor-iframe": {
|
|
10
|
-
"description": "Create an Angular RichTextEditor component with iframe feature",
|
|
11
|
-
"factory": "./generators/richtexteditor-iframe",
|
|
12
|
-
"schema": "./generators/richtexteditor-iframe/schema.json"
|
|
13
|
-
},
|
|
14
|
-
"richtexteditor-inline": {
|
|
15
|
-
"description": "Create an Angular RichTextEditor component with inline feature",
|
|
16
|
-
"factory": "./generators/richtexteditor-inline",
|
|
17
|
-
"schema": "./generators/richtexteditor-inline/schema.json"
|
|
18
|
-
},
|
|
19
|
-
"richtexteditor-markdown": {
|
|
20
|
-
"description": "Create an Angular RichTextEditor component with markdown feature",
|
|
21
|
-
"factory": "./generators/richtexteditor-markdown",
|
|
22
|
-
"schema": "./generators/richtexteditor-markdown/schema.json"
|
|
23
|
-
},
|
|
24
|
-
"richtexteditor-overview": {
|
|
25
|
-
"description": "Create an Angular RichTextEditor component with all tools",
|
|
26
|
-
"factory": "./generators/richtexteditor-overview",
|
|
27
|
-
"schema": "./generators/richtexteditor-overview/schema.json"
|
|
28
|
-
},
|
|
29
|
-
"richtexteditor-reactform": {
|
|
30
|
-
"description": "Create an Angular RichTextEditor component with reactive form",
|
|
31
|
-
"factory": "./generators/richtexteditor-reactform",
|
|
32
|
-
"schema": "./generators/richtexteditor-reactform/schema.json"
|
|
33
|
-
},
|
|
34
|
-
"richtexteditor-templatedriven": {
|
|
35
|
-
"description": "Create an Angular RichTextEditor component with template form",
|
|
36
|
-
"factory": "./generators/richtexteditor-templatedriven",
|
|
37
|
-
"schema": "./generators/richtexteditor-templatedriven/schema.json"
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
@@ -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 = 'iframe';
|
|
5
|
-
exports.diModules = 'ToolbarService,LinkService,ImageService,HtmlEditorService';
|
|
6
|
-
exports.packageName = '@syncfusion/ej2-angular-richtexteditor';
|
|
7
|
-
exports.libModules = 'RichTextEditorModule';
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
<div class="control-section">
|
|
2
|
-
<div id='iframe-rte'>
|
|
3
|
-
<h4>Iframe RTE</h4>
|
|
4
|
-
<ejs-richtexteditor #iframeRTE id='iframeRTE' [toolbarSettings]='tools' [iframeSettings]='iframe' [height]='height'>
|
|
5
|
-
<ng-template #valueTemplate>
|
|
6
|
-
<p>The rich text editor component is WYSIWYG ("what you see is what you get") editor that provides the best user experience to create and update the content.
|
|
7
|
-
Users can format their content using standard toolbar commands.</p>
|
|
8
|
-
<p><b>Key features:</b></p>
|
|
9
|
-
<ul>
|
|
10
|
-
<li>
|
|
11
|
-
<p>Provides <IFRAME> and <DIV> modes</p>
|
|
12
|
-
</li>
|
|
13
|
-
<li>
|
|
14
|
-
<p>Capable of handling markdown editing.</p>
|
|
15
|
-
</li>
|
|
16
|
-
<li>
|
|
17
|
-
<p>Contains a modular library to load the necessary functionality on demand.</p>
|
|
18
|
-
</li>
|
|
19
|
-
<li>
|
|
20
|
-
<p>Provides a fully customizable toolbar.</p>
|
|
21
|
-
</li>
|
|
22
|
-
<li>
|
|
23
|
-
<p>Provides HTML view to edit the source directly for developers.</p>
|
|
24
|
-
</li>
|
|
25
|
-
<li>
|
|
26
|
-
<p>Supports third-party library integration.</p>
|
|
27
|
-
</li>
|
|
28
|
-
<li>
|
|
29
|
-
<p>Allows preview of modified content before saving it.</p>
|
|
30
|
-
</li>
|
|
31
|
-
<li>
|
|
32
|
-
<p>Handles images, hyperlinks, video, hyperlinks, uploads, etc.</p>
|
|
33
|
-
</li>
|
|
34
|
-
<li>
|
|
35
|
-
<p>Contains undo/redo manager.</p>
|
|
36
|
-
</li>
|
|
37
|
-
<li>
|
|
38
|
-
<p>Creates bulleted and numbered lists.</p>
|
|
39
|
-
</li>
|
|
40
|
-
</ul>
|
|
41
|
-
</ng-template>
|
|
42
|
-
</ejs-richtexteditor>
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/schema",
|
|
3
|
-
"$id": "EJ2SchemaTemplateID",
|
|
4
|
-
"title": "richtexteditor-iframe",
|
|
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-iframe"
|
|
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 = 'inline';
|
|
5
|
-
exports.diModules = 'ToolbarService,LinkService,ImageService,HtmlEditorService,QuickToolbarService';
|
|
6
|
-
exports.packageName = '@syncfusion/ej2-angular-richtexteditor';
|
|
7
|
-
exports.libModules = 'RichTextEditorModule';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
<div class="control-section">
|
|
2
|
-
<div id='inline-rte'>
|
|
3
|
-
<h4>Inline RTE</h4>
|
|
4
|
-
<ejs-richtexteditor id='inlineRTE' #inlineRTE [inlineMode]='inlineMode' [toolbarSettings]='toolbarSettings' [format]='format' [fontFamily]='fontFamily'>
|
|
5
|
-
<ng-template #valueTemplate>
|
|
6
|
-
<p>The sample is configured with inline mode of editor. Initially, the editor is rendered without a <a href="https://ej2.syncfusion.com/home/" target="_blank">toolbar</a>. The toolbar becomes visible only when the content is selected.</p>
|
|
7
|
-
</ng-template>
|
|
8
|
-
</ejs-richtexteditor>
|
|
9
|
-
</div>
|
|
10
|
-
</div>
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/schema",
|
|
3
|
-
"$id": "EJ2SchemaTemplateID",
|
|
4
|
-
"title": "richtexteditor-inline",
|
|
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-inline"
|
|
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 = 'markdown';
|
|
5
|
-
exports.diModules = 'ToolbarService,LinkService,ImageService,MarkdownEditorService';
|
|
6
|
-
exports.packageName = '@syncfusion/ej2-angular-richtexteditor';
|
|
7
|
-
exports.libModules = 'RichTextEditorModule';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
<div class="control-section">
|
|
2
|
-
<div id='inline-rte'>
|
|
3
|
-
<h4>Markdown RTE</h4>
|
|
4
|
-
<ejs-richtexteditor id='mdDefault' #mdDefault height='250px' [toolbarSettings]='tools' [editorMode]='mode'>
|
|
5
|
-
<ng-template #valueTemplate>
|
|
6
|
-
The sample is added to showcase **markdown editing**.
|
|
7
|
-
Type or edit the content and apply formatting to view markdown formatted content.
|
|
8
|
-
We can add our own custom formation syntax for the Markdown formation, [sample link](https://ej2.syncfusion.com/home/).
|
|
9
|
-
The third-party library <b>Marked</b> is used in this sample to convert markdown into HTML content.
|
|
10
|
-
</ng-template>
|
|
11
|
-
</ejs-richtexteditor>
|
|
12
|
-
</div>
|
|
13
|
-
</div>
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/schema",
|
|
3
|
-
"$id": "EJ2SchemaTemplateID",
|
|
4
|
-
"title": "richtexteditor-markdown",
|
|
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-markdown"
|
|
125
|
-
}
|
|
Binary file
|
|
@@ -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 = 'overview';
|
|
5
|
-
exports.diModules = 'ToolbarService,LinkService,ImageService,HtmlEditorService,TableService';
|
|
6
|
-
exports.packageName = '@syncfusion/ej2-angular-richtexteditor';
|
|
7
|
-
exports.libModules = 'RichTextEditorModule';
|