[1575] | 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 | } ;
|
---|