c74a2f25b6e1f7a77de318d7437283bcb11c14de.svn-base
4.37 KB
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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
/*
Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/
/**
* @stylesheetParser plugin.
*/
(function()
{
// We want to extract only the elements with classes defined in the stylesheets:
function parseClasses( aRules, skipSelectors, validSelectors )
{
// aRules are just the different rules in the style sheets
// We want to merge them and them split them by commas, so we end up with only
// the selectors
var s = aRules.join(' ');
// Remove selectors splitting the elements, leave only the class selector (.)
s = s.replace( /(,|>|\+|~)/g, ' ' );
// Remove attribute selectors: table[border="0"]
s = s.replace( /\[[^\]]*/g, '' );
// Remove Ids: div#main
s = s.replace( /#[^\s]*/g, '' );
// Remove pseudo-selectors and pseudo-elements: :hover :nth-child(2n+1) ::before
s = s.replace( /\:{1,2}[^\s]*/g, '' );
s = s.replace( /\s+/g, ' ' );
var aSelectors = s.split( ' ' ),
aClasses = [];
for ( var i = 0; i < aSelectors.length ; i++ )
{
var selector = aSelectors[ i ];
if ( validSelectors.test( selector ) && !skipSelectors.test( selector ) )
{
// If we still don't know about this one, add it
if ( CKEDITOR.tools.indexOf( aClasses, selector ) == -1 )
aClasses.push( selector );
}
}
return aClasses;
}
function LoadStylesCSS( theDoc, skipSelectors, validSelectors )
{
var styles = [],
// It will hold all the rules of the applied stylesheets (except those internal to CKEditor)
aRules = [],
i;
for ( i = 0; i < theDoc.styleSheets.length; i++ )
{
var sheet = theDoc.styleSheets[ i ],
node = sheet.ownerNode || sheet.owningElement;
// Skip the internal stylesheets
if ( node.getAttribute( 'data-cke-temp' ) )
continue;
// Exclude stylesheets injected by extensions
if ( sheet.href && sheet.href.substr(0, 9) == 'chrome://' )
continue;
var sheetRules = sheet.cssRules || sheet.rules;
for ( var j = 0; j < sheetRules.length; j++ )
aRules.push( sheetRules[ j ].selectorText );
}
var aClasses = parseClasses( aRules, skipSelectors, validSelectors );
// Add each style to our "Styles" collection.
for ( i = 0; i < aClasses.length; i++ )
{
var oElement = aClasses[ i ].split( '.' ),
element = oElement[ 0 ].toLowerCase(),
sClassName = oElement[ 1 ];
styles.push( {
name : element + '.' + sClassName,
element : element,
attributes : {'class' : sClassName}
});
}
return styles;
}
// Register a plugin named "stylesheetparser".
CKEDITOR.plugins.add( 'stylesheetparser',
{
requires: [ 'styles' ],
onLoad : function()
{
var obj = CKEDITOR.editor.prototype;
obj.getStylesSet = CKEDITOR.tools.override( obj.getStylesSet, function( org )
{
return function( callback )
{
var self = this;
org.call( this, function( definitions )
{
// Rules that must be skipped
var skipSelectors = self.config.stylesheetParser_skipSelectors || ( /(^body\.|^\.)/i ),
// Rules that are valid
validSelectors = self.config.stylesheetParser_validSelectors || ( /\w+\.\w+/ );
callback( ( self._.stylesDefinitions = definitions.concat( LoadStylesCSS( self.document.$, skipSelectors, validSelectors ) ) ) );
});
};
});
}
});
})();
/**
* A regular expression that defines whether a CSS rule will be
* skipped by the Stylesheet Parser plugin. A CSS rule matching
* the regular expression will be ignored and will not be available
* in the Styles drop-down list.
* @name CKEDITOR.config.stylesheetParser_skipSelectors
* @type RegExp
* @default /(^body\.|^\.)/i
* @since 3.6
* @see CKEDITOR.config.stylesheetParser_validSelectors
* @example
* // Ignore rules for body and caption elements, classes starting with "high", and any class defined for no specific element.
* config.stylesheetParser_skipSelectors = /(^body\.|^caption\.|\.high|^\.)/i;
*/
/**
* A regular expression that defines which CSS rules will be used
* by the Stylesheet Parser plugin. A CSS rule matching the regular
* expression will be available in the Styles drop-down list.
* @name CKEDITOR.config.stylesheetParser_validSelectors
* @type RegExp
* @default /\w+\.\w+/
* @since 3.6
* @see CKEDITOR.config.stylesheetParser_skipSelectors
* @example
* // Only add rules for p and span elements.
* config.stylesheetParser_validSelectors = /\^(p|span)\.\w+/;
*/