-
-
Notifications
You must be signed in to change notification settings - Fork 3.7k
/
horizontallineediting.js
85 lines (69 loc) · 2.5 KB
/
horizontallineediting.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
/**
* @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
/**
* @module horizontal-line/horizontallineediting
*/
import { Plugin } from 'ckeditor5/src/core';
import { toWidget } from 'ckeditor5/src/widget';
import HorizontalLineCommand from './horizontallinecommand';
import '../theme/horizontalline.css';
/**
* The horizontal line editing feature.
*
* @extends module:core/plugin~Plugin
*/
export default class HorizontalLineEditing extends Plugin {
/**
* @inheritDoc
*/
static get pluginName() {
return 'HorizontalLineEditing';
}
/**
* @inheritDoc
*/
init() {
const editor = this.editor;
const schema = editor.model.schema;
const t = editor.t;
const conversion = editor.conversion;
schema.register( 'horizontalLine', {
inheritAllFrom: '$blockObject'
} );
conversion.for( 'dataDowncast' ).elementToElement( {
model: 'horizontalLine',
view: ( modelElement, { writer } ) => {
return writer.createEmptyElement( 'hr' );
}
} );
conversion.for( 'editingDowncast' ).elementToStructure( {
model: 'horizontalLine',
view: ( modelElement, { writer } ) => {
const label = t( 'Horizontal line' );
const viewWrapper = writer.createContainerElement( 'div', null,
writer.createEmptyElement( 'hr' )
);
writer.addClass( 'ck-horizontal-line', viewWrapper );
writer.setCustomProperty( 'hr', true, viewWrapper );
return toHorizontalLineWidget( viewWrapper, writer, label );
}
} );
conversion.for( 'upcast' ).elementToElement( { view: 'hr', model: 'horizontalLine' } );
editor.commands.add( 'horizontalLine', new HorizontalLineCommand( editor ) );
}
}
// Converts a given {@link module:engine/view/element~Element} to a horizontal line widget:
// * Adds a {@link module:engine/view/element~Element#_setCustomProperty custom property} allowing to
// recognize the horizontal line widget element.
// * Calls the {@link module:widget/utils~toWidget} function with the proper element's label creator.
//
// @param {module:engine/view/element~Element} viewElement
// @param {module:engine/view/downcastwriter~DowncastWriter} writer An instance of the view writer.
// @param {String} label The element's label.
// @returns {module:engine/view/element~Element}
function toHorizontalLineWidget( viewElement, writer, label ) {
writer.setCustomProperty( 'horizontalLine', true, viewElement );
return toWidget( viewElement, writer, { label } );
}