1 | /*
|
---|
2 | Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
|
---|
3 | For licensing, see LICENSE.html or http://ckeditor.com/license
|
---|
4 | */
|
---|
5 |
|
---|
6 | (function()
|
---|
7 | {
|
---|
8 | var fragmentPrototype = CKEDITOR.htmlParser.fragment.prototype,
|
---|
9 | elementPrototype = CKEDITOR.htmlParser.element.prototype;
|
---|
10 |
|
---|
11 | fragmentPrototype.onlyChild = elementPrototype.onlyChild = function()
|
---|
12 | {
|
---|
13 | var children = this.children,
|
---|
14 | count = children.length,
|
---|
15 | firstChild = ( count == 1 ) && children[ 0 ];
|
---|
16 | return firstChild || null;
|
---|
17 | };
|
---|
18 |
|
---|
19 | elementPrototype.removeAnyChildWithName = function( tagName )
|
---|
20 | {
|
---|
21 | var children = this.children,
|
---|
22 | childs = [],
|
---|
23 | child;
|
---|
24 |
|
---|
25 | for ( var i = 0; i < children.length; i++ )
|
---|
26 | {
|
---|
27 | child = children[ i ];
|
---|
28 | if ( !child.name )
|
---|
29 | continue;
|
---|
30 |
|
---|
31 | if ( child.name == tagName )
|
---|
32 | {
|
---|
33 | childs.push( child );
|
---|
34 | children.splice( i--, 1 );
|
---|
35 | }
|
---|
36 | childs = childs.concat( child.removeAnyChildWithName( tagName ) );
|
---|
37 | }
|
---|
38 | return childs;
|
---|
39 | };
|
---|
40 |
|
---|
41 | elementPrototype.getAncestor = function( tagNameRegex )
|
---|
42 | {
|
---|
43 | var parent = this.parent;
|
---|
44 | while ( parent && !( parent.name && parent.name.match( tagNameRegex ) ) )
|
---|
45 | parent = parent.parent;
|
---|
46 | return parent;
|
---|
47 | };
|
---|
48 |
|
---|
49 | fragmentPrototype.firstChild = elementPrototype.firstChild = function( evaluator )
|
---|
50 | {
|
---|
51 | var child;
|
---|
52 |
|
---|
53 | for ( var i = 0 ; i < this.children.length ; i++ )
|
---|
54 | {
|
---|
55 | child = this.children[ i ];
|
---|
56 | if ( evaluator( child ) )
|
---|
57 | return child;
|
---|
58 | else if ( child.name )
|
---|
59 | {
|
---|
60 | child = child.firstChild( evaluator );
|
---|
61 | if ( child )
|
---|
62 | return child;
|
---|
63 | }
|
---|
64 | }
|
---|
65 |
|
---|
66 | return null;
|
---|
67 | };
|
---|
68 |
|
---|
69 | // Adding a (set) of styles to the element's 'style' attributes.
|
---|
70 | elementPrototype.addStyle = function( name, value, isPrepend )
|
---|
71 | {
|
---|
72 | var styleText, addingStyleText = '';
|
---|
73 | // name/value pair.
|
---|
74 | if ( typeof value == 'string' )
|
---|
75 | addingStyleText += name + ':' + value + ';';
|
---|
76 | else
|
---|
77 | {
|
---|
78 | // style literal.
|
---|
79 | if ( typeof name == 'object' )
|
---|
80 | {
|
---|
81 | for ( var style in name )
|
---|
82 | {
|
---|
83 | if ( name.hasOwnProperty( style ) )
|
---|
84 | addingStyleText += style + ':' + name[ style ] + ';';
|
---|
85 | }
|
---|
86 | }
|
---|
87 | // raw style text form.
|
---|
88 | else
|
---|
89 | addingStyleText += name;
|
---|
90 |
|
---|
91 | isPrepend = value;
|
---|
92 | }
|
---|
93 |
|
---|
94 | if ( !this.attributes )
|
---|
95 | this.attributes = {};
|
---|
96 |
|
---|
97 | styleText = this.attributes.style || '';
|
---|
98 |
|
---|
99 | styleText = ( isPrepend ?
|
---|
100 | [ addingStyleText, styleText ]
|
---|
101 | : [ styleText, addingStyleText ] ).join( ';' );
|
---|
102 |
|
---|
103 | this.attributes.style = styleText.replace( /^;|;(?=;)/, '' );
|
---|
104 | };
|
---|
105 |
|
---|
106 | /**
|
---|
107 | * Return the DTD-valid parent tag names of the specified one.
|
---|
108 | * @param tagName
|
---|
109 | */
|
---|
110 | CKEDITOR.dtd.parentOf = function( tagName )
|
---|
111 | {
|
---|
112 | var result = {};
|
---|
113 | for ( var tag in this )
|
---|
114 | {
|
---|
115 | if ( tag.indexOf( '$' ) == -1 && this[ tag ][ tagName ] )
|
---|
116 | result[ tag ] = 1;
|
---|
117 | }
|
---|
118 | return result;
|
---|
119 | };
|
---|
120 |
|
---|
121 | // 1. move consistent list item styles up to list root.
|
---|
122 | // 2. clear out unnecessary list item numbering.
|
---|
123 | function postProcessList( list )
|
---|
124 | {
|
---|
125 | var children = list.children,
|
---|
126 | child,
|
---|
127 | attrs,
|
---|
128 | count = list.children.length,
|
---|
129 | match,
|
---|
130 | mergeStyle,
|
---|
131 | styleTypeRegexp = /list-style-type:(.*?)(?:;|$)/,
|
---|
132 | stylesFilter = CKEDITOR.plugins.pastefromword.filters.stylesFilter;
|
---|
133 |
|
---|
134 | attrs = list.attributes;
|
---|
135 | if ( styleTypeRegexp.exec( attrs.style ) )
|
---|
136 | return;
|
---|
137 |
|
---|
138 | for ( var i = 0; i < count; i++ )
|
---|
139 | {
|
---|
140 | child = children[ i ];
|
---|
141 |
|
---|
142 | if ( child.attributes.value && Number( child.attributes.value ) == i + 1 )
|
---|
143 | delete child.attributes.value;
|
---|
144 |
|
---|
145 | match = styleTypeRegexp.exec( child.attributes.style );
|
---|
146 |
|
---|
147 | if ( match )
|
---|
148 | {
|
---|
149 | if ( match[ 1 ] == mergeStyle || !mergeStyle )
|
---|
150 | mergeStyle = match[ 1 ];
|
---|
151 | else
|
---|
152 | {
|
---|
153 | mergeStyle = null;
|
---|
154 | break;
|
---|
155 | }
|
---|
156 | }
|
---|
157 | }
|
---|
158 |
|
---|
159 | if ( mergeStyle )
|
---|
160 | {
|
---|
161 | for ( i = 0; i < count; i++ )
|
---|
162 | {
|
---|
163 | attrs = children[ i ].attributes;
|
---|
164 | attrs.style && ( attrs.style = stylesFilter( [ [ 'list-style-type'] ] )( attrs.style ) || '' );
|
---|
165 | }
|
---|
166 |
|
---|
167 | list.addStyle( 'list-style-type', mergeStyle );
|
---|
168 | }
|
---|
169 | }
|
---|
170 |
|
---|
171 | var cssLengthRelativeUnit = /^([.\d]*)+(em|ex|px|gd|rem|vw|vh|vm|ch|mm|cm|in|pt|pc|deg|rad|ms|s|hz|khz){1}?/i;
|
---|
172 | var emptyMarginRegex = /^(?:\b0[^\s]*\s*){1,4}$/; // e.g. 0px 0pt 0px
|
---|
173 | var romanLiternalPattern = '^m{0,4}(cm|cd|d?c{0,3})(xc|xl|l?x{0,3})(ix|iv|v?i{0,3})$',
|
---|
174 | lowerRomanLiteralRegex = new RegExp( romanLiternalPattern ),
|
---|
175 | upperRomanLiteralRegex = new RegExp( romanLiternalPattern.toUpperCase() );
|
---|
176 |
|
---|
177 | var orderedPatterns = { 'decimal' : /\d+/, 'lower-roman': lowerRomanLiteralRegex, 'upper-roman': upperRomanLiteralRegex, 'lower-alpha' : /^[a-z]+$/, 'upper-alpha': /^[A-Z]+$/ },
|
---|
178 | unorderedPatterns = { 'disc' : /[l\u00B7\u2002]/, 'circle' : /[\u006F\u00D8]/,'square' : /[\u006E\u25C6]/},
|
---|
179 | listMarkerPatterns = { 'ol' : orderedPatterns, 'ul' : unorderedPatterns },
|
---|
180 | romans = [ [1000, 'M'], [900, 'CM'], [500, 'D'], [400, 'CD'], [100, 'C'], [90, 'XC'], [50, 'L'], [40, 'XL'], [10, 'X'], [9, 'IX'], [5, 'V'], [4, 'IV'], [1, 'I'] ],
|
---|
181 | alpahbets = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
|
---|
182 |
|
---|
183 | // Convert roman numbering back to decimal.
|
---|
184 | function fromRoman( str )
|
---|
185 | {
|
---|
186 | str = str.toUpperCase();
|
---|
187 | var l = romans.length, retVal = 0;
|
---|
188 | for ( var i = 0; i < l; ++i )
|
---|
189 | {
|
---|
190 | for ( var j = romans[i], k = j[1].length; str.substr( 0, k ) == j[1]; str = str.substr( k ) )
|
---|
191 | retVal += j[ 0 ];
|
---|
192 | }
|
---|
193 | return retVal;
|
---|
194 | }
|
---|
195 |
|
---|
196 | // Convert alphabet numbering back to decimal.
|
---|
197 | function fromAlphabet( str )
|
---|
198 | {
|
---|
199 | str = str.toUpperCase();
|
---|
200 | var l = alpahbets.length, retVal = 1;
|
---|
201 | for ( var x = 1; str.length > 0; x *= l )
|
---|
202 | {
|
---|
203 | retVal += alpahbets.indexOf( str.charAt( str.length - 1 ) ) * x;
|
---|
204 | str = str.substr( 0, str.length - 1 );
|
---|
205 | }
|
---|
206 | return retVal;
|
---|
207 | }
|
---|
208 |
|
---|
209 | var listBaseIndent = 0,
|
---|
210 | previousListItemMargin = null,
|
---|
211 | previousListId;
|
---|
212 |
|
---|
213 | var plugin = ( CKEDITOR.plugins.pastefromword =
|
---|
214 | {
|
---|
215 | utils :
|
---|
216 | {
|
---|
217 | // Create a <cke:listbullet> which indicate an list item type.
|
---|
218 | createListBulletMarker : function ( bullet, bulletText )
|
---|
219 | {
|
---|
220 | var marker = new CKEDITOR.htmlParser.element( 'cke:listbullet' );
|
---|
221 | marker.attributes = { 'cke:listsymbol' : bullet[ 0 ] };
|
---|
222 | marker.add( new CKEDITOR.htmlParser.text( bulletText ) );
|
---|
223 | return marker;
|
---|
224 | },
|
---|
225 |
|
---|
226 | isListBulletIndicator : function( element )
|
---|
227 | {
|
---|
228 | var styleText = element.attributes && element.attributes.style;
|
---|
229 | if ( /mso-list\s*:\s*Ignore/i.test( styleText ) )
|
---|
230 | return true;
|
---|
231 | },
|
---|
232 |
|
---|
233 | isContainingOnlySpaces : function( element )
|
---|
234 | {
|
---|
235 | var text;
|
---|
236 | return ( ( text = element.onlyChild() )
|
---|
237 | && ( /^(:?\s| )+$/ ).test( text.value ) );
|
---|
238 | },
|
---|
239 |
|
---|
240 | resolveList : function( element )
|
---|
241 | {
|
---|
242 | // <cke:listbullet> indicate a list item.
|
---|
243 | var attrs = element.attributes,
|
---|
244 | listMarker;
|
---|
245 |
|
---|
246 | if ( ( listMarker = element.removeAnyChildWithName( 'cke:listbullet' ) )
|
---|
247 | && listMarker.length
|
---|
248 | && ( listMarker = listMarker[ 0 ] ) )
|
---|
249 | {
|
---|
250 | element.name = 'cke:li';
|
---|
251 |
|
---|
252 | if ( attrs.style )
|
---|
253 | {
|
---|
254 | attrs.style = plugin.filters.stylesFilter(
|
---|
255 | [
|
---|
256 | // Text-indent is not representing list item level any more.
|
---|
257 | [ 'text-indent' ],
|
---|
258 | [ 'line-height' ],
|
---|
259 | // First attempt is to resolve indent level from on a constant margin increment.
|
---|
260 | [ ( /^margin(:?-left)?$/ ), null, function( margin )
|
---|
261 | {
|
---|
262 | // Deal with component/short-hand form.
|
---|
263 | var values = margin.split( ' ' );
|
---|
264 | margin = CKEDITOR.tools.convertToPx( values[ 3 ] || values[ 1 ] || values [ 0 ] );
|
---|
265 |
|
---|
266 | // Figure out the indent unit by checking the first time of incrementation.
|
---|
267 | if ( !listBaseIndent && previousListItemMargin !== null && margin > previousListItemMargin )
|
---|
268 | listBaseIndent = margin - previousListItemMargin;
|
---|
269 |
|
---|
270 | previousListItemMargin = margin;
|
---|
271 |
|
---|
272 | attrs[ 'cke:indent' ] = listBaseIndent && ( Math.ceil( margin / listBaseIndent ) + 1 ) || 1;
|
---|
273 | } ],
|
---|
274 | // The best situation: "mso-list:l0 level1 lfo2" tells the belonged list root, list item indentation, etc.
|
---|
275 | [ ( /^mso-list$/ ), null, function( val )
|
---|
276 | {
|
---|
277 | val = val.split( ' ' );
|
---|
278 | var listId = Number( val[ 0 ].match( /\d+/ ) ),
|
---|
279 | indent = Number( val[ 1 ].match( /\d+/ ) );
|
---|
280 |
|
---|
281 | if ( indent == 1 )
|
---|
282 | {
|
---|
283 | listId !== previousListId && ( attrs[ 'cke:reset' ] = 1 );
|
---|
284 | previousListId = listId;
|
---|
285 | }
|
---|
286 | attrs[ 'cke:indent' ] = indent;
|
---|
287 | } ]
|
---|
288 | ] )( attrs.style, element ) || '';
|
---|
289 | }
|
---|
290 |
|
---|
291 | // First level list item might be presented without a margin.
|
---|
292 |
|
---|
293 |
|
---|
294 | // In case all above doesn't apply.
|
---|
295 | if ( !attrs[ 'cke:indent' ] )
|
---|
296 | {
|
---|
297 | previousListItemMargin = 0;
|
---|
298 | attrs[ 'cke:indent' ] = 1;
|
---|
299 | }
|
---|
300 |
|
---|
301 | // Inherit attributes from bullet.
|
---|
302 | CKEDITOR.tools.extend( attrs, listMarker.attributes );
|
---|
303 | return true;
|
---|
304 | }
|
---|
305 | // Current list disconnected.
|
---|
306 | else
|
---|
307 | previousListId = previousListItemMargin = listBaseIndent = null;
|
---|
308 |
|
---|
309 | return false;
|
---|
310 | },
|
---|
311 |
|
---|
312 | // Providing a shorthand style then retrieve one or more style component values.
|
---|
313 | getStyleComponents : ( function()
|
---|
314 | {
|
---|
315 | var calculator = CKEDITOR.dom.element.createFromHtml(
|
---|
316 | '<div style="position:absolute;left:-9999px;top:-9999px;"></div>',
|
---|
317 | CKEDITOR.document );
|
---|
318 | CKEDITOR.document.getBody().append( calculator );
|
---|
319 |
|
---|
320 | return function( name, styleValue, fetchList )
|
---|
321 | {
|
---|
322 | calculator.setStyle( name, styleValue );
|
---|
323 | var styles = {},
|
---|
324 | count = fetchList.length;
|
---|
325 | for ( var i = 0; i < count; i++ )
|
---|
326 | styles[ fetchList[ i ] ] = calculator.getStyle( fetchList[ i ] );
|
---|
327 |
|
---|
328 | return styles;
|
---|
329 | };
|
---|
330 | } )(),
|
---|
331 |
|
---|
332 | listDtdParents : CKEDITOR.dtd.parentOf( 'ol' )
|
---|
333 | },
|
---|
334 |
|
---|
335 | filters :
|
---|
336 | {
|
---|
337 | // Transform a normal list into flat list items only presentation.
|
---|
338 | // E.g. <ul><li>level1<ol><li>level2</li></ol></li> =>
|
---|
339 | // <cke:li cke:listtype="ul" cke:indent="1">level1</cke:li>
|
---|
340 | // <cke:li cke:listtype="ol" cke:indent="2">level2</cke:li>
|
---|
341 | flattenList : function( element, level )
|
---|
342 | {
|
---|
343 | level = typeof level == 'number' ? level : 1;
|
---|
344 |
|
---|
345 | var attrs = element.attributes,
|
---|
346 | listStyleType;
|
---|
347 |
|
---|
348 | // All list items are of the same type.
|
---|
349 | switch ( attrs.type )
|
---|
350 | {
|
---|
351 | case 'a' :
|
---|
352 | listStyleType = 'lower-alpha';
|
---|
353 | break;
|
---|
354 | case '1' :
|
---|
355 | listStyleType = 'decimal';
|
---|
356 | break;
|
---|
357 | // TODO: Support more list style type from MS-Word.
|
---|
358 | }
|
---|
359 |
|
---|
360 | var children = element.children,
|
---|
361 | child;
|
---|
362 |
|
---|
363 | for ( var i = 0; i < children.length; i++ )
|
---|
364 | {
|
---|
365 | child = children[ i ];
|
---|
366 |
|
---|
367 | if ( child.name in CKEDITOR.dtd.$listItem )
|
---|
368 | {
|
---|
369 | var attributes = child.attributes,
|
---|
370 | listItemChildren = child.children,
|
---|
371 | count = listItemChildren.length,
|
---|
372 | last = listItemChildren[ count - 1 ];
|
---|
373 |
|
---|
374 | // Move out nested list.
|
---|
375 | if ( last.name in CKEDITOR.dtd.$list )
|
---|
376 | {
|
---|
377 | element.add( last, i + 1 );
|
---|
378 |
|
---|
379 | // Remove the parent list item if it's just a holder.
|
---|
380 | if ( !--listItemChildren.length )
|
---|
381 | children.splice( i--, 1 );
|
---|
382 | }
|
---|
383 |
|
---|
384 | child.name = 'cke:li';
|
---|
385 |
|
---|
386 | // Inherit numbering from list root on the first list item.
|
---|
387 | attrs.start && !i && ( attributes.value = attrs.start );
|
---|
388 |
|
---|
389 | plugin.filters.stylesFilter(
|
---|
390 | [
|
---|
391 | [ 'tab-stops', null, function( val )
|
---|
392 | {
|
---|
393 | var margin = val.split( ' ' )[ 1 ].match( cssLengthRelativeUnit );
|
---|
394 | margin && ( previousListItemMargin = CKEDITOR.tools.convertToPx( margin[ 0 ] ) );
|
---|
395 | } ],
|
---|
396 | ( level == 1 ? [ 'mso-list', null, function( val )
|
---|
397 | {
|
---|
398 | val = val.split( ' ' );
|
---|
399 | var listId = Number( val[ 0 ].match( /\d+/ ) );
|
---|
400 | listId !== previousListId && ( attributes[ 'cke:reset' ] = 1 );
|
---|
401 | previousListId = listId;
|
---|
402 | } ] : null )
|
---|
403 | ] )( attributes.style );
|
---|
404 |
|
---|
405 | attributes[ 'cke:indent' ] = level;
|
---|
406 | attributes[ 'cke:listtype' ] = element.name;
|
---|
407 | attributes[ 'cke:list-style-type' ] = listStyleType;
|
---|
408 | }
|
---|
409 | // Flatten sub list.
|
---|
410 | else if ( child.name in CKEDITOR.dtd.$list )
|
---|
411 | {
|
---|
412 | // Absorb sub list children.
|
---|
413 | arguments.callee.apply( this, [ child, level + 1 ] );
|
---|
414 | children = children.slice( 0, i ).concat( child.children ).concat( children.slice( i + 1 ) );
|
---|
415 | element.children = [];
|
---|
416 | for ( var j = 0, num = children.length; j < num ; j++ )
|
---|
417 | element.add( children[ j ] );
|
---|
418 | }
|
---|
419 | }
|
---|
420 |
|
---|
421 | delete element.name;
|
---|
422 |
|
---|
423 | // We're loosing tag name here, signalize this element as a list.
|
---|
424 | attrs[ 'cke:list' ] = 1;
|
---|
425 | },
|
---|
426 |
|
---|
427 | /**
|
---|
428 | * Try to collect all list items among the children and establish one
|
---|
429 | * or more HTML list structures for them.
|
---|
430 | * @param element
|
---|
431 | */
|
---|
432 | assembleList : function( element )
|
---|
433 | {
|
---|
434 | var children = element.children, child,
|
---|
435 | listItem, // The current processing cke:li element.
|
---|
436 | listItemAttrs,
|
---|
437 | listItemIndent, // Indent level of current list item.
|
---|
438 | lastIndent,
|
---|
439 | lastListItem, // The previous one just been added to the list.
|
---|
440 | list, // Current staging list and it's parent list if any.
|
---|
441 | openedLists = [],
|
---|
442 | previousListStyleType,
|
---|
443 | previousListType;
|
---|
444 |
|
---|
445 | // Properties of the list item are to be resolved from the list bullet.
|
---|
446 | var bullet,
|
---|
447 | listType,
|
---|
448 | listStyleType,
|
---|
449 | itemNumeric;
|
---|
450 |
|
---|
451 | for ( var i = 0; i < children.length; i++ )
|
---|
452 | {
|
---|
453 | child = children[ i ];
|
---|
454 |
|
---|
455 | if ( 'cke:li' == child.name )
|
---|
456 | {
|
---|
457 | child.name = 'li';
|
---|
458 | listItem = child;
|
---|
459 | listItemAttrs = listItem.attributes;
|
---|
460 | bullet = listItemAttrs[ 'cke:listsymbol' ];
|
---|
461 | bullet = bullet && bullet.match( /^(?:[(]?)([^\s]+?)([.)]?)$/ );
|
---|
462 | listType = listStyleType = itemNumeric = null;
|
---|
463 |
|
---|
464 | if ( listItemAttrs[ 'cke:ignored' ] )
|
---|
465 | {
|
---|
466 | children.splice( i--, 1 );
|
---|
467 | continue;
|
---|
468 | }
|
---|
469 |
|
---|
470 |
|
---|
471 | // This's from a new list root.
|
---|
472 | listItemAttrs[ 'cke:reset' ] && ( list = lastIndent = lastListItem = null );
|
---|
473 |
|
---|
474 | // List item indent level might come from a real list indentation or
|
---|
475 | // been resolved from a pseudo list item's margin value, even get
|
---|
476 | // no indentation at all.
|
---|
477 | listItemIndent = Number( listItemAttrs[ 'cke:indent' ] );
|
---|
478 |
|
---|
479 | // We're moving out of the current list, cleaning up.
|
---|
480 | if ( listItemIndent != lastIndent )
|
---|
481 | previousListType = previousListStyleType = null;
|
---|
482 |
|
---|
483 | // List type and item style are already resolved.
|
---|
484 | if ( !bullet )
|
---|
485 | {
|
---|
486 | listType = listItemAttrs[ 'cke:listtype' ] || 'ol';
|
---|
487 | listStyleType = listItemAttrs[ 'cke:list-style-type' ];
|
---|
488 | }
|
---|
489 | else
|
---|
490 | {
|
---|
491 | // Probably share the same list style type with previous list item,
|
---|
492 | // give it priority to avoid ambiguous between C(Alpha) and C.(Roman).
|
---|
493 | if ( previousListType && listMarkerPatterns[ previousListType ] [ previousListStyleType ].test( bullet[ 1 ] ) )
|
---|
494 | {
|
---|
495 | listType = previousListType;
|
---|
496 | listStyleType = previousListStyleType;
|
---|
497 | }
|
---|
498 | else
|
---|
499 | {
|
---|
500 | for ( var type in listMarkerPatterns )
|
---|
501 | {
|
---|
502 | for ( var style in listMarkerPatterns[ type ] )
|
---|
503 | {
|
---|
504 | if ( listMarkerPatterns[ type ][ style ].test( bullet[ 1 ] ) )
|
---|
505 | {
|
---|
506 | // Small numbering has higher priority, when dealing with ambiguous
|
---|
507 | // between C(Alpha) and C.(Roman).
|
---|
508 | if ( type == 'ol' && ( /alpha|roman/ ).test( style ) )
|
---|
509 | {
|
---|
510 | var num = /roman/.test( style ) ? fromRoman( bullet[ 1 ] ) : fromAlphabet( bullet[ 1 ] );
|
---|
511 | if ( !itemNumeric || num < itemNumeric )
|
---|
512 | {
|
---|
513 | itemNumeric = num;
|
---|
514 | listType = type;
|
---|
515 | listStyleType = style;
|
---|
516 | }
|
---|
517 | }
|
---|
518 | else
|
---|
519 | {
|
---|
520 | listType = type;
|
---|
521 | listStyleType = style;
|
---|
522 | break;
|
---|
523 | }
|
---|
524 | }
|
---|
525 | }
|
---|
526 | }
|
---|
527 | }
|
---|
528 |
|
---|
529 | // Simply use decimal/disc for the rest forms of unrepresentable
|
---|
530 | // numerals, e.g. Chinese..., but as long as there a second part
|
---|
531 | // included, it has a bigger chance of being a order list ;)
|
---|
532 | !listType && ( listType = bullet[ 2 ] ? 'ol' : 'ul' );
|
---|
533 | }
|
---|
534 |
|
---|
535 | previousListType = listType;
|
---|
536 | previousListStyleType = listStyleType || ( listType == 'ol' ? 'decimal' : 'disc' );
|
---|
537 | if ( listStyleType && listStyleType != ( listType == 'ol' ? 'decimal' : 'disc' ) )
|
---|
538 | listItem.addStyle( 'list-style-type', listStyleType );
|
---|
539 |
|
---|
540 | // Figure out start numbering.
|
---|
541 | if ( listType == 'ol' && bullet )
|
---|
542 | {
|
---|
543 | switch ( listStyleType )
|
---|
544 | {
|
---|
545 | case 'decimal' :
|
---|
546 | itemNumeric = Number( bullet[ 1 ] );
|
---|
547 | break;
|
---|
548 | case 'lower-roman':
|
---|
549 | case 'upper-roman':
|
---|
550 | itemNumeric = fromRoman( bullet[ 1 ] );
|
---|
551 | break;
|
---|
552 | case 'lower-alpha':
|
---|
553 | case 'upper-alpha':
|
---|
554 | itemNumeric = fromAlphabet( bullet[ 1 ] );
|
---|
555 | break;
|
---|
556 | }
|
---|
557 |
|
---|
558 | // Always create the numbering, swipe out unnecessary ones later.
|
---|
559 | listItem.attributes.value = itemNumeric;
|
---|
560 | }
|
---|
561 |
|
---|
562 | // Start the list construction.
|
---|
563 | if ( !list )
|
---|
564 | {
|
---|
565 | openedLists.push( list = new CKEDITOR.htmlParser.element( listType ) );
|
---|
566 | list.add( listItem );
|
---|
567 | children[ i ] = list;
|
---|
568 | }
|
---|
569 | else
|
---|
570 | {
|
---|
571 | if ( listItemIndent > lastIndent )
|
---|
572 | {
|
---|
573 | openedLists.push( list = new CKEDITOR.htmlParser.element( listType ) );
|
---|
574 | list.add( listItem );
|
---|
575 | lastListItem.add( list );
|
---|
576 | }
|
---|
577 | else if ( listItemIndent < lastIndent )
|
---|
578 | {
|
---|
579 | // There might be a negative gap between two list levels. (#4944)
|
---|
580 | var diff = lastIndent - listItemIndent,
|
---|
581 | parent;
|
---|
582 | while ( diff-- && ( parent = list.parent ) )
|
---|
583 | list = parent.parent;
|
---|
584 |
|
---|
585 | list.add( listItem );
|
---|
586 | }
|
---|
587 | else
|
---|
588 | list.add( listItem );
|
---|
589 |
|
---|
590 | children.splice( i--, 1 );
|
---|
591 | }
|
---|
592 |
|
---|
593 | lastListItem = listItem;
|
---|
594 | lastIndent = listItemIndent;
|
---|
595 | }
|
---|
596 | else if ( list )
|
---|
597 | list = lastIndent = lastListItem = null;
|
---|
598 | }
|
---|
599 |
|
---|
600 | for ( i = 0; i < openedLists.length; i++ )
|
---|
601 | postProcessList( openedLists[ i ] );
|
---|
602 |
|
---|
603 | list = lastIndent = lastListItem = previousListId = previousListItemMargin = listBaseIndent = null;
|
---|
604 | },
|
---|
605 |
|
---|
606 | /**
|
---|
607 | * A simple filter which always rejecting.
|
---|
608 | */
|
---|
609 | falsyFilter : function( value )
|
---|
610 | {
|
---|
611 | return false;
|
---|
612 | },
|
---|
613 |
|
---|
614 | /**
|
---|
615 | * A filter dedicated on the 'style' attribute filtering, e.g. dropping/replacing style properties.
|
---|
616 | * @param styles {Array} in form of [ styleNameRegexp, styleValueRegexp,
|
---|
617 | * newStyleValue/newStyleGenerator, newStyleName ] where only the first
|
---|
618 | * parameter is mandatory.
|
---|
619 | * @param whitelist {Boolean} Whether the {@param styles} will be considered as a white-list.
|
---|
620 | */
|
---|
621 | stylesFilter : function( styles, whitelist )
|
---|
622 | {
|
---|
623 | return function( styleText, element )
|
---|
624 | {
|
---|
625 | var rules = [];
|
---|
626 | // html-encoded quote might be introduced by 'font-family'
|
---|
627 | // from MS-Word which confused the following regexp. e.g.
|
---|
628 | //'font-family: "Lucida, Console"'
|
---|
629 | ( styleText || '' )
|
---|
630 | .replace( /"/g, '"' )
|
---|
631 | .replace( /\s*([^ :;]+)\s*:\s*([^;]+)\s*(?=;|$)/g,
|
---|
632 | function( match, name, value )
|
---|
633 | {
|
---|
634 | name = name.toLowerCase();
|
---|
635 | name == 'font-family' && ( value = value.replace( /["']/g, '' ) );
|
---|
636 |
|
---|
637 | var namePattern,
|
---|
638 | valuePattern,
|
---|
639 | newValue,
|
---|
640 | newName;
|
---|
641 | for ( var i = 0 ; i < styles.length; i++ )
|
---|
642 | {
|
---|
643 | if ( styles[ i ] )
|
---|
644 | {
|
---|
645 | namePattern = styles[ i ][ 0 ];
|
---|
646 | valuePattern = styles[ i ][ 1 ];
|
---|
647 | newValue = styles[ i ][ 2 ];
|
---|
648 | newName = styles[ i ][ 3 ];
|
---|
649 |
|
---|
650 | if ( name.match( namePattern )
|
---|
651 | && ( !valuePattern || value.match( valuePattern ) ) )
|
---|
652 | {
|
---|
653 | name = newName || name;
|
---|
654 | whitelist && ( newValue = newValue || value );
|
---|
655 |
|
---|
656 | if ( typeof newValue == 'function' )
|
---|
657 | newValue = newValue( value, element, name );
|
---|
658 |
|
---|
659 | // Return an couple indicate both name and value
|
---|
660 | // changed.
|
---|
661 | if ( newValue && newValue.push )
|
---|
662 | name = newValue[ 0 ], newValue = newValue[ 1 ];
|
---|
663 |
|
---|
664 | if ( typeof newValue == 'string' )
|
---|
665 | rules.push( [ name, newValue ] );
|
---|
666 | return;
|
---|
667 | }
|
---|
668 | }
|
---|
669 | }
|
---|
670 |
|
---|
671 | !whitelist && rules.push( [ name, value ] );
|
---|
672 |
|
---|
673 | });
|
---|
674 |
|
---|
675 | for ( var i = 0 ; i < rules.length ; i++ )
|
---|
676 | rules[ i ] = rules[ i ].join( ':' );
|
---|
677 | return rules.length ?
|
---|
678 | ( rules.join( ';' ) + ';' ) : false;
|
---|
679 | };
|
---|
680 | },
|
---|
681 |
|
---|
682 | /**
|
---|
683 | * Migrate the element by decorate styles on it.
|
---|
684 | * @param styleDefiniton
|
---|
685 | * @param variables
|
---|
686 | */
|
---|
687 | elementMigrateFilter : function ( styleDefiniton, variables )
|
---|
688 | {
|
---|
689 | return function( element )
|
---|
690 | {
|
---|
691 | var styleDef =
|
---|
692 | variables ?
|
---|
693 | new CKEDITOR.style( styleDefiniton, variables )._.definition
|
---|
694 | : styleDefiniton;
|
---|
695 | element.name = styleDef.element;
|
---|
696 | CKEDITOR.tools.extend( element.attributes, CKEDITOR.tools.clone( styleDef.attributes ) );
|
---|
697 | element.addStyle( CKEDITOR.style.getStyleText( styleDef ) );
|
---|
698 | };
|
---|
699 | },
|
---|
700 |
|
---|
701 | /**
|
---|
702 | * Migrate styles by creating a new nested stylish element.
|
---|
703 | * @param styleDefinition
|
---|
704 | */
|
---|
705 | styleMigrateFilter : function( styleDefinition, variableName )
|
---|
706 | {
|
---|
707 |
|
---|
708 | var elementMigrateFilter = this.elementMigrateFilter;
|
---|
709 | return function( value, element )
|
---|
710 | {
|
---|
711 | // Build an stylish element first.
|
---|
712 | var styleElement = new CKEDITOR.htmlParser.element( null ),
|
---|
713 | variables = {};
|
---|
714 |
|
---|
715 | variables[ variableName ] = value;
|
---|
716 | elementMigrateFilter( styleDefinition, variables )( styleElement );
|
---|
717 | // Place the new element inside the existing span.
|
---|
718 | styleElement.children = element.children;
|
---|
719 | element.children = [ styleElement ];
|
---|
720 | };
|
---|
721 | },
|
---|
722 |
|
---|
723 | /**
|
---|
724 | * A filter which remove cke-namespaced-attribute on
|
---|
725 | * all none-cke-namespaced elements.
|
---|
726 | * @param value
|
---|
727 | * @param element
|
---|
728 | */
|
---|
729 | bogusAttrFilter : function( value, element )
|
---|
730 | {
|
---|
731 | if ( element.name.indexOf( 'cke:' ) == -1 )
|
---|
732 | return false;
|
---|
733 | },
|
---|
734 |
|
---|
735 | /**
|
---|
736 | * A filter which will be used to apply inline css style according the stylesheet
|
---|
737 | * definition rules, is generated lazily when filtering.
|
---|
738 | */
|
---|
739 | applyStyleFilter : null
|
---|
740 |
|
---|
741 | },
|
---|
742 |
|
---|
743 | getRules : function( editor )
|
---|
744 | {
|
---|
745 | var dtd = CKEDITOR.dtd,
|
---|
746 | blockLike = CKEDITOR.tools.extend( {}, dtd.$block, dtd.$listItem, dtd.$tableContent ),
|
---|
747 | config = editor.config,
|
---|
748 | filters = this.filters,
|
---|
749 | falsyFilter = filters.falsyFilter,
|
---|
750 | stylesFilter = filters.stylesFilter,
|
---|
751 | elementMigrateFilter = filters.elementMigrateFilter,
|
---|
752 | styleMigrateFilter = CKEDITOR.tools.bind( this.filters.styleMigrateFilter, this.filters ),
|
---|
753 | createListBulletMarker = this.utils.createListBulletMarker,
|
---|
754 | flattenList = filters.flattenList,
|
---|
755 | assembleList = filters.assembleList,
|
---|
756 | isListBulletIndicator = this.utils.isListBulletIndicator,
|
---|
757 | containsNothingButSpaces = this.utils.isContainingOnlySpaces,
|
---|
758 | resolveListItem = this.utils.resolveList,
|
---|
759 | convertToPx = function( value )
|
---|
760 | {
|
---|
761 | value = CKEDITOR.tools.convertToPx( value );
|
---|
762 | return isNaN( value ) ? value : value + 'px';
|
---|
763 | },
|
---|
764 | getStyleComponents = this.utils.getStyleComponents,
|
---|
765 | listDtdParents = this.utils.listDtdParents,
|
---|
766 | removeFontStyles = config.pasteFromWordRemoveFontStyles !== false,
|
---|
767 | removeStyles = config.pasteFromWordRemoveStyles !== false;
|
---|
768 |
|
---|
769 | return {
|
---|
770 |
|
---|
771 | elementNames :
|
---|
772 | [
|
---|
773 | // Remove script, meta and link elements.
|
---|
774 | [ ( /meta|link|script/ ), '' ]
|
---|
775 | ],
|
---|
776 |
|
---|
777 | root : function( element )
|
---|
778 | {
|
---|
779 | element.filterChildren();
|
---|
780 | assembleList( element );
|
---|
781 | },
|
---|
782 |
|
---|
783 | elements :
|
---|
784 | {
|
---|
785 | '^' : function( element )
|
---|
786 | {
|
---|
787 | // Transform CSS style declaration to inline style.
|
---|
788 | var applyStyleFilter;
|
---|
789 | if ( CKEDITOR.env.gecko && ( applyStyleFilter = filters.applyStyleFilter ) )
|
---|
790 | applyStyleFilter( element );
|
---|
791 | },
|
---|
792 |
|
---|
793 | $ : function( element )
|
---|
794 | {
|
---|
795 | var tagName = element.name || '',
|
---|
796 | attrs = element.attributes;
|
---|
797 |
|
---|
798 | // Convert length unit of width/height on blocks to
|
---|
799 | // a more editor-friendly way (px).
|
---|
800 | if ( tagName in blockLike
|
---|
801 | && attrs.style )
|
---|
802 | {
|
---|
803 | attrs.style = stylesFilter(
|
---|
804 | [ [ ( /^(:?width|height)$/ ), null, convertToPx ] ] )( attrs.style ) || '';
|
---|
805 | }
|
---|
806 |
|
---|
807 | // Processing headings.
|
---|
808 | if ( tagName.match( /h\d/ ) )
|
---|
809 | {
|
---|
810 | element.filterChildren();
|
---|
811 | // Is the heading actually a list item?
|
---|
812 | if ( resolveListItem( element ) )
|
---|
813 | return;
|
---|
814 |
|
---|
815 | // Adapt heading styles to editor's convention.
|
---|
816 | elementMigrateFilter( config[ 'format_' + tagName ] )( element );
|
---|
817 | }
|
---|
818 | // Remove inline elements which contain only empty spaces.
|
---|
819 | else if ( tagName in dtd.$inline )
|
---|
820 | {
|
---|
821 | element.filterChildren();
|
---|
822 | if ( containsNothingButSpaces( element ) )
|
---|
823 | delete element.name;
|
---|
824 | }
|
---|
825 | // Remove element with ms-office namespace,
|
---|
826 | // with it's content preserved, e.g. 'o:p'.
|
---|
827 | else if ( tagName.indexOf( ':' ) != -1
|
---|
828 | && tagName.indexOf( 'cke' ) == -1 )
|
---|
829 | {
|
---|
830 | element.filterChildren();
|
---|
831 |
|
---|
832 | // Restore image real link from vml.
|
---|
833 | if ( tagName == 'v:imagedata' )
|
---|
834 | {
|
---|
835 | var href = element.attributes[ 'o:href' ];
|
---|
836 | if ( href )
|
---|
837 | element.attributes.src = href;
|
---|
838 | element.name = 'img';
|
---|
839 | return;
|
---|
840 | }
|
---|
841 | delete element.name;
|
---|
842 | }
|
---|
843 |
|
---|
844 | // Assembling list items into a whole list.
|
---|
845 | if ( tagName in listDtdParents )
|
---|
846 | {
|
---|
847 | element.filterChildren();
|
---|
848 | assembleList( element );
|
---|
849 | }
|
---|
850 | },
|
---|
851 |
|
---|
852 | // We'll drop any style sheet, but Firefox conclude
|
---|
853 | // certain styles in a single style element, which are
|
---|
854 | // required to be changed into inline ones.
|
---|
855 | 'style' : function( element )
|
---|
856 | {
|
---|
857 | if ( CKEDITOR.env.gecko )
|
---|
858 | {
|
---|
859 | // Grab only the style definition section.
|
---|
860 | var styleDefSection = element.onlyChild().value.match( /\/\* Style Definitions \*\/([\s\S]*?)\/\*/ ),
|
---|
861 | styleDefText = styleDefSection && styleDefSection[ 1 ],
|
---|
862 | rules = {}; // Storing the parsed result.
|
---|
863 |
|
---|
864 | if ( styleDefText )
|
---|
865 | {
|
---|
866 | styleDefText
|
---|
867 | // Remove line-breaks.
|
---|
868 | .replace(/[\n\r]/g,'')
|
---|
869 | // Extract selectors and style properties.
|
---|
870 | .replace( /(.+?)\{(.+?)\}/g,
|
---|
871 | function( rule, selectors, styleBlock )
|
---|
872 | {
|
---|
873 | selectors = selectors.split( ',' );
|
---|
874 | var length = selectors.length, selector;
|
---|
875 | for ( var i = 0; i < length; i++ )
|
---|
876 | {
|
---|
877 | // Assume MS-Word mostly generate only simple
|
---|
878 | // selector( [Type selector][Class selector]).
|
---|
879 | CKEDITOR.tools.trim( selectors[ i ] )
|
---|
880 | .replace( /^(\w+)(\.[\w-]+)?$/g,
|
---|
881 | function( match, tagName, className )
|
---|
882 | {
|
---|
883 | tagName = tagName || '*';
|
---|
884 | className = className.substring( 1, className.length );
|
---|
885 |
|
---|
886 | // Reject MS-Word Normal styles.
|
---|
887 | if ( className.match( /MsoNormal/ ) )
|
---|
888 | return;
|
---|
889 |
|
---|
890 | if ( !rules[ tagName ] )
|
---|
891 | rules[ tagName ] = {};
|
---|
892 | if ( className )
|
---|
893 | rules[ tagName ][ className ] = styleBlock;
|
---|
894 | else
|
---|
895 | rules[ tagName ] = styleBlock;
|
---|
896 | } );
|
---|
897 | }
|
---|
898 | });
|
---|
899 |
|
---|
900 | filters.applyStyleFilter = function( element )
|
---|
901 | {
|
---|
902 | var name = rules[ '*' ] ? '*' : element.name,
|
---|
903 | className = element.attributes && element.attributes[ 'class' ],
|
---|
904 | style;
|
---|
905 | if ( name in rules )
|
---|
906 | {
|
---|
907 | style = rules[ name ];
|
---|
908 | if ( typeof style == 'object' )
|
---|
909 | style = style[ className ];
|
---|
910 | // Maintain style rules priorities.
|
---|
911 | style && element.addStyle( style, true );
|
---|
912 | }
|
---|
913 | };
|
---|
914 | }
|
---|
915 | }
|
---|
916 | return false;
|
---|
917 | },
|
---|
918 |
|
---|
919 | 'p' : function( element )
|
---|
920 | {
|
---|
921 | // This's a fall-back approach to recognize list item in FF3.6,
|
---|
922 | // as it's not perfect as not all list style (e.g. "heading list") is shipped
|
---|
923 | // with this pattern. (#6662)
|
---|
924 | if ( /MsoListParagraph/.exec( element.attributes[ 'class' ] ) )
|
---|
925 | {
|
---|
926 | var bulletText = element.firstChild( function( node )
|
---|
927 | {
|
---|
928 | return node.type == CKEDITOR.NODE_TEXT && !containsNothingButSpaces( node.parent );
|
---|
929 | });
|
---|
930 | var bullet = bulletText && bulletText.parent,
|
---|
931 | bulletAttrs = bullet && bullet.attributes;
|
---|
932 | bulletAttrs && !bulletAttrs.style && ( bulletAttrs.style = 'mso-list: Ignore;' );
|
---|
933 | }
|
---|
934 |
|
---|
935 | element.filterChildren();
|
---|
936 |
|
---|
937 | // Is the paragraph actually a list item?
|
---|
938 | if ( resolveListItem( element ) )
|
---|
939 | return;
|
---|
940 |
|
---|
941 | // Adapt paragraph formatting to editor's convention
|
---|
942 | // according to enter-mode.
|
---|
943 | if ( config.enterMode == CKEDITOR.ENTER_BR )
|
---|
944 | {
|
---|
945 | // We suffer from attribute/style lost in this situation.
|
---|
946 | delete element.name;
|
---|
947 | element.add( new CKEDITOR.htmlParser.element( 'br' ) );
|
---|
948 | }
|
---|
949 | else
|
---|
950 | elementMigrateFilter( config[ 'format_' + ( config.enterMode == CKEDITOR.ENTER_P ? 'p' : 'div' ) ] )( element );
|
---|
951 | },
|
---|
952 |
|
---|
953 | 'div' : function( element )
|
---|
954 | {
|
---|
955 | // Aligned table with no text surrounded is represented by a wrapper div, from which
|
---|
956 | // table cells inherit as text-align styles, which is wrong.
|
---|
957 | // Instead we use a clear-float div after the table to properly achieve the same layout.
|
---|
958 | var singleChild = element.onlyChild();
|
---|
959 | if ( singleChild && singleChild.name == 'table' )
|
---|
960 | {
|
---|
961 | var attrs = element.attributes;
|
---|
962 | singleChild.attributes = CKEDITOR.tools.extend( singleChild.attributes, attrs );
|
---|
963 | attrs.style && singleChild.addStyle( attrs.style );
|
---|
964 |
|
---|
965 | var clearFloatDiv = new CKEDITOR.htmlParser.element( 'div' );
|
---|
966 | clearFloatDiv.addStyle( 'clear' ,'both' );
|
---|
967 | element.add( clearFloatDiv );
|
---|
968 | delete element.name;
|
---|
969 | }
|
---|
970 | },
|
---|
971 |
|
---|
972 | 'td' : function ( element )
|
---|
973 | {
|
---|
974 | // 'td' in 'thead' is actually <th>.
|
---|
975 | if ( element.getAncestor( 'thead') )
|
---|
976 | element.name = 'th';
|
---|
977 | },
|
---|
978 |
|
---|
979 | // MS-Word sometimes present list as a mixing of normal list
|
---|
980 | // and pseudo-list, normalize the previous ones into pseudo form.
|
---|
981 | 'ol' : flattenList,
|
---|
982 | 'ul' : flattenList,
|
---|
983 | 'dl' : flattenList,
|
---|
984 |
|
---|
985 | 'font' : function( element )
|
---|
986 | {
|
---|
987 | // Drop the font tag if it comes from list bullet text.
|
---|
988 | if ( isListBulletIndicator( element.parent ) )
|
---|
989 | {
|
---|
990 | delete element.name;
|
---|
991 | return;
|
---|
992 | }
|
---|
993 |
|
---|
994 | element.filterChildren();
|
---|
995 |
|
---|
996 | var attrs = element.attributes,
|
---|
997 | styleText = attrs.style,
|
---|
998 | parent = element.parent;
|
---|
999 |
|
---|
1000 | if ( 'font' == parent.name ) // Merge nested <font> tags.
|
---|
1001 | {
|
---|
1002 | CKEDITOR.tools.extend( parent.attributes,
|
---|
1003 | element.attributes );
|
---|
1004 | styleText && parent.addStyle( styleText );
|
---|
1005 | delete element.name;
|
---|
1006 | }
|
---|
1007 | // Convert the merged into a span with all attributes preserved.
|
---|
1008 | else
|
---|
1009 | {
|
---|
1010 | styleText = styleText || '';
|
---|
1011 | // IE's having those deprecated attributes, normalize them.
|
---|
1012 | if ( attrs.color )
|
---|
1013 | {
|
---|
1014 | attrs.color != '#000000' && ( styleText += 'color:' + attrs.color + ';' );
|
---|
1015 | delete attrs.color;
|
---|
1016 | }
|
---|
1017 | if ( attrs.face )
|
---|
1018 | {
|
---|
1019 | styleText += 'font-family:' + attrs.face + ';';
|
---|
1020 | delete attrs.face;
|
---|
1021 | }
|
---|
1022 | // TODO: Mapping size in ranges of xx-small,
|
---|
1023 | // x-small, small, medium, large, x-large, xx-large.
|
---|
1024 | if ( attrs.size )
|
---|
1025 | {
|
---|
1026 | styleText += 'font-size:' +
|
---|
1027 | ( attrs.size > 3 ? 'large'
|
---|
1028 | : ( attrs.size < 3 ? 'small' : 'medium' ) ) + ';';
|
---|
1029 | delete attrs.size;
|
---|
1030 | }
|
---|
1031 |
|
---|
1032 | element.name = 'span';
|
---|
1033 | element.addStyle( styleText );
|
---|
1034 | }
|
---|
1035 | },
|
---|
1036 |
|
---|
1037 | 'span' : function( element )
|
---|
1038 | {
|
---|
1039 | // Remove the span if it comes from list bullet text.
|
---|
1040 | if ( isListBulletIndicator( element.parent ) )
|
---|
1041 | return false;
|
---|
1042 |
|
---|
1043 | element.filterChildren();
|
---|
1044 | if ( containsNothingButSpaces( element ) )
|
---|
1045 | {
|
---|
1046 | delete element.name;
|
---|
1047 | return null;
|
---|
1048 | }
|
---|
1049 |
|
---|
1050 | // List item bullet type is supposed to be indicated by
|
---|
1051 | // the text of a span with style 'mso-list : Ignore' or an image.
|
---|
1052 | if ( isListBulletIndicator( element ) )
|
---|
1053 | {
|
---|
1054 | var listSymbolNode = element.firstChild( function( node )
|
---|
1055 | {
|
---|
1056 | return node.value || node.name == 'img';
|
---|
1057 | });
|
---|
1058 |
|
---|
1059 | var listSymbol = listSymbolNode && ( listSymbolNode.value || 'l.' ),
|
---|
1060 | listType = listSymbol && listSymbol.match( /^(?:[(]?)([^\s]+?)([.)]?)$/ );
|
---|
1061 |
|
---|
1062 | if ( listType )
|
---|
1063 | {
|
---|
1064 | var marker = createListBulletMarker( listType, listSymbol );
|
---|
1065 | // Some non-existed list items might be carried by an inconsequential list, indicate by "mso-hide:all/display:none",
|
---|
1066 | // those are to be removed later, now mark it with "cke:ignored".
|
---|
1067 | var ancestor = element.getAncestor( 'span' );
|
---|
1068 | if ( ancestor && (/ mso-hide:\s*all|display:\s*none /).test( ancestor.attributes.style ) )
|
---|
1069 | marker.attributes[ 'cke:ignored' ] = 1;
|
---|
1070 | return marker;
|
---|
1071 | }
|
---|
1072 | }
|
---|
1073 |
|
---|
1074 | // Update the src attribute of image element with href.
|
---|
1075 | var children = element.children,
|
---|
1076 | attrs = element.attributes,
|
---|
1077 | styleText = attrs && attrs.style,
|
---|
1078 | firstChild = children && children[ 0 ];
|
---|
1079 |
|
---|
1080 | // Assume MS-Word mostly carry font related styles on <span>,
|
---|
1081 | // adapting them to editor's convention.
|
---|
1082 | if ( styleText )
|
---|
1083 | {
|
---|
1084 | attrs.style = stylesFilter(
|
---|
1085 | [
|
---|
1086 | // Drop 'inline-height' style which make lines overlapping.
|
---|
1087 | [ 'line-height' ],
|
---|
1088 | [ ( /^font-family$/ ), null, !removeFontStyles ? styleMigrateFilter( config[ 'font_style' ], 'family' ) : null ] ,
|
---|
1089 | [ ( /^font-size$/ ), null, !removeFontStyles ? styleMigrateFilter( config[ 'fontSize_style' ], 'size' ) : null ] ,
|
---|
1090 | [ ( /^color$/ ), null, !removeFontStyles ? styleMigrateFilter( config[ 'colorButton_foreStyle' ], 'color' ) : null ] ,
|
---|
1091 | [ ( /^background-color$/ ), null, !removeFontStyles ? styleMigrateFilter( config[ 'colorButton_backStyle' ], 'color' ) : null ]
|
---|
1092 | ] )( styleText, element ) || '';
|
---|
1093 | }
|
---|
1094 |
|
---|
1095 | return null;
|
---|
1096 | },
|
---|
1097 |
|
---|
1098 | // Migrate basic style formats to editor configured ones.
|
---|
1099 | 'b' : elementMigrateFilter( config[ 'coreStyles_bold' ] ),
|
---|
1100 | 'i' : elementMigrateFilter( config[ 'coreStyles_italic' ] ),
|
---|
1101 | 'u' : elementMigrateFilter( config[ 'coreStyles_underline' ] ),
|
---|
1102 | 's' : elementMigrateFilter( config[ 'coreStyles_strike' ] ),
|
---|
1103 | 'sup' : elementMigrateFilter( config[ 'coreStyles_superscript' ] ),
|
---|
1104 | 'sub' : elementMigrateFilter( config[ 'coreStyles_subscript' ] ),
|
---|
1105 | // Editor doesn't support anchor with content currently (#3582),
|
---|
1106 | // drop such anchors with content preserved.
|
---|
1107 | 'a' : function( element )
|
---|
1108 | {
|
---|
1109 | var attrs = element.attributes;
|
---|
1110 | if ( attrs && !attrs.href && attrs.name )
|
---|
1111 | delete element.name;
|
---|
1112 | else if ( CKEDITOR.env.webkit && attrs.href && attrs.href.match( /file:\/\/\/[\S]+#/i ) )
|
---|
1113 | attrs.href = attrs.href.replace( /file:\/\/\/[^#]+/i,'' );
|
---|
1114 | },
|
---|
1115 | 'cke:listbullet' : function( element )
|
---|
1116 | {
|
---|
1117 | if ( element.getAncestor( /h\d/ ) && !config.pasteFromWordNumberedHeadingToList )
|
---|
1118 | delete element.name;
|
---|
1119 | }
|
---|
1120 | },
|
---|
1121 |
|
---|
1122 | attributeNames :
|
---|
1123 | [
|
---|
1124 | // Remove onmouseover and onmouseout events (from MS Word comments effect)
|
---|
1125 | [ ( /^onmouse(:?out|over)/ ), '' ],
|
---|
1126 | // Onload on image element.
|
---|
1127 | [ ( /^onload$/ ), '' ],
|
---|
1128 | // Remove office and vml attribute from elements.
|
---|
1129 | [ ( /(?:v|o):\w+/ ), '' ],
|
---|
1130 | // Remove lang/language attributes.
|
---|
1131 | [ ( /^lang/ ), '' ]
|
---|
1132 | ],
|
---|
1133 |
|
---|
1134 | attributes :
|
---|
1135 | {
|
---|
1136 | 'style' : stylesFilter(
|
---|
1137 | removeStyles ?
|
---|
1138 | // Provide a white-list of styles that we preserve, those should
|
---|
1139 | // be the ones that could later be altered with editor tools.
|
---|
1140 | [
|
---|
1141 | // Leave list-style-type
|
---|
1142 | [ ( /^list-style-type$/ ), null ],
|
---|
1143 |
|
---|
1144 | // Preserve margin-left/right which used as default indent style in the editor.
|
---|
1145 | [ ( /^margin$|^margin-(?!bottom|top)/ ), null, function( value, element, name )
|
---|
1146 | {
|
---|
1147 | if ( element.name in { p : 1, div : 1 } )
|
---|
1148 | {
|
---|
1149 | var indentStyleName = config.contentsLangDirection == 'ltr' ?
|
---|
1150 | 'margin-left' : 'margin-right';
|
---|
1151 |
|
---|
1152 | // Extract component value from 'margin' shorthand.
|
---|
1153 | if ( name == 'margin' )
|
---|
1154 | {
|
---|
1155 | value = getStyleComponents( name, value,
|
---|
1156 | [ indentStyleName ] )[ indentStyleName ];
|
---|
1157 | }
|
---|
1158 | else if ( name != indentStyleName )
|
---|
1159 | return null;
|
---|
1160 |
|
---|
1161 | if ( value && !emptyMarginRegex.test( value ) )
|
---|
1162 | return [ indentStyleName, value ];
|
---|
1163 | }
|
---|
1164 |
|
---|
1165 | return null;
|
---|
1166 | } ],
|
---|
1167 |
|
---|
1168 | // Preserve clear float style.
|
---|
1169 | [ ( /^clear$/ ) ],
|
---|
1170 |
|
---|
1171 | [ ( /^border.*|margin.*|vertical-align|float$/ ), null,
|
---|
1172 | function( value, element )
|
---|
1173 | {
|
---|
1174 | if ( element.name == 'img' )
|
---|
1175 | return value;
|
---|
1176 | } ],
|
---|
1177 |
|
---|
1178 | [ (/^width|height$/ ), null,
|
---|
1179 | function( value, element )
|
---|
1180 | {
|
---|
1181 | if ( element.name in { table : 1, td : 1, th : 1, img : 1 } )
|
---|
1182 | return value;
|
---|
1183 | } ]
|
---|
1184 | ] :
|
---|
1185 | // Otherwise provide a black-list of styles that we remove.
|
---|
1186 | [
|
---|
1187 | [ ( /^mso-/ ) ],
|
---|
1188 | // Fixing color values.
|
---|
1189 | [ ( /-color$/ ), null, function( value )
|
---|
1190 | {
|
---|
1191 | if ( value == 'transparent' )
|
---|
1192 | return false;
|
---|
1193 | if ( CKEDITOR.env.gecko )
|
---|
1194 | return value.replace( /-moz-use-text-color/g, 'transparent' );
|
---|
1195 | } ],
|
---|
1196 | // Remove empty margin values, e.g. 0.00001pt 0em 0pt
|
---|
1197 | [ ( /^margin$/ ), emptyMarginRegex ],
|
---|
1198 | [ 'text-indent', '0cm' ],
|
---|
1199 | [ 'page-break-before' ],
|
---|
1200 | [ 'tab-stops' ],
|
---|
1201 | [ 'display', 'none' ],
|
---|
1202 | removeFontStyles ? [ ( /font-?/ ) ] : null
|
---|
1203 | ], removeStyles ),
|
---|
1204 |
|
---|
1205 | // Prefer width styles over 'width' attributes.
|
---|
1206 | 'width' : function( value, element )
|
---|
1207 | {
|
---|
1208 | if ( element.name in dtd.$tableContent )
|
---|
1209 | return false;
|
---|
1210 | },
|
---|
1211 | // Prefer border styles over table 'border' attributes.
|
---|
1212 | 'border' : function( value, element )
|
---|
1213 | {
|
---|
1214 | if ( element.name in dtd.$tableContent )
|
---|
1215 | return false;
|
---|
1216 | },
|
---|
1217 |
|
---|
1218 | // Only Firefox carry style sheet from MS-Word, which
|
---|
1219 | // will be applied by us manually. For other browsers
|
---|
1220 | // the css className is useless.
|
---|
1221 | 'class' : falsyFilter,
|
---|
1222 |
|
---|
1223 | // MS-Word always generate 'background-color' along with 'bgcolor',
|
---|
1224 | // simply drop the deprecated attributes.
|
---|
1225 | 'bgcolor' : falsyFilter,
|
---|
1226 |
|
---|
1227 | // Deprecate 'valign' attribute in favor of 'vertical-align'.
|
---|
1228 | 'valign' : removeStyles ? falsyFilter : function( value, element )
|
---|
1229 | {
|
---|
1230 | element.addStyle( 'vertical-align', value );
|
---|
1231 | return false;
|
---|
1232 | }
|
---|
1233 | },
|
---|
1234 |
|
---|
1235 | // Fore none-IE, some useful data might be buried under these IE-conditional
|
---|
1236 | // comments where RegExp were the right approach to dig them out where usual approach
|
---|
1237 | // is transform it into a fake element node which hold the desired data.
|
---|
1238 | comment :
|
---|
1239 | !CKEDITOR.env.ie ?
|
---|
1240 | function( value, node )
|
---|
1241 | {
|
---|
1242 | var imageInfo = value.match( /<img.*?>/ ),
|
---|
1243 | listInfo = value.match( /^\[if !supportLists\]([\s\S]*?)\[endif\]$/ );
|
---|
1244 |
|
---|
1245 | // Seek for list bullet indicator.
|
---|
1246 | if ( listInfo )
|
---|
1247 | {
|
---|
1248 | // Bullet symbol could be either text or an image.
|
---|
1249 | var listSymbol = listInfo[ 1 ] || ( imageInfo && 'l.' ),
|
---|
1250 | listType = listSymbol && listSymbol.match( />(?:[(]?)([^\s]+?)([.)]?)</ );
|
---|
1251 | return createListBulletMarker( listType, listSymbol );
|
---|
1252 | }
|
---|
1253 |
|
---|
1254 | // Reveal the <img> element in conditional comments for Firefox.
|
---|
1255 | if ( CKEDITOR.env.gecko && imageInfo )
|
---|
1256 | {
|
---|
1257 | var img = CKEDITOR.htmlParser.fragment.fromHtml( imageInfo[ 0 ] ).children[ 0 ],
|
---|
1258 | previousComment = node.previous,
|
---|
1259 | // Try to dig the real image link from vml markup from previous comment text.
|
---|
1260 | imgSrcInfo = previousComment && previousComment.value.match( /<v:imagedata[^>]*o:href=['"](.*?)['"]/ ),
|
---|
1261 | imgSrc = imgSrcInfo && imgSrcInfo[ 1 ];
|
---|
1262 |
|
---|
1263 | // Is there a real 'src' url to be used?
|
---|
1264 | imgSrc && ( img.attributes.src = imgSrc );
|
---|
1265 | return img;
|
---|
1266 | }
|
---|
1267 |
|
---|
1268 | return false;
|
---|
1269 | }
|
---|
1270 | : falsyFilter
|
---|
1271 | };
|
---|
1272 | }
|
---|
1273 | });
|
---|
1274 |
|
---|
1275 | // The paste processor here is just a reduced copy of html data processor.
|
---|
1276 | var pasteProcessor = function()
|
---|
1277 | {
|
---|
1278 | this.dataFilter = new CKEDITOR.htmlParser.filter();
|
---|
1279 | };
|
---|
1280 |
|
---|
1281 | pasteProcessor.prototype =
|
---|
1282 | {
|
---|
1283 | toHtml : function( data )
|
---|
1284 | {
|
---|
1285 | var fragment = CKEDITOR.htmlParser.fragment.fromHtml( data, false ),
|
---|
1286 | writer = new CKEDITOR.htmlParser.basicWriter();
|
---|
1287 |
|
---|
1288 | fragment.writeHtml( writer, this.dataFilter );
|
---|
1289 | return writer.getHtml( true );
|
---|
1290 | }
|
---|
1291 | };
|
---|
1292 |
|
---|
1293 | CKEDITOR.cleanWord = function( data, editor )
|
---|
1294 | {
|
---|
1295 | // Firefox will be confused by those downlevel-revealed IE conditional
|
---|
1296 | // comments, fixing them first( convert it to upperlevel-revealed one ).
|
---|
1297 | // e.g. <![if !vml]>...<![endif]>
|
---|
1298 | if ( CKEDITOR.env.gecko )
|
---|
1299 | data = data.replace( /(<!--\[if[^<]*?\])-->([\S\s]*?)<!--(\[endif\]-->)/gi, '$1$2$3' );
|
---|
1300 |
|
---|
1301 | var dataProcessor = new pasteProcessor(),
|
---|
1302 | dataFilter = dataProcessor.dataFilter;
|
---|
1303 |
|
---|
1304 | // These rules will have higher priorities than default ones.
|
---|
1305 | dataFilter.addRules( CKEDITOR.plugins.pastefromword.getRules( editor ) );
|
---|
1306 |
|
---|
1307 | // Allow extending data filter rules.
|
---|
1308 | editor.fire( 'beforeCleanWord', { filter : dataFilter } );
|
---|
1309 |
|
---|
1310 | try
|
---|
1311 | {
|
---|
1312 | data = dataProcessor.toHtml( data, false );
|
---|
1313 | }
|
---|
1314 | catch ( e )
|
---|
1315 | {
|
---|
1316 | alert( editor.lang.pastefromword.error );
|
---|
1317 | }
|
---|
1318 |
|
---|
1319 | /* Below post processing those things that are unable to delivered by filter rules. */
|
---|
1320 |
|
---|
1321 | // Remove 'cke' namespaced attribute used in filter rules as marker.
|
---|
1322 | data = data.replace( /cke:.*?".*?"/g, '' );
|
---|
1323 |
|
---|
1324 | // Remove empty style attribute.
|
---|
1325 | data = data.replace( /style=""/g, '' );
|
---|
1326 |
|
---|
1327 | // Remove the dummy spans ( having no inline style ).
|
---|
1328 | data = data.replace( /<span>/g, '' );
|
---|
1329 |
|
---|
1330 | return data;
|
---|
1331 | };
|
---|
1332 | })();
|
---|
1333 |
|
---|
1334 | /**
|
---|
1335 | * Whether to ignore all font related formatting styles, including:
|
---|
1336 | * <ul> <li>font size;</li>
|
---|
1337 | * <li>font family;</li>
|
---|
1338 | * <li>font foreground/background color.</li></ul>
|
---|
1339 | * @name CKEDITOR.config.pasteFromWordRemoveFontStyles
|
---|
1340 | * @since 3.1
|
---|
1341 | * @type Boolean
|
---|
1342 | * @default true
|
---|
1343 | * @example
|
---|
1344 | * config.pasteFromWordRemoveFontStyles = false;
|
---|
1345 | */
|
---|
1346 |
|
---|
1347 | /**
|
---|
1348 | * Whether to transform MS Word outline numbered headings into lists.
|
---|
1349 | * @name CKEDITOR.config.pasteFromWordNumberedHeadingToList
|
---|
1350 | * @since 3.1
|
---|
1351 | * @type Boolean
|
---|
1352 | * @default false
|
---|
1353 | * @example
|
---|
1354 | * config.pasteFromWordNumberedHeadingToList = true;
|
---|
1355 | */
|
---|
1356 |
|
---|
1357 | /**
|
---|
1358 | * Whether to remove element styles that can't be managed with the editor. Note
|
---|
1359 | * that this doesn't handle the font specific styles, which depends on the
|
---|
1360 | * {@link CKEDITOR.config.pasteFromWordRemoveFontStyles} setting instead.
|
---|
1361 | * @name CKEDITOR.config.pasteFromWordRemoveStyles
|
---|
1362 | * @since 3.1
|
---|
1363 | * @type Boolean
|
---|
1364 | * @default true
|
---|
1365 | * @example
|
---|
1366 | * config.pasteFromWordRemoveStyles = false;
|
---|
1367 | */
|
---|