8
0
Quellcode durchsuchen

Merge pull request #9 from ckeditor/i/5829

Other: Added CSS classes to the editable elements to differentiate between the restricted and standard modes. See ckeditor/ckeditor5#5829.
Piotrek Koszuliński vor 6 Jahren
Ursprung
Commit
2cc6c2c9e6

+ 6 - 0
packages/ckeditor5-restricted-editing/src/restrictededitingmodeediting.js

@@ -93,6 +93,12 @@ export default class RestrictedEditingModeEditing extends Plugin {
 				evt.stop();
 			}
 		}, { priority: 'highest' } );
+
+		editor.editing.view.change( writer => {
+			for ( const root of editor.editing.view.document.roots ) {
+				writer.addClass( 'ck-restricted-editing_mode_restricted', root );
+			}
+		} );
 	}
 
 	/**

+ 6 - 0
packages/ckeditor5-restricted-editing/src/standardeditingmodeediting.js

@@ -54,5 +54,11 @@ export default class StandardEditingModeEditing extends Plugin {
 		} );
 
 		editor.commands.add( 'restrictedEditingException', new RestrictedEditingExceptionCommand( editor ) );
+
+		editor.editing.view.change( writer => {
+			for ( const root of editor.editing.view.document.roots ) {
+				writer.addClass( 'ck-restricted-editing_mode_standard', root );
+			}
+		} );
 	}
 }

+ 6 - 0
packages/ckeditor5-restricted-editing/tests/restrictededitingmodeediting.js

@@ -40,6 +40,12 @@ describe( 'RestrictedEditingModeEditing', () => {
 			expect( editor.plugins.get( RestrictedEditingModeEditing ) ).to.be.instanceOf( RestrictedEditingModeEditing );
 		} );
 
+		it( 'should have "ck-restricted-editing_mode_restricted" class', () => {
+			for ( const root of editor.editing.view.document.roots ) {
+				expect( root.hasClass( 'ck-restricted-editing_mode_restricted' ) ).to.be.true;
+			}
+		} );
+
 		it( 'adds a "goToPreviousRestrictedEditingException" command', () => {
 			expect( editor.commands.get( 'goToPreviousRestrictedEditingException' ) )
 				.to.be.instanceOf( RestrictedEditingModeNavigationCommand );

+ 6 - 0
packages/ckeditor5-restricted-editing/tests/standardeditingmodeediting.js

@@ -35,6 +35,12 @@ describe( 'StandardEditingModeEditing', () => {
 		expect( editor.plugins.get( 'StandardEditingModeEditing' ) ).to.be.instanceOf( StandardEditingModeEditing );
 	} );
 
+	it( 'should have "ck-restricted-editing_mode_standard" class', () => {
+		for ( const root of editor.editing.view.document.roots ) {
+			expect( root.hasClass( 'ck-restricted-editing_mode_standard' ) ).to.be.true;
+		}
+	} );
+
 	it( 'should set proper schema rules', () => {
 		expect( model.schema.checkAttribute( [ '$root', '$text' ], 'restrictedEditingException' ) ).to.be.true;