Merge pull request #511 from ckeditor/ck/alpha-manual-fixes

Fix (manual): Indent button is no longer disabled in manual demos. Fix (manual): Manual demos should point to existing documentation links. Fix (manual): Image upload should be now possible in demos.
ckeditor · Aug 9, 2024 · 54e362c · 54e362c
2 parents e874dea + 2cec287
commit 54e362c
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 10 deletions.
diff --git a/demos/multiroot-react/App.tsx b/demos/multiroot-react/App.tsx
@@ -12,10 +12,10 @@ type Demo = 'editor' | 'rich' | 'context';
 
 const multiRootEditorContent = {
 	intro: '<h2>Sample</h2><p>This is an instance of the ' +
-		'<a href="https://ckeditor.com/docs/ckeditor5/latest/builds/guides/overview.html#classic-editor">multi-root editor build</a>.</p>',
+		'<a href="https://ckeditor.com/docs/ckeditor5/latest/examples/builds/classic-editor.html">multi-root editor type</a>.</p>',
 	content: '<p>It is the custom content</p><figure class="image"><img src="/demos/sample.jpg" alt="CKEditor 5 Sample image."></figure>',
-	outro: '<p>You can use this sample to validate whether your ' +
-		'<a href="https://ckeditor.com/docs/ckeditor5/latest/builds/guides/development/custom-builds.html">custom build</a> works fine.</p>'
+	outro: '<p>You can use <a href="https://ckeditor.com/ckeditor-5/builder/">CKEditor Builder</a>' +
+		' to create a custom configuration with your favorite features.</p>'
 };
 
 const rootsAttributes = {

diff --git a/demos/multiroot-react/MultiRootEditor.tsx b/demos/multiroot-react/MultiRootEditor.tsx
@@ -30,7 +30,8 @@ import {
 	PictureEditing,
 	Table,
 	TableToolbar,
-	TextTransformation
+	TextTransformation,
+	Base64UploadAdapter
 } from 'ckeditor5';
 
 import 'ckeditor5/ckeditor5.css';
@@ -62,7 +63,8 @@ export default class MultiRootEditor extends MultiRootEditorBase {
 		PictureEditing,
 		Table,
 		TableToolbar,
-		TextTransformation
+		TextTransformation,
+		Base64UploadAdapter
 	];
 
 	public static override defaultConfig = {

diff --git a/demos/react/App.tsx b/demos/react/App.tsx
@@ -11,14 +11,17 @@ type Demo = 'editor' | 'context';
 
 const editorContent = `
 	<h2>Sample</h2>
-	<p>This is an instance of the <a href="https://ckeditor.com/docs/ckeditor5/latest/builds/guides/overview.html#classic-editor">
+	<p>This is an instance of the <a href="https://ckeditor.com/docs/ckeditor5/latest/examples/builds/classic-editor.html">
 	classic editor build</a>.
 	</p>
 	<figure class="image">
 		<img src="/demos/sample.jpg" alt="CKEditor 5 Sample image." />
 	</figure>
-	<p>You can use this sample to validate whether your
-	<a href="https://ckeditor.com/docs/ckeditor5/latest/builds/guides/development/custom-builds.html">custom build</a> works fine.</p>
+	<p>
+		You can use
+		<a href="https://ckeditor.com/ckeditor-5/builder/">CKEditor Builder</a>
+		to create a custom build with your favorite features.
+	</p>
 `;
 
 export default function App(): JSX.Element {

diff --git a/demos/react/ClassicEditor.tsx b/demos/react/ClassicEditor.tsx
@@ -22,6 +22,7 @@ import {
 	ImageToolbar,
 	ImageUpload,
 	Indent,
+	IndentBlock,
 	Link,
 	List,
 	MediaEmbed,
@@ -30,7 +31,8 @@ import {
 	PictureEditing,
 	Table,
 	TableToolbar,
-	TextTransformation
+	TextTransformation,
+	Base64UploadAdapter
 } from 'ckeditor5';
 
 import 'ckeditor5/ckeditor5.css';
@@ -54,6 +56,7 @@ export default class ClassicEditor extends ClassicEditorBase {
 		ImageToolbar,
 		ImageUpload,
 		Indent,
+		IndentBlock,
 		Link,
 		List,
 		MediaEmbed,
@@ -62,7 +65,8 @@ export default class ClassicEditor extends ClassicEditorBase {
 		PictureEditing,
 		Table,
 		TableToolbar,
-		TextTransformation
+		TextTransformation,
+		Base64UploadAdapter
 	];
 
 	public static override defaultConfig = {