浏览代码

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.
Piotrek Koszuliński 7 年之前
父节点
当前提交
de3aad31b8

+ 2 - 0
packages/ckeditor5-ui/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 ),

+ 2 - 0
packages/ckeditor5-ui/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;