Merge pull request #365 from ckeditor/t/176

Other: Added the `.ck-content` CSS class to the `EditableUIView` in order to simplify styling the editor content. Closes #176.
ckeditor · Feb 6, 2018 · f38ae70 · f38ae70
2 parents ff98211 + 702cc85
commit f38ae70
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/editableui/editableuiview.js b/src/editableui/editableuiview.js
@@ -36,7 +36,9 @@ export default class EditableUIView extends View {
 			attributes: {
 				class: [
 					bind.to( 'isFocused', value => value ? 'ck-focused' : 'ck-blurred' ),
+					'ck',
 					'ck-editor__editable',
+					'ck-content',
 					'ck-rounded-corners'
 				],
 				contenteditable: bind.to( 'isReadOnly', value => !value ),

diff --git a/tests/editableui/editableuiview.js b/tests/editableui/editableuiview.js
@@ -35,7 +35,9 @@ describe( 'EditableUIView', () => {
 
 			view.render();
 			expect( view.element ).to.equal( view.editableElement );
+			expect( view.element.classList.contains( 'ck' ) ).to.be.true;
 			expect( view.element.classList.contains( 'ck-editor__editable' ) ).to.be.true;
+			expect( view.element.classList.contains( 'ck-content' ) ).to.be.true;
 			expect( view.element.classList.contains( 'ck-rounded-corners' ) ).to.be.true;
 			expect( view.externalElement ).to.be.undefined;
 			expect( view.isRendered ).to.be.true;