Skip to content

Commit a5d75b8

Browse files
yanmariomenevyanmariomenev
committed
chore: add editor
1 parent e367fd1 commit a5d75b8

File tree

9 files changed

+401
-10
lines changed

9 files changed

+401
-10
lines changed

‎examples-standalone/kendoangular-landing-page/package-lock.json

Lines changed: 204 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎examples-standalone/kendoangular-landing-page/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
"@progress/kendo-angular-dateinputs": "18.5.2",
2727
"@progress/kendo-angular-dialog": "18.5.2",
2828
"@progress/kendo-angular-dropdowns": "18.5.2",
29+
"@progress/kendo-angular-editor": "^18.5.2",
2930
"@progress/kendo-angular-excel-export": "18.5.2",
3031
"@progress/kendo-angular-grid": "^18.5.2",
3132
"@progress/kendo-angular-icons": "18.5.2",

‎examples-standalone/kendoangular-landing-page/src/app/app.component.ts

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
1-
import { Component, ViewEncapsulation } from "@angular/core";
2-
import { RouterOutlet, RouterLink, RouterLinkActive } from "@angular/router";
1+
import { Component } from "@angular/core";
2+
import { RouterOutlet } from "@angular/router";
33

44
@Component({
55
selector: "app-root",
6-
encapsulation: ViewEncapsulation.None,
7-
imports: [RouterOutlet, RouterLink, RouterLinkActive],
6+
imports: [RouterOutlet],
87
templateUrl: "./app.component.html",
98
styleUrl: "./app.component.css",
109
})

‎examples-standalone/kendoangular-landing-page/src/app/app.routes.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,10 @@ export const routes: Routes = [
3838
(m) => m.ConversationalUiComponent
3939
),
4040
},
41+
{
42+
path: "editor",
43+
loadComponent: () => import("./components/editor/editor.component").then((m) => m.EditorComponent),
44+
},
4145
{ path: "home", redirectTo: "header", pathMatch: "full" },
4246
{ path: "", redirectTo: "header", pathMatch: "full" },
4347
];

‎examples-standalone/kendoangular-landing-page/src/app/components/editor/editor.component.css

Whitespace-only changes.

‎examples-standalone/kendoangular-landing-page/src/app/components/editor/editor.component.html

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<div style="display: flex; align-items: center; height: 420px">
2+
<kendo-editor [value]="value" style="height: 420px">
3+
<kendo-toolbar>
4+
<kendo-toolbar-buttongroup>
5+
<kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
6+
<kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
7+
<kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
8+
<kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>
9+
</kendo-toolbar-buttongroup>
10+
<kendo-toolbar-buttongroup>
11+
<kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>
12+
<kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>
13+
</kendo-toolbar-buttongroup>
14+
<kendo-toolbar-buttongroup>
15+
<kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>
16+
<kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>
17+
<kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>
18+
<kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>
19+
</kendo-toolbar-buttongroup>
20+
<kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
21+
<kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>
22+
<kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>
23+
<kendo-toolbar-colorpicker kendoEditorForeColor></kendo-toolbar-colorpicker>
24+
<kendo-toolbar-colorpicker kendoEditorBackColor view="gradient"></kendo-toolbar-colorpicker>
25+
<kendo-toolbar-buttongroup>
26+
<kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>
27+
<kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>
28+
<kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
29+
<kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>
30+
</kendo-toolbar-buttongroup>
31+
<kendo-toolbar-button kendoEditorBlockquoteButton></kendo-toolbar-button>
32+
<kendo-toolbar-button kendoEditorSelectAllButton></kendo-toolbar-button>
33+
<kendo-toolbar-buttongroup>
34+
<kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>
35+
<kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>
36+
</kendo-toolbar-buttongroup>
37+
<kendo-toolbar-buttongroup>
38+
<kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
39+
<kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
40+
</kendo-toolbar-buttongroup>
41+
<kendo-toolbar-button kendoEditorInsertFileButton></kendo-toolbar-button>
42+
<kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>
43+
<kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>
44+
<kendo-toolbar-button kendoEditorCleanFormattingButton></kendo-toolbar-button>
45+
<kendo-editor-insert-table-button></kendo-editor-insert-table-button>
46+
<kendo-toolbar-buttongroup>
47+
<kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>
48+
<kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>
49+
<kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>
50+
<kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>
51+
</kendo-toolbar-buttongroup>
52+
<kendo-toolbar-buttongroup>
53+
<kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>
54+
<kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>
55+
<kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>
56+
</kendo-toolbar-buttongroup>
57+
<kendo-toolbar-buttongroup>
58+
<kendo-toolbar-button kendoEditorMergeCellsButton></kendo-toolbar-button>
59+
<kendo-toolbar-button kendoEditorSplitCellButton></kendo-toolbar-button>
60+
</kendo-toolbar-buttongroup>
61+
<kendo-toolbar-button kendoEditorPrintButton></kendo-toolbar-button>
62+
</kendo-toolbar>
63+
</kendo-editor>
64+
</div>

‎examples-standalone/kendoangular-landing-page/src/app/components/editor/editor.component.spec.ts

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import { ComponentFixture, TestBed } from '@angular/core/testing';
2+
3+
import { EditorComponent } from './editor.component';
4+
5+
describe('EditorComponent', () => {
6+
let component: EditorComponent;
7+
let fixture: ComponentFixture<EditorComponent>;
8+
9+
beforeEach(async () => {
10+
await TestBed.configureTestingModule({
11+
imports: [EditorComponent]
12+
})
13+
.compileComponents();
14+
15+
fixture = TestBed.createComponent(EditorComponent);
16+
component = fixture.componentInstance;
17+
fixture.detectChanges();
18+
});
19+
20+
it('should create', () => {
21+
expect(component).toBeTruthy();
22+
});
23+
});

0 commit comments

Comments
 (0)