1 | /*
|
---|
2 | * FCKeditor - The text editor for Internet - http://www.fckeditor.net
|
---|
3 | * Copyright (C) 2003-2009 Frederico Caldeira Knabben
|
---|
4 | *
|
---|
5 | * == BEGIN LICENSE ==
|
---|
6 | *
|
---|
7 | * Licensed under the terms of any of the following licenses at your
|
---|
8 | * choice:
|
---|
9 | *
|
---|
10 | * - GNU General Public License Version 2 or later (the "GPL")
|
---|
11 | * http://www.gnu.org/licenses/gpl.html
|
---|
12 | *
|
---|
13 | * - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
|
---|
14 | * http://www.gnu.org/licenses/lgpl.html
|
---|
15 | *
|
---|
16 | * - Mozilla Public License Version 1.1 or later (the "MPL")
|
---|
17 | * http://www.mozilla.org/MPL/MPL-1.1.html
|
---|
18 | *
|
---|
19 | * == END LICENSE ==
|
---|
20 | *
|
---|
21 | * FCKStyle Class: contains a style definition, and all methods to work with
|
---|
22 | * the style in a document.
|
---|
23 | */
|
---|
24 |
|
---|
25 | /**
|
---|
26 | * @param {Object} styleDesc A "style descriptor" object, containing the raw
|
---|
27 | * style definition in the following format:
|
---|
28 | * '<style name>' : {
|
---|
29 | * Element : '<element name>',
|
---|
30 | * Attributes : {
|
---|
31 | * '<att name>' : '<att value>',
|
---|
32 | * ...
|
---|
33 | * },
|
---|
34 | * Styles : {
|
---|
35 | * '<style name>' : '<style value>',
|
---|
36 | * ...
|
---|
37 | * },
|
---|
38 | * Overrides : '<element name>'|{
|
---|
39 | * Element : '<element name>',
|
---|
40 | * Attributes : {
|
---|
41 | * '<att name>' : '<att value>'|/<att regex>/
|
---|
42 | * },
|
---|
43 | * Styles : {
|
---|
44 | * '<style name>' : '<style value>'|/<style regex>/
|
---|
45 | * },
|
---|
46 | * }
|
---|
47 | * }
|
---|
48 | */
|
---|
49 | var FCKStyle = function( styleDesc )
|
---|
50 | {
|
---|
51 | this.Element = ( styleDesc.Element || 'span' ).toLowerCase() ;
|
---|
52 | this._StyleDesc = styleDesc ;
|
---|
53 | }
|
---|
54 |
|
---|
55 | FCKStyle.prototype =
|
---|
56 | {
|
---|
57 | /**
|
---|
58 | * Get the style type, based on its element name:
|
---|
59 | * - FCK_STYLE_BLOCK (0): Block Style
|
---|
60 | * - FCK_STYLE_INLINE (1): Inline Style
|
---|
61 | * - FCK_STYLE_OBJECT (2): Object Style
|
---|
62 | */
|
---|
63 | GetType : function()
|
---|
64 | {
|
---|
65 | var type = this.GetType_$ ;
|
---|
66 |
|
---|
67 | if ( type != undefined )
|
---|
68 | return type ;
|
---|
69 |
|
---|
70 | var elementName = this.Element ;
|
---|
71 |
|
---|
72 | if ( elementName == '#' || FCKListsLib.StyleBlockElements[ elementName ] )
|
---|
73 | type = FCK_STYLE_BLOCK ;
|
---|
74 | else if ( FCKListsLib.StyleObjectElements[ elementName ] )
|
---|
75 | type = FCK_STYLE_OBJECT ;
|
---|
76 | else
|
---|
77 | type = FCK_STYLE_INLINE ;
|
---|
78 |
|
---|
79 | return ( this.GetType_$ = type ) ;
|
---|
80 | },
|
---|
81 |
|
---|
82 | /**
|
---|
83 | * Apply the style to the current selection.
|
---|
84 | */
|
---|
85 | ApplyToSelection : function( targetWindow )
|
---|
86 | {
|
---|
87 | // Create a range for the current selection.
|
---|
88 | var range = new FCKDomRange( targetWindow ) ;
|
---|
89 | range.MoveToSelection() ;
|
---|
90 |
|
---|
91 | this.ApplyToRange( range, true ) ;
|
---|
92 | },
|
---|
93 |
|
---|
94 | /**
|
---|
95 | * Apply the style to a FCKDomRange.
|
---|
96 | */
|
---|
97 | ApplyToRange : function( range, selectIt, updateRange )
|
---|
98 | {
|
---|
99 | // ApplyToRange is not valid for FCK_STYLE_OBJECT types.
|
---|
100 | // Use ApplyToObject instead.
|
---|
101 |
|
---|
102 | switch ( this.GetType() )
|
---|
103 | {
|
---|
104 | case FCK_STYLE_BLOCK :
|
---|
105 | this.ApplyToRange = this._ApplyBlockStyle ;
|
---|
106 | break ;
|
---|
107 | case FCK_STYLE_INLINE :
|
---|
108 | this.ApplyToRange = this._ApplyInlineStyle ;
|
---|
109 | break ;
|
---|
110 | default :
|
---|
111 | return ;
|
---|
112 | }
|
---|
113 |
|
---|
114 | this.ApplyToRange( range, selectIt, updateRange ) ;
|
---|
115 | },
|
---|
116 |
|
---|
117 | /**
|
---|
118 | * Apply the style to an object. Valid for FCK_STYLE_BLOCK types only.
|
---|
119 | */
|
---|
120 | ApplyToObject : function( objectElement )
|
---|
121 | {
|
---|
122 | if ( !objectElement )
|
---|
123 | return ;
|
---|
124 |
|
---|
125 | this.BuildElement( null, objectElement ) ;
|
---|
126 | },
|
---|
127 |
|
---|
128 | /**
|
---|
129 | * Remove the style from the current selection.
|
---|
130 | */
|
---|
131 | RemoveFromSelection : function( targetWindow )
|
---|
132 | {
|
---|
133 | // Create a range for the current selection.
|
---|
134 | var range = new FCKDomRange( targetWindow ) ;
|
---|
135 | range.MoveToSelection() ;
|
---|
136 |
|
---|
137 | this.RemoveFromRange( range, true ) ;
|
---|
138 | },
|
---|
139 |
|
---|
140 | /**
|
---|
141 | * Remove the style from a FCKDomRange. Block type styles will have no
|
---|
142 | * effect.
|
---|
143 | */
|
---|
144 | RemoveFromRange : function( range, selectIt, updateRange )
|
---|
145 | {
|
---|
146 | var bookmark ;
|
---|
147 |
|
---|
148 | // Create the attribute list to be used later for element comparisons.
|
---|
149 | var styleAttribs = this._GetAttribsForComparison() ;
|
---|
150 | var styleOverrides = this._GetOverridesForComparison() ;
|
---|
151 |
|
---|
152 | // If collapsed, we are removing all conflicting styles from the range
|
---|
153 | // parent tree.
|
---|
154 | if ( range.CheckIsCollapsed() )
|
---|
155 | {
|
---|
156 | // Bookmark the range so we can re-select it after processing.
|
---|
157 | var bookmark = range.CreateBookmark( true ) ;
|
---|
158 |
|
---|
159 | // Let's start from the bookmark <span> parent.
|
---|
160 | var bookmarkStart = range.GetBookmarkNode( bookmark, true ) ;
|
---|
161 |
|
---|
162 | var path = new FCKElementPath( bookmarkStart.parentNode ) ;
|
---|
163 |
|
---|
164 | // While looping through the path, we'll be saving references to
|
---|
165 | // parent elements if the range is in one of their boundaries. In
|
---|
166 | // this way, we are able to create a copy of those elements when
|
---|
167 | // removing a style if the range is in a boundary limit (see #1270).
|
---|
168 | var boundaryElements = [] ;
|
---|
169 |
|
---|
170 | // Check if the range is in the boundary limits of an element
|
---|
171 | // (related to #1270).
|
---|
172 | var isBoundaryRight = !FCKDomTools.GetNextSibling( bookmarkStart ) ;
|
---|
173 | var isBoundary = isBoundaryRight || !FCKDomTools.GetPreviousSibling( bookmarkStart ) ;
|
---|
174 |
|
---|
175 | // This is the last element to be removed in the boundary situation
|
---|
176 | // described at #1270.
|
---|
177 | var lastBoundaryElement ;
|
---|
178 | var boundaryLimitIndex = -1 ;
|
---|
179 |
|
---|
180 | for ( var i = 0 ; i < path.Elements.length ; i++ )
|
---|
181 | {
|
---|
182 | var pathElement = path.Elements[i] ;
|
---|
183 | if ( this.CheckElementRemovable( pathElement ) )
|
---|
184 | {
|
---|
185 | if ( isBoundary
|
---|
186 | && !FCKDomTools.CheckIsEmptyElement( pathElement,
|
---|
187 | function( el )
|
---|
188 | {
|
---|
189 | return ( el != bookmarkStart ) ;
|
---|
190 | } )
|
---|
191 | )
|
---|
192 | {
|
---|
193 | lastBoundaryElement = pathElement ;
|
---|
194 |
|
---|
195 | // We'll be continuously including elements in the
|
---|
196 | // boundaryElements array, but only those added before
|
---|
197 | // setting lastBoundaryElement must be used later, so
|
---|
198 | // let's mark the current index here.
|
---|
199 | boundaryLimitIndex = boundaryElements.length - 1 ;
|
---|
200 | }
|
---|
201 | else
|
---|
202 | {
|
---|
203 | var pathElementName = pathElement.nodeName.toLowerCase() ;
|
---|
204 |
|
---|
205 | if ( pathElementName == this.Element )
|
---|
206 | {
|
---|
207 | // Remove any attribute that conflict with this style, no
|
---|
208 | // matter their values.
|
---|
209 | for ( var att in styleAttribs )
|
---|
210 | {
|
---|
211 | if ( FCKDomTools.HasAttribute( pathElement, att ) )
|
---|
212 | {
|
---|
213 | switch ( att )
|
---|
214 | {
|
---|
215 | case 'style' :
|
---|
216 | this._RemoveStylesFromElement( pathElement ) ;
|
---|
217 | break ;
|
---|
218 |
|
---|
219 | case 'class' :
|
---|
220 | // The 'class' element value must match (#1318).
|
---|
221 | if ( FCKDomTools.GetAttributeValue( pathElement, att ) != this.GetFinalAttributeValue( att ) )
|
---|
222 | continue ;
|
---|
223 |
|
---|
224 | /*jsl:fallthru*/
|
---|
225 |
|
---|
226 | default :
|
---|
227 | FCKDomTools.RemoveAttribute( pathElement, att ) ;
|
---|
228 | }
|
---|
229 | }
|
---|
230 | }
|
---|
231 | }
|
---|
232 |
|
---|
233 | // Remove overrides defined to the same element name.
|
---|
234 | this._RemoveOverrides( pathElement, styleOverrides[ pathElementName ] ) ;
|
---|
235 |
|
---|
236 | // Remove the element if no more attributes are available and it's an inline style element
|
---|
237 | if ( this.GetType() == FCK_STYLE_INLINE)
|
---|
238 | this._RemoveNoAttribElement( pathElement ) ;
|
---|
239 | }
|
---|
240 | }
|
---|
241 | else if ( isBoundary )
|
---|
242 | boundaryElements.push( pathElement ) ;
|
---|
243 |
|
---|
244 | // Check if we are still in a boundary (at the same side).
|
---|
245 | isBoundary = isBoundary && ( ( isBoundaryRight && !FCKDomTools.GetNextSibling( pathElement ) ) || ( !isBoundaryRight && !FCKDomTools.GetPreviousSibling( pathElement ) ) ) ;
|
---|
246 |
|
---|
247 | // If we are in an element that is not anymore a boundary, or
|
---|
248 | // we are at the last element, let's move things outside the
|
---|
249 | // boundary (if available).
|
---|
250 | if ( lastBoundaryElement && ( !isBoundary || ( i == path.Elements.length - 1 ) ) )
|
---|
251 | {
|
---|
252 | // Remove the bookmark node from the DOM.
|
---|
253 | var currentElement = FCKDomTools.RemoveNode( bookmarkStart ) ;
|
---|
254 |
|
---|
255 | // Build the collapsed group of elements that are not
|
---|
256 | // removed by this style, but share the boundary.
|
---|
257 | // (see comment 1 and 2 at #1270)
|
---|
258 | for ( var j = 0 ; j <= boundaryLimitIndex ; j++ )
|
---|
259 | {
|
---|
260 | var newElement = FCKDomTools.CloneElement( boundaryElements[j] ) ;
|
---|
261 | newElement.appendChild( currentElement ) ;
|
---|
262 | currentElement = newElement ;
|
---|
263 | }
|
---|
264 |
|
---|
265 | // Re-insert the bookmark node (and the collapsed elements)
|
---|
266 | // in the DOM, in the new position next to the styled element.
|
---|
267 | if ( isBoundaryRight )
|
---|
268 | FCKDomTools.InsertAfterNode( lastBoundaryElement, currentElement ) ;
|
---|
269 | else
|
---|
270 | lastBoundaryElement.parentNode.insertBefore( currentElement, lastBoundaryElement ) ;
|
---|
271 |
|
---|
272 | isBoundary = false ;
|
---|
273 | lastBoundaryElement = null ;
|
---|
274 | }
|
---|
275 | }
|
---|
276 |
|
---|
277 | // Re-select the original range.
|
---|
278 | if ( selectIt )
|
---|
279 | range.SelectBookmark( bookmark ) ;
|
---|
280 |
|
---|
281 | if ( updateRange )
|
---|
282 | range.MoveToBookmark( bookmark ) ;
|
---|
283 |
|
---|
284 | return ;
|
---|
285 | }
|
---|
286 |
|
---|
287 | // Expand the range, if inside inline element boundaries.
|
---|
288 | range.Expand( 'inline_elements' ) ;
|
---|
289 |
|
---|
290 | // Bookmark the range so we can re-select it after processing.
|
---|
291 | bookmark = range.CreateBookmark( true ) ;
|
---|
292 |
|
---|
293 | // The style will be applied within the bookmark boundaries.
|
---|
294 | var startNode = range.GetBookmarkNode( bookmark, true ) ;
|
---|
295 | var endNode = range.GetBookmarkNode( bookmark, false ) ;
|
---|
296 |
|
---|
297 | range.Release( true ) ;
|
---|
298 |
|
---|
299 | // We need to check the selection boundaries (bookmark spans) to break
|
---|
300 | // the code in a way that we can properly remove partially selected nodes.
|
---|
301 | // For example, removing a <b> style from
|
---|
302 | // <b>This is [some text</b> to show <b>the] problem</b>
|
---|
303 | // ... where [ and ] represent the selection, must result:
|
---|
304 | // <b>This is </b>[some text to show the]<b> problem</b>
|
---|
305 | // The strategy is simple, we just break the partial nodes before the
|
---|
306 | // removal logic, having something that could be represented this way:
|
---|
307 | // <b>This is </b>[<b>some text</b> to show <b>the</b>]<b> problem</b>
|
---|
308 |
|
---|
309 | // Let's start checking the start boundary.
|
---|
310 | var path = new FCKElementPath( startNode ) ;
|
---|
311 | var pathElements = path.Elements ;
|
---|
312 | var pathElement ;
|
---|
313 |
|
---|
314 | for ( var i = 1 ; i < pathElements.length ; i++ )
|
---|
315 | {
|
---|
316 | pathElement = pathElements[i] ;
|
---|
317 |
|
---|
318 | if ( pathElement == path.Block || pathElement == path.BlockLimit )
|
---|
319 | break ;
|
---|
320 |
|
---|
321 | // If this element can be removed (even partially).
|
---|
322 | if ( this.CheckElementRemovable( pathElement ) )
|
---|
323 | FCKDomTools.BreakParent( startNode, pathElement, range ) ;
|
---|
324 | }
|
---|
325 |
|
---|
326 | // Now the end boundary.
|
---|
327 | path = new FCKElementPath( endNode ) ;
|
---|
328 | pathElements = path.Elements ;
|
---|
329 |
|
---|
330 | for ( var i = 1 ; i < pathElements.length ; i++ )
|
---|
331 | {
|
---|
332 | pathElement = pathElements[i] ;
|
---|
333 |
|
---|
334 | if ( pathElement == path.Block || pathElement == path.BlockLimit )
|
---|
335 | break ;
|
---|
336 |
|
---|
337 | elementName = pathElement.nodeName.toLowerCase() ;
|
---|
338 |
|
---|
339 | // If this element can be removed (even partially).
|
---|
340 | if ( this.CheckElementRemovable( pathElement ) )
|
---|
341 | FCKDomTools.BreakParent( endNode, pathElement, range ) ;
|
---|
342 | }
|
---|
343 |
|
---|
344 | // Navigate through all nodes between the bookmarks.
|
---|
345 | var currentNode = FCKDomTools.GetNextSourceNode( startNode, true ) ;
|
---|
346 |
|
---|
347 | while ( currentNode )
|
---|
348 | {
|
---|
349 | // Cache the next node to be processed. Do it now, because
|
---|
350 | // currentNode may be removed.
|
---|
351 | var nextNode = FCKDomTools.GetNextSourceNode( currentNode ) ;
|
---|
352 |
|
---|
353 | // Remove elements nodes that match with this style rules.
|
---|
354 | if ( currentNode.nodeType == 1 )
|
---|
355 | {
|
---|
356 | var elementName = currentNode.nodeName.toLowerCase() ;
|
---|
357 |
|
---|
358 | var mayRemove = ( elementName == this.Element ) ;
|
---|
359 | if ( mayRemove )
|
---|
360 | {
|
---|
361 | // Remove any attribute that conflict with this style, no matter
|
---|
362 | // their values.
|
---|
363 | for ( var att in styleAttribs )
|
---|
364 | {
|
---|
365 | if ( FCKDomTools.HasAttribute( currentNode, att ) )
|
---|
366 | {
|
---|
367 | switch ( att )
|
---|
368 | {
|
---|
369 | case 'style' :
|
---|
370 | this._RemoveStylesFromElement( currentNode ) ;
|
---|
371 | break ;
|
---|
372 |
|
---|
373 | case 'class' :
|
---|
374 | // The 'class' element value must match (#1318).
|
---|
375 | if ( FCKDomTools.GetAttributeValue( currentNode, att ) != this.GetFinalAttributeValue( att ) )
|
---|
376 | continue ;
|
---|
377 |
|
---|
378 | /*jsl:fallthru*/
|
---|
379 |
|
---|
380 | default :
|
---|
381 | FCKDomTools.RemoveAttribute( currentNode, att ) ;
|
---|
382 | }
|
---|
383 | }
|
---|
384 | }
|
---|
385 | }
|
---|
386 | else
|
---|
387 | mayRemove = !!styleOverrides[ elementName ] ;
|
---|
388 |
|
---|
389 | if ( mayRemove )
|
---|
390 | {
|
---|
391 | // Remove overrides defined to the same element name.
|
---|
392 | this._RemoveOverrides( currentNode, styleOverrides[ elementName ] ) ;
|
---|
393 |
|
---|
394 | // Remove the element if no more attributes are available.
|
---|
395 | this._RemoveNoAttribElement( currentNode ) ;
|
---|
396 | }
|
---|
397 | }
|
---|
398 |
|
---|
399 | // If we have reached the end of the selection, stop looping.
|
---|
400 | if ( nextNode == endNode )
|
---|
401 | break ;
|
---|
402 |
|
---|
403 | currentNode = nextNode ;
|
---|
404 | }
|
---|
405 |
|
---|
406 | this._FixBookmarkStart( startNode ) ;
|
---|
407 |
|
---|
408 | // Re-select the original range.
|
---|
409 | if ( selectIt )
|
---|
410 | range.SelectBookmark( bookmark ) ;
|
---|
411 |
|
---|
412 | if ( updateRange )
|
---|
413 | range.MoveToBookmark( bookmark ) ;
|
---|
414 | },
|
---|
415 |
|
---|
416 | /**
|
---|
417 | * Checks if an element, or any of its attributes, is removable by the
|
---|
418 | * current style definition.
|
---|
419 | */
|
---|
420 | CheckElementRemovable : function( element, fullMatch )
|
---|
421 | {
|
---|
422 | if ( !element )
|
---|
423 | return false ;
|
---|
424 |
|
---|
425 | var elementName = element.nodeName.toLowerCase() ;
|
---|
426 |
|
---|
427 | // If the element name is the same as the style name.
|
---|
428 | if ( elementName == this.Element )
|
---|
429 | {
|
---|
430 | // If no attributes are defined in the element.
|
---|
431 | if ( !fullMatch && !FCKDomTools.HasAttributes( element ) )
|
---|
432 | return true ;
|
---|
433 |
|
---|
434 | // If any attribute conflicts with the style attributes.
|
---|
435 | var attribs = this._GetAttribsForComparison() ;
|
---|
436 | var allMatched = ( attribs._length == 0 ) ;
|
---|
437 | for ( var att in attribs )
|
---|
438 | {
|
---|
439 | if ( att == '_length' )
|
---|
440 | continue ;
|
---|
441 |
|
---|
442 | if ( this._CompareAttributeValues( att, FCKDomTools.GetAttributeValue( element, att ), ( this.GetFinalAttributeValue( att ) || '' ) ) )
|
---|
443 | {
|
---|
444 | allMatched = true ;
|
---|
445 | if ( !fullMatch )
|
---|
446 | break ;
|
---|
447 | }
|
---|
448 | else
|
---|
449 | {
|
---|
450 | allMatched = false ;
|
---|
451 | if ( fullMatch )
|
---|
452 | return false ;
|
---|
453 | }
|
---|
454 | }
|
---|
455 | if ( allMatched )
|
---|
456 | return true ;
|
---|
457 | }
|
---|
458 |
|
---|
459 | // Check if the element can be somehow overriden.
|
---|
460 | var override = this._GetOverridesForComparison()[ elementName ] ;
|
---|
461 | if ( override )
|
---|
462 | {
|
---|
463 | // If no attributes have been defined, remove the element.
|
---|
464 | if ( !( attribs = override.Attributes ) ) // Only one "="
|
---|
465 | return true ;
|
---|
466 |
|
---|
467 | for ( var i = 0 ; i < attribs.length ; i++ )
|
---|
468 | {
|
---|
469 | var attName = attribs[i][0] ;
|
---|
470 | if ( FCKDomTools.HasAttribute( element, attName ) )
|
---|
471 | {
|
---|
472 | var attValue = attribs[i][1] ;
|
---|
473 |
|
---|
474 | // Remove the attribute if:
|
---|
475 | // - The override definition value is null ;
|
---|
476 | // - The override definition valie is a string that
|
---|
477 | // matches the attribute value exactly.
|
---|
478 | // - The override definition value is a regex that
|
---|
479 | // has matches in the attribute value.
|
---|
480 | if ( attValue == null ||
|
---|
481 | ( typeof attValue == 'string' && FCKDomTools.GetAttributeValue( element, attName ) == attValue ) ||
|
---|
482 | attValue.test( FCKDomTools.GetAttributeValue( element, attName ) ) )
|
---|
483 | return true ;
|
---|
484 | }
|
---|
485 | }
|
---|
486 | }
|
---|
487 |
|
---|
488 | return false ;
|
---|
489 | },
|
---|
490 |
|
---|
491 | /**
|
---|
492 | * Get the style state for an element path. Returns "true" if the element
|
---|
493 | * is active in the path.
|
---|
494 | */
|
---|
495 | CheckActive : function( elementPath )
|
---|
496 | {
|
---|
497 | switch ( this.GetType() )
|
---|
498 | {
|
---|
499 | case FCK_STYLE_BLOCK :
|
---|
500 | return this.CheckElementRemovable( elementPath.Block || elementPath.BlockLimit, true ) ;
|
---|
501 |
|
---|
502 | case FCK_STYLE_INLINE :
|
---|
503 |
|
---|
504 | var elements = elementPath.Elements ;
|
---|
505 |
|
---|
506 | for ( var i = 0 ; i < elements.length ; i++ )
|
---|
507 | {
|
---|
508 | var element = elements[i] ;
|
---|
509 |
|
---|
510 | if ( element == elementPath.Block || element == elementPath.BlockLimit )
|
---|
511 | continue ;
|
---|
512 |
|
---|
513 | if ( this.CheckElementRemovable( element, true ) )
|
---|
514 | return true ;
|
---|
515 | }
|
---|
516 | }
|
---|
517 | return false ;
|
---|
518 | },
|
---|
519 |
|
---|
520 | /**
|
---|
521 | * Removes an inline style from inside an element tree. The element node
|
---|
522 | * itself is not checked or removed, only the child tree inside of it.
|
---|
523 | */
|
---|
524 | RemoveFromElement : function( element )
|
---|
525 | {
|
---|
526 | var attribs = this._GetAttribsForComparison() ;
|
---|
527 | var overrides = this._GetOverridesForComparison() ;
|
---|
528 |
|
---|
529 | // Get all elements with the same name.
|
---|
530 | var innerElements = element.getElementsByTagName( this.Element ) ;
|
---|
531 |
|
---|
532 | for ( var i = innerElements.length - 1 ; i >= 0 ; i-- )
|
---|
533 | {
|
---|
534 | var innerElement = innerElements[i] ;
|
---|
535 |
|
---|
536 | // Remove any attribute that conflict with this style, no matter
|
---|
537 | // their values.
|
---|
538 | for ( var att in attribs )
|
---|
539 | {
|
---|
540 | if ( FCKDomTools.HasAttribute( innerElement, att ) )
|
---|
541 | {
|
---|
542 | switch ( att )
|
---|
543 | {
|
---|
544 | case 'style' :
|
---|
545 | this._RemoveStylesFromElement( innerElement ) ;
|
---|
546 | break ;
|
---|
547 |
|
---|
548 | case 'class' :
|
---|
549 | // The 'class' element value must match (#1318).
|
---|
550 | if ( FCKDomTools.GetAttributeValue( innerElement, att ) != this.GetFinalAttributeValue( att ) )
|
---|
551 | continue ;
|
---|
552 |
|
---|
553 | /*jsl:fallthru*/
|
---|
554 |
|
---|
555 | default :
|
---|
556 | FCKDomTools.RemoveAttribute( innerElement, att ) ;
|
---|
557 | }
|
---|
558 | }
|
---|
559 | }
|
---|
560 |
|
---|
561 | // Remove overrides defined to the same element name.
|
---|
562 | this._RemoveOverrides( innerElement, overrides[ this.Element ] ) ;
|
---|
563 |
|
---|
564 | // Remove the element if no more attributes are available.
|
---|
565 | this._RemoveNoAttribElement( innerElement ) ;
|
---|
566 | }
|
---|
567 |
|
---|
568 | // Now remove any other element with different name that is
|
---|
569 | // defined to be overriden.
|
---|
570 | for ( var overrideElement in overrides )
|
---|
571 | {
|
---|
572 | if ( overrideElement != this.Element )
|
---|
573 | {
|
---|
574 | // Get all elements.
|
---|
575 | innerElements = element.getElementsByTagName( overrideElement ) ;
|
---|
576 |
|
---|
577 | for ( var i = innerElements.length - 1 ; i >= 0 ; i-- )
|
---|
578 | {
|
---|
579 | var innerElement = innerElements[i] ;
|
---|
580 | this._RemoveOverrides( innerElement, overrides[ overrideElement ] ) ;
|
---|
581 | this._RemoveNoAttribElement( innerElement ) ;
|
---|
582 | }
|
---|
583 | }
|
---|
584 | }
|
---|
585 | },
|
---|
586 |
|
---|
587 | _RemoveStylesFromElement : function( element )
|
---|
588 | {
|
---|
589 | var elementStyle = element.style.cssText ;
|
---|
590 | var pattern = this.GetFinalStyleValue() ;
|
---|
591 |
|
---|
592 | if ( elementStyle.length > 0 && pattern.length == 0 )
|
---|
593 | return ;
|
---|
594 |
|
---|
595 | pattern = '(^|;)\\s*(' +
|
---|
596 | pattern.replace( /\s*([^ ]+):.*?(;|$)/g, '$1|' ).replace( /\|$/, '' ) +
|
---|
597 | '):[^;]+' ;
|
---|
598 |
|
---|
599 | var regex = new RegExp( pattern, 'gi' ) ;
|
---|
600 |
|
---|
601 | elementStyle = elementStyle.replace( regex, '' ).Trim() ;
|
---|
602 |
|
---|
603 | if ( elementStyle.length == 0 || elementStyle == ';' )
|
---|
604 | FCKDomTools.RemoveAttribute( element, 'style' ) ;
|
---|
605 | else
|
---|
606 | element.style.cssText = elementStyle.replace( regex, '' ) ;
|
---|
607 | },
|
---|
608 |
|
---|
609 | /**
|
---|
610 | * Remove all attributes that are defined to be overriden,
|
---|
611 | */
|
---|
612 | _RemoveOverrides : function( element, override )
|
---|
613 | {
|
---|
614 | var attributes = override && override.Attributes ;
|
---|
615 |
|
---|
616 | if ( attributes )
|
---|
617 | {
|
---|
618 | for ( var i = 0 ; i < attributes.length ; i++ )
|
---|
619 | {
|
---|
620 | var attName = attributes[i][0] ;
|
---|
621 |
|
---|
622 | if ( FCKDomTools.HasAttribute( element, attName ) )
|
---|
623 | {
|
---|
624 | var attValue = attributes[i][1] ;
|
---|
625 |
|
---|
626 | // Remove the attribute if:
|
---|
627 | // - The override definition value is null ;
|
---|
628 | // - The override definition valie is a string that
|
---|
629 | // matches the attribute value exactly.
|
---|
630 | // - The override definition value is a regex that
|
---|
631 | // has matches in the attribute value.
|
---|
632 | if ( attValue == null ||
|
---|
633 | ( attValue.test && attValue.test( FCKDomTools.GetAttributeValue( element, attName ) ) ) ||
|
---|
634 | ( typeof attValue == 'string' && FCKDomTools.GetAttributeValue( element, attName ) == attValue ) )
|
---|
635 | FCKDomTools.RemoveAttribute( element, attName ) ;
|
---|
636 | }
|
---|
637 | }
|
---|
638 | }
|
---|
639 | },
|
---|
640 |
|
---|
641 | /**
|
---|
642 | * If the element has no more attributes, remove it.
|
---|
643 | */
|
---|
644 | _RemoveNoAttribElement : function( element )
|
---|
645 | {
|
---|
646 | // If no more attributes remained in the element, remove it,
|
---|
647 | // leaving its children.
|
---|
648 | if ( !FCKDomTools.HasAttributes( element ) )
|
---|
649 | {
|
---|
650 | // Removing elements may open points where merging is possible,
|
---|
651 | // so let's cache the first and last nodes for later checking.
|
---|
652 | var firstChild = element.firstChild ;
|
---|
653 | var lastChild = element.lastChild ;
|
---|
654 |
|
---|
655 | FCKDomTools.RemoveNode( element, true ) ;
|
---|
656 |
|
---|
657 | // Check the cached nodes for merging.
|
---|
658 | this._MergeSiblings( firstChild ) ;
|
---|
659 |
|
---|
660 | if ( firstChild != lastChild )
|
---|
661 | this._MergeSiblings( lastChild ) ;
|
---|
662 | }
|
---|
663 | },
|
---|
664 |
|
---|
665 | /**
|
---|
666 | * Creates a DOM element for this style object.
|
---|
667 | */
|
---|
668 | BuildElement : function( targetDoc, element )
|
---|
669 | {
|
---|
670 | // Create the element.
|
---|
671 | var el = element || targetDoc.createElement( this.Element ) ;
|
---|
672 |
|
---|
673 | // Assign all defined attributes.
|
---|
674 | var attribs = this._StyleDesc.Attributes ;
|
---|
675 | var attValue ;
|
---|
676 | if ( attribs )
|
---|
677 | {
|
---|
678 | for ( var att in attribs )
|
---|
679 | {
|
---|
680 | attValue = this.GetFinalAttributeValue( att ) ;
|
---|
681 |
|
---|
682 | if ( att.toLowerCase() == 'class' )
|
---|
683 | el.className = attValue ;
|
---|
684 | else
|
---|
685 | el.setAttribute( att, attValue ) ;
|
---|
686 | }
|
---|
687 | }
|
---|
688 |
|
---|
689 | // Assign the style attribute.
|
---|
690 | if ( this._GetStyleText().length > 0 )
|
---|
691 | el.style.cssText = this.GetFinalStyleValue() ;
|
---|
692 |
|
---|
693 | return el ;
|
---|
694 | },
|
---|
695 |
|
---|
696 | _CompareAttributeValues : function( attName, valueA, valueB )
|
---|
697 | {
|
---|
698 | if ( attName == 'style' && valueA && valueB )
|
---|
699 | {
|
---|
700 | valueA = valueA.replace( /;$/, '' ).toLowerCase() ;
|
---|
701 | valueB = valueB.replace( /;$/, '' ).toLowerCase() ;
|
---|
702 | }
|
---|
703 |
|
---|
704 | // Return true if they match or if valueA is null and valueB is an empty string
|
---|
705 | return ( valueA == valueB || ( ( valueA === null || valueA === '' ) && ( valueB === null || valueB === '' ) ) )
|
---|
706 | },
|
---|
707 |
|
---|
708 | GetFinalAttributeValue : function( attName )
|
---|
709 | {
|
---|
710 | var attValue = this._StyleDesc.Attributes ;
|
---|
711 | var attValue = attValue ? attValue[ attName ] : null ;
|
---|
712 |
|
---|
713 | if ( !attValue && attName == 'style' )
|
---|
714 | return this.GetFinalStyleValue() ;
|
---|
715 |
|
---|
716 | if ( attValue && this._Variables )
|
---|
717 | // Using custom Replace() to guarantee the correct scope.
|
---|
718 | attValue = attValue.Replace( FCKRegexLib.StyleVariableAttName, this._GetVariableReplace, this ) ;
|
---|
719 |
|
---|
720 | return attValue ;
|
---|
721 | },
|
---|
722 |
|
---|
723 | GetFinalStyleValue : function()
|
---|
724 | {
|
---|
725 | var attValue = this._GetStyleText() ;
|
---|
726 |
|
---|
727 | if ( attValue.length > 0 && this._Variables )
|
---|
728 | {
|
---|
729 | // Using custom Replace() to guarantee the correct scope.
|
---|
730 | attValue = attValue.Replace( FCKRegexLib.StyleVariableAttName, this._GetVariableReplace, this ) ;
|
---|
731 | attValue = FCKTools.NormalizeCssText( attValue ) ;
|
---|
732 | }
|
---|
733 |
|
---|
734 | return attValue ;
|
---|
735 | },
|
---|
736 |
|
---|
737 | _GetVariableReplace : function()
|
---|
738 | {
|
---|
739 | // The second group in the regex is the variable name.
|
---|
740 | return this._Variables[ arguments[2] ] || arguments[0] ;
|
---|
741 | },
|
---|
742 |
|
---|
743 | /**
|
---|
744 | * Set the value of a variable attribute or style, to be used when
|
---|
745 | * appliying the style.
|
---|
746 | */
|
---|
747 | SetVariable : function( name, value )
|
---|
748 | {
|
---|
749 | var variables = this._Variables ;
|
---|
750 |
|
---|
751 | if ( !variables )
|
---|
752 | variables = this._Variables = {} ;
|
---|
753 |
|
---|
754 | this._Variables[ name ] = value ;
|
---|
755 | },
|
---|
756 |
|
---|
757 | /**
|
---|
758 | * Converting from a PRE block to a non-PRE block in formatting operations.
|
---|
759 | */
|
---|
760 | _FromPre : function( doc, block, newBlock )
|
---|
761 | {
|
---|
762 | var innerHTML = block.innerHTML ;
|
---|
763 |
|
---|
764 | // Trim the first and last linebreaks immediately after and before <pre>, </pre>,
|
---|
765 | // if they exist.
|
---|
766 | // This is done because the linebreaks are not rendered.
|
---|
767 | innerHTML = innerHTML.replace( /(\r\n|\r)/g, '\n' ) ;
|
---|
768 | innerHTML = innerHTML.replace( /^[ \t]*\n/, '' ) ;
|
---|
769 | innerHTML = innerHTML.replace( /\n$/, '' ) ;
|
---|
770 |
|
---|
771 | // 1. Convert spaces or tabs at the beginning or at the end to
|
---|
772 | innerHTML = innerHTML.replace( /^[ \t]+|[ \t]+$/g, function( match, offset, s )
|
---|
773 | {
|
---|
774 | if ( match.length == 1 ) // one space, preserve it
|
---|
775 | return ' ' ;
|
---|
776 | else if ( offset == 0 ) // beginning of block
|
---|
777 | return new Array( match.length ).join( ' ' ) + ' ' ;
|
---|
778 | else // end of block
|
---|
779 | return ' ' + new Array( match.length ).join( ' ' ) ;
|
---|
780 | } ) ;
|
---|
781 |
|
---|
782 | // 2. Convert \n to <BR>.
|
---|
783 | // 3. Convert contiguous (i.e. non-singular) spaces or tabs to
|
---|
784 | var htmlIterator = new FCKHtmlIterator( innerHTML ) ;
|
---|
785 | var results = [] ;
|
---|
786 | htmlIterator.Each( function( isTag, value )
|
---|
787 | {
|
---|
788 | if ( !isTag )
|
---|
789 | {
|
---|
790 | value = value.replace( /\n/g, '<br>' ) ;
|
---|
791 | value = value.replace( /[ \t]{2,}/g,
|
---|
792 | function ( match )
|
---|
793 | {
|
---|
794 | return new Array( match.length ).join( ' ' ) + ' ' ;
|
---|
795 | } ) ;
|
---|
796 | }
|
---|
797 | results.push( value ) ;
|
---|
798 | } ) ;
|
---|
799 | newBlock.innerHTML = results.join( '' ) ;
|
---|
800 | return newBlock ;
|
---|
801 | },
|
---|
802 |
|
---|
803 | /**
|
---|
804 | * Converting from a non-PRE block to a PRE block in formatting operations.
|
---|
805 | */
|
---|
806 | _ToPre : function( doc, block, newBlock )
|
---|
807 | {
|
---|
808 | // Handle converting from a regular block to a <pre> block.
|
---|
809 | var innerHTML = block.innerHTML.Trim() ;
|
---|
810 |
|
---|
811 | // 1. Delete ANSI whitespaces immediately before and after <BR> because
|
---|
812 | // they are not visible.
|
---|
813 | // 2. Mark down any <BR /> nodes here so they can be turned into \n in
|
---|
814 | // the next step and avoid being compressed.
|
---|
815 | innerHTML = innerHTML.replace( /[ \t\r\n]*(<br[^>]*>)[ \t\r\n]*/gi, '<br />' ) ;
|
---|
816 |
|
---|
817 | // 3. Compress other ANSI whitespaces since they're only visible as one
|
---|
818 | // single space previously.
|
---|
819 | // 4. Convert to spaces since is no longer needed in <PRE>.
|
---|
820 | // 5. Convert any <BR /> to \n. This must not be done earlier because
|
---|
821 | // the \n would then get compressed.
|
---|
822 | var htmlIterator = new FCKHtmlIterator( innerHTML ) ;
|
---|
823 | var results = [] ;
|
---|
824 | htmlIterator.Each( function( isTag, value )
|
---|
825 | {
|
---|
826 | if ( !isTag )
|
---|
827 | value = value.replace( /([ \t\n\r]+| )/g, ' ' ) ;
|
---|
828 | else if ( isTag && value == '<br />' )
|
---|
829 | value = '\n' ;
|
---|
830 | results.push( value ) ;
|
---|
831 | } ) ;
|
---|
832 |
|
---|
833 | // Assigning innerHTML to <PRE> in IE causes all linebreaks to be
|
---|
834 | // reduced to spaces.
|
---|
835 | // Assigning outerHTML to <PRE> in IE doesn't work if the <PRE> isn't
|
---|
836 | // contained in another node since the node reference is changed after
|
---|
837 | // outerHTML assignment.
|
---|
838 | // So, we need some hacks to workaround IE bugs here.
|
---|
839 | if ( FCKBrowserInfo.IsIE )
|
---|
840 | {
|
---|
841 | var temp = doc.createElement( 'div' ) ;
|
---|
842 | temp.appendChild( newBlock ) ;
|
---|
843 | newBlock.outerHTML = '<pre>\n' + results.join( '' ) + '</pre>' ;
|
---|
844 | newBlock = temp.removeChild( temp.firstChild ) ;
|
---|
845 | }
|
---|
846 | else
|
---|
847 | newBlock.innerHTML = results.join( '' ) ;
|
---|
848 |
|
---|
849 | return newBlock ;
|
---|
850 | },
|
---|
851 |
|
---|
852 | /**
|
---|
853 | * Merge a <pre> block with a previous <pre> block, if available.
|
---|
854 | */
|
---|
855 | _CheckAndMergePre : function( previousBlock, preBlock )
|
---|
856 | {
|
---|
857 | // Check if the previous block and the current block are next
|
---|
858 | // to each other.
|
---|
859 | if ( previousBlock != FCKDomTools.GetPreviousSourceElement( preBlock, true ) )
|
---|
860 | return ;
|
---|
861 |
|
---|
862 | // Merge the previous <pre> block contents into the current <pre>
|
---|
863 | // block.
|
---|
864 | //
|
---|
865 | // Another thing to be careful here is that currentBlock might contain
|
---|
866 | // a '\n' at the beginning, and previousBlock might contain a '\n'
|
---|
867 | // towards the end. These new lines are not normally displayed but they
|
---|
868 | // become visible after merging.
|
---|
869 | var innerHTML = previousBlock.innerHTML.replace( /\n$/, '' ) + '\n\n' +
|
---|
870 | preBlock.innerHTML.replace( /^\n/, '' ) ;
|
---|
871 |
|
---|
872 | // Buggy IE normalizes innerHTML from <pre>, breaking whitespaces.
|
---|
873 | if ( FCKBrowserInfo.IsIE )
|
---|
874 | preBlock.outerHTML = '<pre>' + innerHTML + '</pre>' ;
|
---|
875 | else
|
---|
876 | preBlock.innerHTML = innerHTML ;
|
---|
877 |
|
---|
878 | // Remove the previous <pre> block.
|
---|
879 | //
|
---|
880 | // The preBlock must not be moved or deleted from the DOM tree. This
|
---|
881 | // guarantees the FCKDomRangeIterator in _ApplyBlockStyle would not
|
---|
882 | // get lost at the next iteration.
|
---|
883 | FCKDomTools.RemoveNode( previousBlock ) ;
|
---|
884 | },
|
---|
885 |
|
---|
886 | _CheckAndSplitPre : function( newBlock )
|
---|
887 | {
|
---|
888 | var lastNewBlock ;
|
---|
889 |
|
---|
890 | var cursor = newBlock.firstChild ;
|
---|
891 |
|
---|
892 | // We are not splitting <br><br> at the beginning of the block, so
|
---|
893 | // we'll start from the second child.
|
---|
894 | cursor = cursor && cursor.nextSibling ;
|
---|
895 |
|
---|
896 | while ( cursor )
|
---|
897 | {
|
---|
898 | var next = cursor.nextSibling ;
|
---|
899 |
|
---|
900 | // If we have two <BR>s, and they're not at the beginning or the end,
|
---|
901 | // then we'll split up the contents following them into another block.
|
---|
902 | // Stop processing if we are at the last child couple.
|
---|
903 | if ( next && next.nextSibling && cursor.nodeName.IEquals( 'br' ) && next.nodeName.IEquals( 'br' ) )
|
---|
904 | {
|
---|
905 | // Remove the first <br>.
|
---|
906 | FCKDomTools.RemoveNode( cursor ) ;
|
---|
907 |
|
---|
908 | // Move to the node after the second <br>.
|
---|
909 | cursor = next.nextSibling ;
|
---|
910 |
|
---|
911 | // Remove the second <br>.
|
---|
912 | FCKDomTools.RemoveNode( next ) ;
|
---|
913 |
|
---|
914 | // Create the block that will hold the child nodes from now on.
|
---|
915 | lastNewBlock = FCKDomTools.InsertAfterNode( lastNewBlock || newBlock, FCKDomTools.CloneElement( newBlock ) ) ;
|
---|
916 |
|
---|
917 | continue ;
|
---|
918 | }
|
---|
919 |
|
---|
920 | // If we split it, then start moving the nodes to the new block.
|
---|
921 | if ( lastNewBlock )
|
---|
922 | {
|
---|
923 | cursor = cursor.previousSibling ;
|
---|
924 | FCKDomTools.MoveNode(cursor.nextSibling, lastNewBlock ) ;
|
---|
925 | }
|
---|
926 |
|
---|
927 | cursor = cursor.nextSibling ;
|
---|
928 | }
|
---|
929 | },
|
---|
930 |
|
---|
931 | /**
|
---|
932 | * Apply an inline style to a FCKDomRange.
|
---|
933 | *
|
---|
934 | * TODO
|
---|
935 | * - Implement the "#" style handling.
|
---|
936 | * - Properly handle block containers like <div> and <blockquote>.
|
---|
937 | */
|
---|
938 | _ApplyBlockStyle : function( range, selectIt, updateRange )
|
---|
939 | {
|
---|
940 | // Bookmark the range so we can re-select it after processing.
|
---|
941 | var bookmark ;
|
---|
942 |
|
---|
943 | if ( selectIt )
|
---|
944 | bookmark = range.CreateBookmark() ;
|
---|
945 |
|
---|
946 | var iterator = new FCKDomRangeIterator( range ) ;
|
---|
947 | iterator.EnforceRealBlocks = true ;
|
---|
948 |
|
---|
949 | var block ;
|
---|
950 | var doc = range.Window.document ;
|
---|
951 | var previousPreBlock ;
|
---|
952 |
|
---|
953 | while( ( block = iterator.GetNextParagraph() ) ) // Only one =
|
---|
954 | {
|
---|
955 | // Create the new node right before the current one.
|
---|
956 | var newBlock = this.BuildElement( doc ) ;
|
---|
957 |
|
---|
958 | // Check if we are changing from/to <pre>.
|
---|
959 | var newBlockIsPre = newBlock.nodeName.IEquals( 'pre' ) ;
|
---|
960 | var blockIsPre = block.nodeName.IEquals( 'pre' ) ;
|
---|
961 |
|
---|
962 | var toPre = newBlockIsPre && !blockIsPre ;
|
---|
963 | var fromPre = !newBlockIsPre && blockIsPre ;
|
---|
964 |
|
---|
965 | // Move everything from the current node to the new one.
|
---|
966 | if ( toPre )
|
---|
967 | newBlock = this._ToPre( doc, block, newBlock ) ;
|
---|
968 | else if ( fromPre )
|
---|
969 | newBlock = this._FromPre( doc, block, newBlock ) ;
|
---|
970 | else // Convering from a regular block to another regular block.
|
---|
971 | FCKDomTools.MoveChildren( block, newBlock ) ;
|
---|
972 |
|
---|
973 | // Replace the current block.
|
---|
974 | block.parentNode.insertBefore( newBlock, block ) ;
|
---|
975 | FCKDomTools.RemoveNode( block ) ;
|
---|
976 |
|
---|
977 | // Complete other tasks after inserting the node in the DOM.
|
---|
978 | if ( newBlockIsPre )
|
---|
979 | {
|
---|
980 | if ( previousPreBlock )
|
---|
981 | this._CheckAndMergePre( previousPreBlock, newBlock ) ; // Merge successive <pre> blocks.
|
---|
982 | previousPreBlock = newBlock ;
|
---|
983 | }
|
---|
984 | else if ( fromPre )
|
---|
985 | this._CheckAndSplitPre( newBlock ) ; // Split <br><br> in successive <pre>s.
|
---|
986 | }
|
---|
987 |
|
---|
988 | // Re-select the original range.
|
---|
989 | if ( selectIt )
|
---|
990 | range.SelectBookmark( bookmark ) ;
|
---|
991 |
|
---|
992 | if ( updateRange )
|
---|
993 | range.MoveToBookmark( bookmark ) ;
|
---|
994 | },
|
---|
995 |
|
---|
996 | /**
|
---|
997 | * Apply an inline style to a FCKDomRange.
|
---|
998 | *
|
---|
999 | * TODO
|
---|
1000 | * - Merge elements, when applying styles to similar elements that enclose
|
---|
1001 | * the entire selection, outputing:
|
---|
1002 | * <span style="color: #ff0000; background-color: #ffffff">XYZ</span>
|
---|
1003 | * instead of:
|
---|
1004 | * <span style="color: #ff0000;"><span style="background-color: #ffffff">XYZ</span></span>
|
---|
1005 | */
|
---|
1006 | _ApplyInlineStyle : function( range, selectIt, updateRange )
|
---|
1007 | {
|
---|
1008 | var doc = range.Window.document ;
|
---|
1009 |
|
---|
1010 | if ( range.CheckIsCollapsed() )
|
---|
1011 | {
|
---|
1012 | // Create the element to be inserted in the DOM.
|
---|
1013 | var collapsedElement = this.BuildElement( doc ) ;
|
---|
1014 | range.InsertNode( collapsedElement ) ;
|
---|
1015 | range.MoveToPosition( collapsedElement, 2 ) ;
|
---|
1016 | range.Select() ;
|
---|
1017 |
|
---|
1018 | return ;
|
---|
1019 | }
|
---|
1020 |
|
---|
1021 | // The general idea here is navigating through all nodes inside the
|
---|
1022 | // current selection, working on distinct range blocks, defined by the
|
---|
1023 | // DTD compatibility between the style element and the nodes inside the
|
---|
1024 | // ranges.
|
---|
1025 | //
|
---|
1026 | // For example, suppose we have the following selection (where [ and ]
|
---|
1027 | // are the boundaries), and we apply a <b> style there:
|
---|
1028 | //
|
---|
1029 | // <p>Here we [have <b>some</b> text.<p>
|
---|
1030 | // <p>And some here] here.</p>
|
---|
1031 | //
|
---|
1032 | // Two different ranges will be detected:
|
---|
1033 | //
|
---|
1034 | // "have <b>some</b> text."
|
---|
1035 | // "And some here"
|
---|
1036 | //
|
---|
1037 | // Both ranges will be extracted, moved to a <b> element, and
|
---|
1038 | // re-inserted, resulting in the following output:
|
---|
1039 | //
|
---|
1040 | // <p>Here we [<b>have some text.</b><p>
|
---|
1041 | // <p><b>And some here</b>] here.</p>
|
---|
1042 | //
|
---|
1043 | // Note that the <b> element at <b>some</b> is also removed because it
|
---|
1044 | // is not needed anymore.
|
---|
1045 |
|
---|
1046 | var elementName = this.Element ;
|
---|
1047 |
|
---|
1048 | // Get the DTD definition for the element. Defaults to "span".
|
---|
1049 | var elementDTD = FCK.DTD[ elementName ] || FCK.DTD.span ;
|
---|
1050 |
|
---|
1051 | // Create the attribute list to be used later for element comparisons.
|
---|
1052 | var styleAttribs = this._GetAttribsForComparison() ;
|
---|
1053 | var styleNode ;
|
---|
1054 |
|
---|
1055 | // Expand the range, if inside inline element boundaries.
|
---|
1056 | range.Expand( 'inline_elements' ) ;
|
---|
1057 |
|
---|
1058 | // Bookmark the range so we can re-select it after processing.
|
---|
1059 | var bookmark = range.CreateBookmark( true ) ;
|
---|
1060 |
|
---|
1061 | // The style will be applied within the bookmark boundaries.
|
---|
1062 | var startNode = range.GetBookmarkNode( bookmark, true ) ;
|
---|
1063 | var endNode = range.GetBookmarkNode( bookmark, false ) ;
|
---|
1064 |
|
---|
1065 | // We'll be reusing the range to apply the styles. So, release it here
|
---|
1066 | // to indicate that it has not been initialized.
|
---|
1067 | range.Release( true ) ;
|
---|
1068 |
|
---|
1069 | // Let's start the nodes lookup from the node right after the bookmark
|
---|
1070 | // span.
|
---|
1071 | var currentNode = FCKDomTools.GetNextSourceNode( startNode, true ) ;
|
---|
1072 |
|
---|
1073 | while ( currentNode )
|
---|
1074 | {
|
---|
1075 | var applyStyle = false ;
|
---|
1076 |
|
---|
1077 | var nodeType = currentNode.nodeType ;
|
---|
1078 | var nodeName = nodeType == 1 ? currentNode.nodeName.toLowerCase() : null ;
|
---|
1079 |
|
---|
1080 | // Check if the current node can be a child of the style element.
|
---|
1081 | if ( !nodeName || elementDTD[ nodeName ] )
|
---|
1082 | {
|
---|
1083 | // Check if the style element can be a child of the current
|
---|
1084 | // node parent or if the element is not defined in the DTD.
|
---|
1085 | if ( ( FCK.DTD[ currentNode.parentNode.nodeName.toLowerCase() ] || FCK.DTD.span )[ elementName ] || !FCK.DTD[ elementName ] )
|
---|
1086 | {
|
---|
1087 | // This node will be part of our range, so if it has not
|
---|
1088 | // been started, place its start right before the node.
|
---|
1089 | if ( !range.CheckHasRange() )
|
---|
1090 | range.SetStart( currentNode, 3 ) ;
|
---|
1091 |
|
---|
1092 | // Non element nodes, or empty elements can be added
|
---|
1093 | // completely to the range.
|
---|
1094 | if ( nodeType != 1 || currentNode.childNodes.length == 0 )
|
---|
1095 | {
|
---|
1096 | var includedNode = currentNode ;
|
---|
1097 | var parentNode = includedNode.parentNode ;
|
---|
1098 |
|
---|
1099 | // This node is about to be included completelly, but,
|
---|
1100 | // if this is the last node in its parent, we must also
|
---|
1101 | // check if the parent itself can be added completelly
|
---|
1102 | // to the range.
|
---|
1103 | while ( includedNode == parentNode.lastChild
|
---|
1104 | && elementDTD[ parentNode.nodeName.toLowerCase() ] )
|
---|
1105 | {
|
---|
1106 | includedNode = parentNode ;
|
---|
1107 | }
|
---|
1108 |
|
---|
1109 | range.SetEnd( includedNode, 4 ) ;
|
---|
1110 |
|
---|
1111 | // If the included node is the last node in its parent
|
---|
1112 | // and its parent can't be inside the style node, apply
|
---|
1113 | // the style immediately.
|
---|
1114 | if ( includedNode == includedNode.parentNode.lastChild && !elementDTD[ includedNode.parentNode.nodeName.toLowerCase() ] )
|
---|
1115 | applyStyle = true ;
|
---|
1116 | }
|
---|
1117 | else
|
---|
1118 | {
|
---|
1119 | // Element nodes will not be added directly. We need to
|
---|
1120 | // check their children because the selection could end
|
---|
1121 | // inside the node, so let's place the range end right
|
---|
1122 | // before the element.
|
---|
1123 | range.SetEnd( currentNode, 3 ) ;
|
---|
1124 | }
|
---|
1125 | }
|
---|
1126 | else
|
---|
1127 | applyStyle = true ;
|
---|
1128 | }
|
---|
1129 | else
|
---|
1130 | applyStyle = true ;
|
---|
1131 |
|
---|
1132 | // Get the next node to be processed.
|
---|
1133 | currentNode = FCKDomTools.GetNextSourceNode( currentNode ) ;
|
---|
1134 |
|
---|
1135 | // If we have reached the end of the selection, just apply the
|
---|
1136 | // style ot the range, and stop looping.
|
---|
1137 | if ( currentNode == endNode )
|
---|
1138 | {
|
---|
1139 | currentNode = null ;
|
---|
1140 | applyStyle = true ;
|
---|
1141 | }
|
---|
1142 |
|
---|
1143 | // Apply the style if we have something to which apply it.
|
---|
1144 | if ( applyStyle && range.CheckHasRange() && !range.CheckIsCollapsed() )
|
---|
1145 | {
|
---|
1146 | // Build the style element, based on the style object definition.
|
---|
1147 | styleNode = this.BuildElement( doc ) ;
|
---|
1148 |
|
---|
1149 | // Move the contents of the range to the style element.
|
---|
1150 | range.ExtractContents().AppendTo( styleNode ) ;
|
---|
1151 |
|
---|
1152 | // If it is not empty.
|
---|
1153 | if ( styleNode.innerHTML.RTrim().length > 0 )
|
---|
1154 | {
|
---|
1155 | // Insert it in the range position (it is collapsed after
|
---|
1156 | // ExtractContents.
|
---|
1157 | range.InsertNode( styleNode ) ;
|
---|
1158 |
|
---|
1159 | // Here we do some cleanup, removing all duplicated
|
---|
1160 | // elements from the style element.
|
---|
1161 | this.RemoveFromElement( styleNode ) ;
|
---|
1162 |
|
---|
1163 | // Let's merge our new style with its neighbors, if possible.
|
---|
1164 | this._MergeSiblings( styleNode, this._GetAttribsForComparison() ) ;
|
---|
1165 |
|
---|
1166 | // As the style system breaks text nodes constantly, let's normalize
|
---|
1167 | // things for performance.
|
---|
1168 | // With IE, some paragraphs get broken when calling normalize()
|
---|
1169 | // repeatedly. Also, for IE, we must normalize body, not documentElement.
|
---|
1170 | // IE is also known for having a "crash effect" with normalize().
|
---|
1171 | // We should try to normalize with IE too in some way, somewhere.
|
---|
1172 | if ( !FCKBrowserInfo.IsIE )
|
---|
1173 | styleNode.normalize() ;
|
---|
1174 | }
|
---|
1175 |
|
---|
1176 | // Style applied, let's release the range, so it gets marked to
|
---|
1177 | // re-initialization in the next loop.
|
---|
1178 | range.Release( true ) ;
|
---|
1179 | }
|
---|
1180 | }
|
---|
1181 |
|
---|
1182 | this._FixBookmarkStart( startNode ) ;
|
---|
1183 |
|
---|
1184 | // Re-select the original range.
|
---|
1185 | if ( selectIt )
|
---|
1186 | range.SelectBookmark( bookmark ) ;
|
---|
1187 |
|
---|
1188 | if ( updateRange )
|
---|
1189 | range.MoveToBookmark( bookmark ) ;
|
---|
1190 | },
|
---|
1191 |
|
---|
1192 | _FixBookmarkStart : function( startNode )
|
---|
1193 | {
|
---|
1194 | // After appliying or removing an inline style, the start boundary of
|
---|
1195 | // the selection must be placed inside all inline elements it is
|
---|
1196 | // bordering.
|
---|
1197 | var startSibling ;
|
---|
1198 | while ( ( startSibling = startNode.nextSibling ) ) // Only one "=".
|
---|
1199 | {
|
---|
1200 | if ( startSibling.nodeType == 1
|
---|
1201 | && FCKListsLib.InlineNonEmptyElements[ startSibling.nodeName.toLowerCase() ] )
|
---|
1202 | {
|
---|
1203 | // If it is an empty inline element, we can safely remove it.
|
---|
1204 | if ( !startSibling.firstChild )
|
---|
1205 | FCKDomTools.RemoveNode( startSibling ) ;
|
---|
1206 | else
|
---|
1207 | FCKDomTools.MoveNode( startNode, startSibling, true ) ;
|
---|
1208 | continue ;
|
---|
1209 | }
|
---|
1210 |
|
---|
1211 | // Empty text nodes can be safely removed to not disturb.
|
---|
1212 | if ( startSibling.nodeType == 3 && startSibling.length == 0 )
|
---|
1213 | {
|
---|
1214 | FCKDomTools.RemoveNode( startSibling ) ;
|
---|
1215 | continue ;
|
---|
1216 | }
|
---|
1217 |
|
---|
1218 | break ;
|
---|
1219 | }
|
---|
1220 | },
|
---|
1221 |
|
---|
1222 | /**
|
---|
1223 | * Merge an element with its similar siblings.
|
---|
1224 | * "attribs" is and object computed with _CreateAttribsForComparison.
|
---|
1225 | */
|
---|
1226 | _MergeSiblings : function( element, attribs )
|
---|
1227 | {
|
---|
1228 | if ( !element || element.nodeType != 1 || !FCKListsLib.InlineNonEmptyElements[ element.nodeName.toLowerCase() ] )
|
---|
1229 | return ;
|
---|
1230 |
|
---|
1231 | this._MergeNextSibling( element, attribs ) ;
|
---|
1232 | this._MergePreviousSibling( element, attribs ) ;
|
---|
1233 | },
|
---|
1234 |
|
---|
1235 | /**
|
---|
1236 | * Merge an element with its similar siblings after it.
|
---|
1237 | * "attribs" is and object computed with _CreateAttribsForComparison.
|
---|
1238 | */
|
---|
1239 | _MergeNextSibling : function( element, attribs )
|
---|
1240 | {
|
---|
1241 | // Check the next sibling.
|
---|
1242 | var sibling = element.nextSibling ;
|
---|
1243 |
|
---|
1244 | // Check if the next sibling is a bookmark element. In this case, jump it.
|
---|
1245 | var hasBookmark = ( sibling && sibling.nodeType == 1 && sibling.getAttribute( '_fck_bookmark' ) ) ;
|
---|
1246 | if ( hasBookmark )
|
---|
1247 | sibling = sibling.nextSibling ;
|
---|
1248 |
|
---|
1249 | if ( sibling && sibling.nodeType == 1 && sibling.nodeName == element.nodeName )
|
---|
1250 | {
|
---|
1251 | if ( !attribs )
|
---|
1252 | attribs = this._CreateElementAttribsForComparison( element ) ;
|
---|
1253 |
|
---|
1254 | if ( this._CheckAttributesMatch( sibling, attribs ) )
|
---|
1255 | {
|
---|
1256 | // Save the last child to be checked too (to merge things like <b><i></i></b><b><i></i></b>).
|
---|
1257 | var innerSibling = element.lastChild ;
|
---|
1258 |
|
---|
1259 | if ( hasBookmark )
|
---|
1260 | FCKDomTools.MoveNode( element.nextSibling, element ) ;
|
---|
1261 |
|
---|
1262 | // Move contents from the sibling.
|
---|
1263 | FCKDomTools.MoveChildren( sibling, element ) ;
|
---|
1264 | FCKDomTools.RemoveNode( sibling ) ;
|
---|
1265 |
|
---|
1266 | // Now check the last inner child (see two comments above).
|
---|
1267 | if ( innerSibling )
|
---|
1268 | this._MergeNextSibling( innerSibling ) ;
|
---|
1269 | }
|
---|
1270 | }
|
---|
1271 | },
|
---|
1272 |
|
---|
1273 | /**
|
---|
1274 | * Merge an element with its similar siblings before it.
|
---|
1275 | * "attribs" is and object computed with _CreateAttribsForComparison.
|
---|
1276 | */
|
---|
1277 | _MergePreviousSibling : function( element, attribs )
|
---|
1278 | {
|
---|
1279 | // Check the previous sibling.
|
---|
1280 | var sibling = element.previousSibling ;
|
---|
1281 |
|
---|
1282 | // Check if the previous sibling is a bookmark element. In this case, jump it.
|
---|
1283 | var hasBookmark = ( sibling && sibling.nodeType == 1 && sibling.getAttribute( '_fck_bookmark' ) ) ;
|
---|
1284 | if ( hasBookmark )
|
---|
1285 | sibling = sibling.previousSibling ;
|
---|
1286 |
|
---|
1287 | if ( sibling && sibling.nodeType == 1 && sibling.nodeName == element.nodeName )
|
---|
1288 | {
|
---|
1289 | if ( !attribs )
|
---|
1290 | attribs = this._CreateElementAttribsForComparison( element ) ;
|
---|
1291 |
|
---|
1292 | if ( this._CheckAttributesMatch( sibling, attribs ) )
|
---|
1293 | {
|
---|
1294 | // Save the first child to be checked too (to merge things like <b><i></i></b><b><i></i></b>).
|
---|
1295 | var innerSibling = element.firstChild ;
|
---|
1296 |
|
---|
1297 | if ( hasBookmark )
|
---|
1298 | FCKDomTools.MoveNode( element.previousSibling, element, true ) ;
|
---|
1299 |
|
---|
1300 | // Move contents to the sibling.
|
---|
1301 | FCKDomTools.MoveChildren( sibling, element, true ) ;
|
---|
1302 | FCKDomTools.RemoveNode( sibling ) ;
|
---|
1303 |
|
---|
1304 | // Now check the first inner child (see two comments above).
|
---|
1305 | if ( innerSibling )
|
---|
1306 | this._MergePreviousSibling( innerSibling ) ;
|
---|
1307 | }
|
---|
1308 | }
|
---|
1309 | },
|
---|
1310 |
|
---|
1311 | /**
|
---|
1312 | * Build the cssText based on the styles definition.
|
---|
1313 | */
|
---|
1314 | _GetStyleText : function()
|
---|
1315 | {
|
---|
1316 | var stylesDef = this._StyleDesc.Styles ;
|
---|
1317 |
|
---|
1318 | // Builds the StyleText.
|
---|
1319 | var stylesText = ( this._StyleDesc.Attributes ? this._StyleDesc.Attributes['style'] || '' : '' ) ;
|
---|
1320 |
|
---|
1321 | if ( stylesText.length > 0 )
|
---|
1322 | stylesText += ';' ;
|
---|
1323 |
|
---|
1324 | for ( var style in stylesDef )
|
---|
1325 | stylesText += style + ':' + stylesDef[style] + ';' ;
|
---|
1326 |
|
---|
1327 | // Browsers make some changes to the style when applying them. So, here
|
---|
1328 | // we normalize it to the browser format. We'll not do that if there
|
---|
1329 | // are variables inside the style.
|
---|
1330 | if ( stylesText.length > 0 && !( /#\(/.test( stylesText ) ) )
|
---|
1331 | {
|
---|
1332 | stylesText = FCKTools.NormalizeCssText( stylesText ) ;
|
---|
1333 | }
|
---|
1334 |
|
---|
1335 | return (this._GetStyleText = function() { return stylesText ; })() ;
|
---|
1336 | },
|
---|
1337 |
|
---|
1338 | /**
|
---|
1339 | * Get the the collection used to compare the attributes defined in this
|
---|
1340 | * style with attributes in an element. All information in it is lowercased.
|
---|
1341 | */
|
---|
1342 | _GetAttribsForComparison : function()
|
---|
1343 | {
|
---|
1344 | // If we have already computed it, just return it.
|
---|
1345 | var attribs = this._GetAttribsForComparison_$ ;
|
---|
1346 | if ( attribs )
|
---|
1347 | return attribs ;
|
---|
1348 |
|
---|
1349 | attribs = new Object() ;
|
---|
1350 |
|
---|
1351 | // Loop through all defined attributes.
|
---|
1352 | var styleAttribs = this._StyleDesc.Attributes ;
|
---|
1353 | if ( styleAttribs )
|
---|
1354 | {
|
---|
1355 | for ( var styleAtt in styleAttribs )
|
---|
1356 | {
|
---|
1357 | attribs[ styleAtt.toLowerCase() ] = styleAttribs[ styleAtt ].toLowerCase() ;
|
---|
1358 | }
|
---|
1359 | }
|
---|
1360 |
|
---|
1361 | // Includes the style definitions.
|
---|
1362 | if ( this._GetStyleText().length > 0 )
|
---|
1363 | {
|
---|
1364 | attribs['style'] = this._GetStyleText().toLowerCase() ;
|
---|
1365 | }
|
---|
1366 |
|
---|
1367 | // Appends the "length" information to the object.
|
---|
1368 | FCKTools.AppendLengthProperty( attribs, '_length' ) ;
|
---|
1369 |
|
---|
1370 | // Return it, saving it to the next request.
|
---|
1371 | return ( this._GetAttribsForComparison_$ = attribs ) ;
|
---|
1372 | },
|
---|
1373 |
|
---|
1374 | /**
|
---|
1375 | * Get the the collection used to compare the elements and attributes,
|
---|
1376 | * defined in this style overrides, with other element. All information in
|
---|
1377 | * it is lowercased.
|
---|
1378 | */
|
---|
1379 | _GetOverridesForComparison : function()
|
---|
1380 | {
|
---|
1381 | // If we have already computed it, just return it.
|
---|
1382 | var overrides = this._GetOverridesForComparison_$ ;
|
---|
1383 | if ( overrides )
|
---|
1384 | return overrides ;
|
---|
1385 |
|
---|
1386 | overrides = new Object() ;
|
---|
1387 |
|
---|
1388 | var overridesDesc = this._StyleDesc.Overrides ;
|
---|
1389 |
|
---|
1390 | if ( overridesDesc )
|
---|
1391 | {
|
---|
1392 | // The override description can be a string, object or array.
|
---|
1393 | // Internally, well handle arrays only, so transform it if needed.
|
---|
1394 | if ( !FCKTools.IsArray( overridesDesc ) )
|
---|
1395 | overridesDesc = [ overridesDesc ] ;
|
---|
1396 |
|
---|
1397 | // Loop through all override definitions.
|
---|
1398 | for ( var i = 0 ; i < overridesDesc.length ; i++ )
|
---|
1399 | {
|
---|
1400 | var override = overridesDesc[i] ;
|
---|
1401 | var elementName ;
|
---|
1402 | var overrideEl ;
|
---|
1403 | var attrs ;
|
---|
1404 |
|
---|
1405 | // If can be a string with the element name.
|
---|
1406 | if ( typeof override == 'string' )
|
---|
1407 | elementName = override.toLowerCase() ;
|
---|
1408 | // Or an object.
|
---|
1409 | else
|
---|
1410 | {
|
---|
1411 | elementName = override.Element ? override.Element.toLowerCase() : this.Element ;
|
---|
1412 | attrs = override.Attributes ;
|
---|
1413 | }
|
---|
1414 |
|
---|
1415 | // We can have more than one override definition for the same
|
---|
1416 | // element name, so we attempt to simply append information to
|
---|
1417 | // it if it already exists.
|
---|
1418 | overrideEl = overrides[ elementName ] || ( overrides[ elementName ] = {} ) ;
|
---|
1419 |
|
---|
1420 | if ( attrs )
|
---|
1421 | {
|
---|
1422 | // The returning attributes list is an array, because we
|
---|
1423 | // could have different override definitions for the same
|
---|
1424 | // attribute name.
|
---|
1425 | var overrideAttrs = ( overrideEl.Attributes = overrideEl.Attributes || new Array() ) ;
|
---|
1426 | for ( var attName in attrs )
|
---|
1427 | {
|
---|
1428 | // Each item in the attributes array is also an array,
|
---|
1429 | // where [0] is the attribute name and [1] is the
|
---|
1430 | // override value.
|
---|
1431 | overrideAttrs.push( [ attName.toLowerCase(), attrs[ attName ] ] ) ;
|
---|
1432 | }
|
---|
1433 | }
|
---|
1434 | }
|
---|
1435 | }
|
---|
1436 |
|
---|
1437 | return ( this._GetOverridesForComparison_$ = overrides ) ;
|
---|
1438 | },
|
---|
1439 |
|
---|
1440 | /*
|
---|
1441 | * Create and object containing all attributes specified in an element,
|
---|
1442 | * added by a "_length" property. All values are lowercased.
|
---|
1443 | */
|
---|
1444 | _CreateElementAttribsForComparison : function( element )
|
---|
1445 | {
|
---|
1446 | var attribs = new Object() ;
|
---|
1447 | var attribsCount = 0 ;
|
---|
1448 |
|
---|
1449 | for ( var i = 0 ; i < element.attributes.length ; i++ )
|
---|
1450 | {
|
---|
1451 | var att = element.attributes[i] ;
|
---|
1452 |
|
---|
1453 | if ( att.specified )
|
---|
1454 | {
|
---|
1455 | attribs[ att.nodeName.toLowerCase() ] = FCKDomTools.GetAttributeValue( element, att ).toLowerCase() ;
|
---|
1456 | attribsCount++ ;
|
---|
1457 | }
|
---|
1458 | }
|
---|
1459 |
|
---|
1460 | attribs._length = attribsCount ;
|
---|
1461 |
|
---|
1462 | return attribs ;
|
---|
1463 | },
|
---|
1464 |
|
---|
1465 | /**
|
---|
1466 | * Checks is the element attributes have a perfect match with the style
|
---|
1467 | * attributes.
|
---|
1468 | */
|
---|
1469 | _CheckAttributesMatch : function( element, styleAttribs )
|
---|
1470 | {
|
---|
1471 | // Loop through all specified attributes. The same number of
|
---|
1472 | // attributes must be found and their values must match to
|
---|
1473 | // declare them as equal.
|
---|
1474 |
|
---|
1475 | var elementAttrbs = element.attributes ;
|
---|
1476 | var matchCount = 0 ;
|
---|
1477 |
|
---|
1478 | for ( var i = 0 ; i < elementAttrbs.length ; i++ )
|
---|
1479 | {
|
---|
1480 | var att = elementAttrbs[i] ;
|
---|
1481 | if ( att.specified )
|
---|
1482 | {
|
---|
1483 | var attName = att.nodeName.toLowerCase() ;
|
---|
1484 | var styleAtt = styleAttribs[ attName ] ;
|
---|
1485 |
|
---|
1486 | // The attribute is not defined in the style.
|
---|
1487 | if ( !styleAtt )
|
---|
1488 | break ;
|
---|
1489 |
|
---|
1490 | // The values are different.
|
---|
1491 | if ( styleAtt != FCKDomTools.GetAttributeValue( element, att ).toLowerCase() )
|
---|
1492 | break ;
|
---|
1493 |
|
---|
1494 | matchCount++ ;
|
---|
1495 | }
|
---|
1496 | }
|
---|
1497 |
|
---|
1498 | return ( matchCount == styleAttribs._length ) ;
|
---|
1499 | }
|
---|
1500 | } ;
|
---|