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