diff --git a/projects/demo/src/app/pages/anchors/examples/1/index.ts b/projects/demo/src/app/pages/anchors/examples/1/index.ts
index bdeba7999..2a2cff560 100644
--- a/projects/demo/src/app/pages/anchors/examples/1/index.ts
+++ b/projects/demo/src/app/pages/anchors/examples/1/index.ts
@@ -40,6 +40,6 @@ export default class ExampleComponent {
];
protected control = new FormControl(
- 'War and Peace (Russian: Война и мир, romanized: Voyna i mir; pre-reform Russian: Война и миръ; [vɐjˈna i ˈmʲir]) is a literary work by the Russian author Leo Tolstoy that mixes fictional narrative with chapters on history and philosophy. It was first published serially, then published in its entirety in 1869. It is regarded as Tolstoy\'s finest literary achievement and remains an internationally praised classic of world literature.[1][2][3]
The novel chronicles the French invasion of Russia and the impact of the Napoleonic era on Tsarist society through the stories of five Russian aristocratic families. Portions of an earlier version, titled The Year 1805,[4] were serialized in The Russian Messenger from 1865 to 1867 before the novel was published in its entirety in 1869.[5]
Tolstoy said that the best Russian literature does not conform to standards and hence hesitated to classify War and Peace, saying it is "not a novel, even less is it a poem, and still less a historical chronicle". Large sections, especially the later chapters, are philosophical discussions rather than narrative.[6] He regarded Anna Karenina as his first true novel.
References:
Moser, Charles. 1992. Encyclopedia of Russian Literature. Cambridge University Press, pp. 298–300.
Thirlwell, Adam "A masterpiece in miniature". The Guardian (London, UK) October 8, 2005
Briggs, Anthony. 2005. "Introduction" to War and Peace. Penguin Classics.
Pevear, Richard (2008). "Introduction". War and Peace. Trans. Pevear; Volokhonsky, Larissa. New York: Vintage Books. pp. VIII–IX. ISBN 978-1-4000-7998-8.
Knowles, A. V. Leo Tolstoy, Routledge 1997.
"Introduction?". War and Peace. Wordsworth Editions. 1993. ISBN 978-1-85326-062-9. Retrieved 2009-03-24.
',
+ 'War and Peace (Russian: Война и мир, romanized: Voyna i mir; pre-reform Russian: Война и миръ; [vɐjˈna i ˈmʲir]) is a literary work by the Russian author Leo Tolstoy that mixes fictional narrative with chapters on history and philosophy. It was first published serially, then published in its entirety in 1869. It is regarded as Tolstoy\'s finest literary achievement and remains an internationally praised classic of world literature.[1][2][3]
The novel chronicles the French invasion of Russia and the impact of the Napoleonic era on Tsarist society through the stories of five Russian aristocratic families. Portions of an earlier version, titled The Year 1805,[4] were serialized in The Russian Messenger from 1865 to 1867 before the novel was published in its entirety in 1869.[5]
Tolstoy said that the best Russian literature does not conform to standards and hence hesitated to classify War and Peace, saying it is "not a novel, even less is it a poem, and still less a historical chronicle". Large sections, especially the later chapters, are philosophical discussions rather than narrative.[6] He regarded Anna Karenina as his first true novel.
References:
Moser, Charles. 1992. Encyclopedia of Russian Literature. Cambridge University Press, pp. 298–300.
Thirlwell, Adam "A masterpiece in miniature". The Guardian (London, UK) October 8, 2005
Briggs, Anthony. 2005. "Introduction" to War and Peace. Penguin Classics.
Pevear, Richard (2008). "Introduction". War and Peace. Trans. Pevear; Volokhonsky, Larissa. New York: Vintage Books. pp. VIII–IX. ISBN 978-1-4000-7998-8.
Knowles, A. V. Leo Tolstoy, Routledge 1997.
"Introduction?". War and Peace. Wordsworth Editions. 1993. ISBN 978-1-85326-062-9. Retrieved 2009-03-24.
',
);
}
diff --git a/projects/demo/src/app/pages/focus/examples/1/index.ts b/projects/demo/src/app/pages/focus/examples/1/index.ts
index cbc8bdf2b..71d4bda7b 100644
--- a/projects/demo/src/app/pages/focus/examples/1/index.ts
+++ b/projects/demo/src/app/pages/focus/examples/1/index.ts
@@ -96,6 +96,6 @@ export default class ExampleComponent {
];
protected control = new FormControl(
- 'WYSIWYG (What you see is what you get) — Rich Text Editor for using with Angular forms.
Heading
Lorem ipsum dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco, laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
class EditorExample {}
Code in text
',
+ 'WYSIWYG (What you see is what you get) — Rich Text Editor for using with Angular forms.
Heading
Lorem ipsum dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco, laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
class EditorExample {}
Code in text
',
);
}
diff --git a/projects/demo/src/app/pages/images/preview/examples/1/index.ts b/projects/demo/src/app/pages/images/preview/examples/1/index.ts
index a1dccf448..ecf78ecbb 100644
--- a/projects/demo/src/app/pages/images/preview/examples/1/index.ts
+++ b/projects/demo/src/app/pages/images/preview/examples/1/index.ts
@@ -47,7 +47,7 @@ export default class ExampleComponent {
constructor() {
this.control.patchValue(
- `Small image
Big image
`,
+ `Small image
Big image
`,
);
}
}
diff --git a/projects/demo/src/app/pages/images/resizable/examples/1/index.html b/projects/demo/src/app/pages/images/resizable/examples/1/index.html
index 3a97e9bd9..0bcb4b808 100644
--- a/projects/demo/src/app/pages/images/resizable/examples/1/index.html
+++ b/projects/demo/src/app/pages/images/resizable/examples/1/index.html
@@ -6,3 +6,6 @@
HTML:
+
+Text:
+{{ control.value }}
diff --git a/projects/demo/src/app/pages/images/resizable/examples/1/index.ts b/projects/demo/src/app/pages/images/resizable/examples/1/index.ts
index ac8a86af4..81f76412f 100644
--- a/projects/demo/src/app/pages/images/resizable/examples/1/index.ts
+++ b/projects/demo/src/app/pages/images/resizable/examples/1/index.ts
@@ -52,7 +52,7 @@ export default class ExampleComponent {
this.base64Image$.pipe(takeUntilDestroyed()).subscribe(src => {
this.control.patchValue(
`
- 
+
Try to drag right border of image!
To change min/max size of image use token TUI_IMAGE_EDITOR_OPTIONS.
`,
diff --git a/projects/demo/src/app/pages/images/upload/examples/1/index.ts b/projects/demo/src/app/pages/images/upload/examples/1/index.ts
index c01ce7705..f573e134c 100644
--- a/projects/demo/src/app/pages/images/upload/examples/1/index.ts
+++ b/projects/demo/src/app/pages/images/upload/examples/1/index.ts
@@ -85,7 +85,7 @@ export default class ExampleComponent {
constructor() {
this.control.patchValue(
`
-
+
Try to drag right border of image!
To change min/max size of image use token TUI_IMAGE_EDITOR_OPTIONS.
`,
diff --git a/projects/editor/src/extensions/iframe-editor/iframe-editor.extension.ts b/projects/editor/src/extensions/iframe-editor/iframe-editor.extension.ts
index 311561529..2840a5fda 100644
--- a/projects/editor/src/extensions/iframe-editor/iframe-editor.extension.ts
+++ b/projects/editor/src/extensions/iframe-editor/iframe-editor.extension.ts
@@ -70,7 +70,11 @@ export const createIframeEditorExtension = (injector: Injector): Node =>
addNodeView(): NodeViewRenderer {
return (props: NodeViewRendererProps) =>
- new TuiNodeView(TuiIframeEditorComponent, props, {injector, ...props});
+ Reflect.construct(TuiNodeView, [
+ TuiIframeEditorComponent,
+ props,
+ {injector, ...props},
+ ]);
},
addCommands(): Partial {
diff --git a/projects/editor/src/extensions/image-editor/image-editor.extension.ts b/projects/editor/src/extensions/image-editor/image-editor.extension.ts
index 0fc6e21f9..907f32355 100644
--- a/projects/editor/src/extensions/image-editor/image-editor.extension.ts
+++ b/projects/editor/src/extensions/image-editor/image-editor.extension.ts
@@ -27,7 +27,7 @@ declare module '@tiptap/core' {
}
}
-const IMAGE_EDITOR_PARSE_META = [{tag: 'img[data-type="image-editor"]'}];
+const IMAGE_EDITOR_PARSE_META = [{tag: 'img'}];
const DEFAULT_IMAGE_ATTRS = {
src: {
@@ -116,15 +116,16 @@ export function tuiCreateImageEditorExtension({
},
renderHTML({HTMLAttributes}: Record): DOMOutputSpec {
- return [
- 'img',
- mergeAttributes(HTMLAttributes, {'data-type': 'image-editor'}),
- ];
+ return ['img', mergeAttributes(HTMLAttributes)];
},
addNodeView(): NodeViewRenderer {
return (props: NodeViewRendererProps) =>
- new TuiNodeView(TuiImageEditorComponent, props, {injector, ...props});
+ Reflect.construct(TuiNodeView, [
+ TuiImageEditorComponent,
+ props,
+ {injector, ...props},
+ ]);
},
addCommands(): Partial {