Added language feature to all-features and all-features-dll manual tests

tests/manual/all-features-dll.js

@@ -33,6 +33,7 @@ import '@ckeditor/ckeditor5-heading/build/heading';
 import '@ckeditor/ckeditor5-highlight/build/highlight';
 import '@ckeditor/ckeditor5-horizontal-line/build/horizontal-line';
 import '@ckeditor/ckeditor5-html-embed/build/html-embed';
+import '@ckeditor/ckeditor5-language/build/language';
 import '@ckeditor/ckeditor5-media-embed/build/media-embed';
 import '@ckeditor/ckeditor5-mention/build/mention';
 import '@ckeditor/ckeditor5-page-break/build/page-break';
@@ -71,6 +72,7 @@ const { Mention } = window.CKEditor5.mention;
 const { PageBreak } = window.CKEditor5.pageBreak;
 const { PasteFromOffice } = window.CKEditor5.pasteFromOffice;
 const { RemoveFormat } = window.CKEditor5.removeFormat;
+const { TextPartLanguage } = window.CKEditor5.language;
 const { WordCount } = window.CKEditor5.wordCount;
 
 const { Plugin } = window.CKEditor5.core;
@@ -126,6 +128,7 @@ const config = {
 		RemoveFormat,
 		SpecialCharacters, SpecialCharactersEssentials,
 		Table, TableToolbar, TableCellProperties, TableProperties,
+		TextPartLanguage,
 		WordCount
 	],
 	toolbar: [
@@ -147,6 +150,8 @@ const config = {
 		'|',
 		'pageBreak', 'horizontalLine', 'specialCharacters',
 		'|',
+		'textPartLanguage',
+		'|',
 		'undo', 'redo'
 	],
 	cloudServices: CS_CONFIG,

tests/manual/all-features.html

@@ -225,6 +225,21 @@ <h3><code>&lt;iframe&gt;</code> tag as HTML snippet</h3>
 	<h2>Paste from Office</h2>
 	<h3>Paste here: </h3>
 	<p></p>
+
+	<h2>Text part language</h2>
+	<p>
+		<span lang="es" dir="ltr">
+			<strong>Un lenguaje</strong> (del provenzal lenguatge y este del latín lingua) es un sistema de comunicación
+			estructurado para el que existe un contexto de uso y ciertos principios combinatorios formales. Existen
+			<strong>contextos</strong> tanto naturales como artificiales.
+		</span>
+	</p>
+	<p>
+		<span lang="ar" dir="rtl">
+			اللغة نسق من الإشارات والرموز، يشكل أداة من أدوات المعرفة، وتعتبر اللغة أهم <strong>وسائل</strong> التفاهم
+			والاحتكاك بين أفراد امجتمع في <strong>جميع</strong> ميادين الحياة. وبدون اللغة يتعذر نشاط الناس المعرفي.
+		</span>
+	</p>
 </div>
 
 <style>

tests/manual/all-features.js

@@ -36,6 +36,7 @@ import Superscript from '@ckeditor/ckeditor5-basic-styles/src/superscript';
 import TableCellProperties from '@ckeditor/ckeditor5-table/src/tablecellproperties';
 import TableProperties from '@ckeditor/ckeditor5-table/src/tableproperties';
 import TextTransformation from '@ckeditor/ckeditor5-typing/src/texttransformation';
+import TextPartLanguage from '@ckeditor/ckeditor5-language/src/textpartlanguage';
 import TodoList from '@ckeditor/ckeditor5-list/src/todolist';
 import Underline from '@ckeditor/ckeditor5-basic-styles/src/underline';
 import WordCount from '@ckeditor/ckeditor5-word-count/src/wordcount';
@@ -55,7 +56,7 @@ ClassicEditor
 			Alignment, IndentBlock,
 			PasteFromOffice, PageBreak, HorizontalLine,
 			SpecialCharacters, SpecialCharactersEssentials, WordCount,
-			ImageUpload, CloudServices
+			ImageUpload, CloudServices, TextPartLanguage
 		],
 		toolbar: [
 			'heading',
@@ -74,6 +75,8 @@ ClassicEditor
 			'|',
 			'pageBreak', 'horizontalLine', 'specialCharacters',
 			'|',
+			'textPartLanguage',
+			'|',
 			'undo', 'redo'
 		],
 		cloudServices: CS_CONFIG,

tests/manual/all-features.md

@@ -40,6 +40,8 @@ The "previews in view" mode is enabled, which means that previews should be visi
 
 **Paste from Office** - Copy & paste some content from Word.
 
+**Text part language** - There are 2 paragraphs with applied language: Spanish with left-to-right direction and Arabic with right-to-left direction. Both should have italic style. Play with the selection and the language dropdown.
+
 ---
 
 ## Action buttons