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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
|
/**
* @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.html or http://ckeditor.com/license
*/
/**
* @fileOverview Horizontal Page Break
*/
// Register a plugin named "pagebreak".
CKEDITOR.plugins.add( 'pagebreak', {
requires: 'fakeobjects',
lang: 'af,ar,bg,bn,bs,ca,cs,cy,da,de,el,en-au,en-ca,en-gb,en,eo,es,et,eu,fa,fi,fo,fr-ca,fr,gl,gu,he,hi,hr,hu,is,it,ja,ka,km,ko,ku,lt,lv,mk,mn,ms,nb,nl,no,pl,pt-br,pt,ro,ru,sk,sl,sr-latn,sr,sv,th,tr,ug,uk,vi,zh-cn,zh', // %REMOVE_LINE_CORE%
icons: 'pagebreak,pagebreak-rtl', // %REMOVE_LINE_CORE%
onLoad: function() {
var cssStyles = [
'{',
'background: url(' + CKEDITOR.getUrl( this.path + 'images/pagebreak.gif' ) + ') no-repeat center center;',
'clear: both;',
'width:100%; _width:99.9%;',
'border-top: #999999 1px dotted;',
'border-bottom: #999999 1px dotted;',
'padding:0;',
'height: 5px;',
'cursor: default;',
'}'
].join( '' ).replace( /;/g, ' !important;' ); // Increase specificity to override other styles, e.g. block outline.
// Add the style that renders our placeholder.
CKEDITOR.addCss( 'div.cke_pagebreak' + cssStyles );
},
init: function( editor ) {
if ( editor.blockless )
return;
// Register the command.
editor.addCommand( 'pagebreak', CKEDITOR.plugins.pagebreakCmd );
// Register the toolbar button.
editor.ui.addButton && editor.ui.addButton( 'PageBreak', {
label: editor.lang.pagebreak.toolbar,
command: 'pagebreak',
toolbar: 'insert,70'
});
// Opera needs help to select the page-break.
CKEDITOR.env.opera && editor.on( 'contentDom', function() {
editor.document.on( 'click', function( evt ) {
var target = evt.data.getTarget();
if ( target.is( 'div' ) && target.hasClass( 'cke_pagebreak' ) )
editor.getSelection().selectElement( target );
});
});
},
afterInit: function( editor ) {
var label = editor.lang.pagebreak.alt;
// Register a filter to displaying placeholders after mode change.
var dataProcessor = editor.dataProcessor,
dataFilter = dataProcessor && dataProcessor.dataFilter,
htmlFilter = dataProcessor && dataProcessor.htmlFilter;
if ( htmlFilter ) {
htmlFilter.addRules({
attributes: {
'class': function( value, element ) {
var className = value.replace( 'cke_pagebreak', '' );
if ( className != value ) {
var span = CKEDITOR.htmlParser.fragment.fromHtml( '<span style="display: none;"> </span>' );
element.children.length = 0;
element.add( span );
var attrs = element.attributes;
delete attrs[ 'aria-label' ];
delete attrs.contenteditable;
delete attrs.title;
}
return className;
}
}
}, 5 );
}
if ( dataFilter ) {
dataFilter.addRules({
elements: {
div: function( element ) {
var attributes = element.attributes,
style = attributes && attributes.style,
child = style && element.children.length == 1 && element.children[ 0 ],
childStyle = child && ( child.name == 'span' ) && child.attributes.style;
if ( childStyle && ( /page-break-after\s*:\s*always/i ).test( style ) && ( /display\s*:\s*none/i ).test( childStyle ) ) {
attributes.contenteditable = "false";
attributes[ 'class' ] = "cke_pagebreak";
attributes[ 'data-cke-display-name' ] = "pagebreak";
attributes[ 'aria-label' ] = label;
attributes[ 'title' ] = label;
element.children.length = 0;
}
}
}
});
}
}
});
// TODO Much probably there's no need to expose this object as public object.
CKEDITOR.plugins.pagebreakCmd = {
exec: function( editor ) {
var label = editor.lang.pagebreak.alt;
// Create read-only element that represents a print break.
var pagebreak = CKEDITOR.dom.element.createFromHtml( '<div style="' +
'page-break-after: always;"' +
'contenteditable="false" ' +
'title="' + label + '" ' +
'aria-label="' + label + '" ' +
'data-cke-display-name="pagebreak" ' +
'class="cke_pagebreak">' +
'</div>', editor.document );
editor.insertElement( pagebreak );
},
context: 'div'
};
|
