8
0
Просмотр исходного кода

Merge pull request #2 from ckeditor/t/1

Initial implementation
Szymon Kupś 9 лет назад
Родитель
Сommit
8e158d231c

+ 41 - 0
packages/ckeditor5-paragraph/src/paragraph.js

@@ -0,0 +1,41 @@
+/**
+ * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+'use strict';
+
+import Feature from '../feature.js';
+import BuildModelConverterFor from '../engine/conversion/model-converter-builder.js';
+import BuildViewConverterFor from '../engine/conversion/view-converter-builder.js';
+
+/**
+ * A paragraph feature for editor.
+ * Introduces `<paragraph>` element in the model which renders as `<p>` in the DOM and data.
+ *
+ * @memberOf paragraph
+ * @extends ckeditor5.Feature
+ */
+export default class Paragraph extends Feature {
+	/**
+	 * @inheritDoc
+	 */
+	init() {
+		const editor = this.editor;
+		const data = editor.data;
+		const editing = editor.editing;
+
+		// Schema.
+		editor.document.schema.registerItem( 'paragraph', '$block' );
+
+		// Build converter from model to view for data and editing pipelines.
+		BuildModelConverterFor( data.modelToView, editing.modelToView )
+			.fromElement( 'paragraph' )
+			.toElement( 'p' );
+
+		// Build converter from view to model for data pipeline.
+		BuildViewConverterFor( data.viewToModel )
+			.fromElement( 'p' )
+			.toElement( 'paragraph' );
+	}
+}

+ 67 - 0
packages/ckeditor5-paragraph/tests/paragraph.js

@@ -0,0 +1,67 @@
+/**
+ * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+'use strict';
+
+import Paragraph from '/ckeditor5/paragraph/paragraph.js';
+import VirtualTestEditor from '/tests/ckeditor5/_utils/virtualtesteditor.js';
+import { getData as getModelData } from '/tests/engine/_utils/model.js';
+import { getData as getViewData } from '/tests/engine/_utils/view.js';
+
+describe( 'Paragraph feature', () => {
+	let editor, doc;
+
+	beforeEach( () => {
+		return VirtualTestEditor.create( {
+				features: [ Paragraph ]
+			} )
+			.then( newEditor => {
+				editor = newEditor;
+				doc = editor.document;
+			} );
+	} );
+
+	it( 'should be loaded', () => {
+		expect( editor.plugins.get( Paragraph ) ).to.be.instanceOf( Paragraph );
+	} );
+
+	it( 'should set proper schema rules', () => {
+		expect( doc.schema.hasItem( 'paragraph' ) ).to.be.true;
+		expect( doc.schema.check( { name: 'paragraph', inside: '$root' } ) ).to.be.true;
+		expect( doc.schema.check( { name: '$inline', inside: 'paragraph' } ) ).to.be.true;
+	} );
+
+	describe( 'data pipeline conversions', () => {
+		it( 'should convert paragraph', () => {
+			editor.setData( '<p>foobar</p>' );
+
+			expect( getModelData( doc, { withoutSelection: true } ) ).to.equal( '<paragraph>foobar</paragraph>' );
+			expect( editor.getData() ).to.equal( '<p>foobar</p>' );
+		} );
+
+		it( 'should convert paragraph only', () => {
+			editor.setData( '<p>foo<b>baz</b>bar</p>' );
+
+			expect( getModelData( doc, { withoutSelection: true } ) ).to.equal( '<paragraph>foobazbar</paragraph>' );
+			expect( editor.getData() ).to.equal( '<p>foobazbar</p>' );
+		} );
+
+		it( 'should convert multiple paragraphs', () => {
+			editor.setData( '<p>foo</p><p>baz</p>' );
+
+			expect( getModelData( doc, { withoutSelection: true } ) ).to.equal( '<paragraph>foo</paragraph><paragraph>baz</paragraph>' );
+			expect( editor.getData() ).to.equal( '<p>foo</p><p>baz</p>' );
+		} );
+	} );
+
+	describe( 'editing pipeline conversion', () => {
+		it( 'should convert paragraph', () => {
+			// Workaround for setting model data: https://github.com/ckeditor/ckeditor5-engine/issues/455
+			editor.setData( '<p>foo</p><p>bar</p>' );
+
+			expect( getViewData( editor.editing.view, { withoutSelection: true } ) ).to.equal( '<p>foo</p><p>bar</p>' );
+		} );
+	} );
+} );