[44] | 1 | /*
|
---|
| 2 | * FCKeditor - The text editor for internet
|
---|
| 3 | * Copyright (C) 2003-2006 Frederico Caldeira Knabben
|
---|
| 4 | *
|
---|
| 5 | * Licensed under the terms of the GNU Lesser General Public License:
|
---|
| 6 | * http://www.opensource.org/licenses/lgpl-license.php
|
---|
| 7 | *
|
---|
| 8 | * For further information visit:
|
---|
| 9 | * http://www.fckeditor.net/
|
---|
| 10 | *
|
---|
| 11 | * "Support Open Source software. What about a donation today?"
|
---|
| 12 | *
|
---|
| 13 | * File Name: fckxhtml.js
|
---|
| 14 | * Defines the FCKXHtml object, responsible for the XHTML operations.
|
---|
| 15 | *
|
---|
| 16 | * File Authors:
|
---|
| 17 | * Frederico Caldeira Knabben (fredck@fckeditor.net)
|
---|
| 18 | */
|
---|
| 19 |
|
---|
| 20 | var FCKXHtml = new Object() ;
|
---|
| 21 |
|
---|
| 22 | FCKXHtml.CurrentJobNum = 0 ;
|
---|
| 23 |
|
---|
| 24 | FCKXHtml.GetXHTML = function( node, includeNode, format )
|
---|
| 25 | {
|
---|
| 26 | FCKXHtmlEntities.Initialize() ;
|
---|
| 27 |
|
---|
| 28 | // Save the current IsDirty state. The XHTML processor may change the
|
---|
| 29 | // original HTML, dirtying it.
|
---|
| 30 | var bIsDirty = FCK.IsDirty() ;
|
---|
| 31 |
|
---|
| 32 | this._CreateNode = FCKConfig.ForceStrongEm ? FCKXHtml_CreateNode_StrongEm : FCKXHtml_CreateNode_Normal ;
|
---|
| 33 |
|
---|
| 34 | // Special blocks are blocks of content that remain untouched during the
|
---|
| 35 | // process. It is used for SCRIPTs and STYLEs.
|
---|
| 36 | FCKXHtml.SpecialBlocks = new Array() ;
|
---|
| 37 |
|
---|
| 38 | // Create the XML DOMDocument object.
|
---|
| 39 | this.XML = FCKTools.CreateXmlObject( 'DOMDocument' ) ;
|
---|
| 40 |
|
---|
| 41 | // Add a root element that holds all child nodes.
|
---|
| 42 | this.MainNode = this.XML.appendChild( this.XML.createElement( 'xhtml' ) ) ;
|
---|
| 43 |
|
---|
| 44 | FCKXHtml.CurrentJobNum++ ;
|
---|
| 45 |
|
---|
| 46 | if ( includeNode )
|
---|
| 47 | this._AppendNode( this.MainNode, node ) ;
|
---|
| 48 | else
|
---|
| 49 | this._AppendChildNodes( this.MainNode, node, false ) ;
|
---|
| 50 |
|
---|
| 51 | // Get the resulting XHTML as a string.
|
---|
| 52 | var sXHTML = this._GetMainXmlString() ;
|
---|
| 53 |
|
---|
| 54 | this.XML = null ;
|
---|
| 55 |
|
---|
| 56 | // Strip the "XHTML" root node.
|
---|
| 57 | sXHTML = sXHTML.substr( 7, sXHTML.length - 15 ).trim() ;
|
---|
| 58 |
|
---|
| 59 | // Remove the trailing <br> added by Gecko.
|
---|
| 60 | if ( FCKBrowserInfo.IsGecko )
|
---|
| 61 | sXHTML = sXHTML.replace( /<br\/>$/, '' ) ;
|
---|
| 62 |
|
---|
| 63 | // Add a space in the tags with no closing tags, like <br/> -> <br />
|
---|
| 64 | sXHTML = sXHTML.replace( FCKRegexLib.SpaceNoClose, ' />');
|
---|
| 65 |
|
---|
| 66 | if ( FCKConfig.ForceSimpleAmpersand )
|
---|
| 67 | sXHTML = sXHTML.replace( FCKRegexLib.ForceSimpleAmpersand, '&' ) ;
|
---|
| 68 |
|
---|
| 69 | if ( format )
|
---|
| 70 | sXHTML = FCKCodeFormatter.Format( sXHTML ) ;
|
---|
| 71 |
|
---|
| 72 | // Now we put back the SpecialBlocks contents.
|
---|
| 73 | for ( var i = 0 ; i < FCKXHtml.SpecialBlocks.length ; i++ )
|
---|
| 74 | {
|
---|
| 75 | var oRegex = new RegExp( '___FCKsi___' + i ) ;
|
---|
| 76 | sXHTML = sXHTML.replace( oRegex, FCKXHtml.SpecialBlocks[i] ) ;
|
---|
| 77 | }
|
---|
| 78 |
|
---|
| 79 | // Replace entities marker with the ampersand.
|
---|
| 80 | sXHTML = sXHTML.replace( FCKRegexLib.GeckoEntitiesMarker, '&' ) ;
|
---|
| 81 |
|
---|
| 82 | // Restore the IsDirty state if it was not dirty.
|
---|
| 83 | if ( !bIsDirty )
|
---|
| 84 | FCK.ResetIsDirty() ;
|
---|
| 85 |
|
---|
| 86 | return sXHTML
|
---|
| 87 | }
|
---|
| 88 |
|
---|
| 89 | FCKXHtml._AppendAttribute = function( xmlNode, attributeName, attributeValue )
|
---|
| 90 | {
|
---|
| 91 | if ( FCKConfig.ForceSimpleAmpersand && attributeValue.replace )
|
---|
| 92 | attributeValue = attributeValue.replace( /&/g, '___FCKAmp___' ) ;
|
---|
| 93 |
|
---|
| 94 | try
|
---|
| 95 | {
|
---|
| 96 | // Create the attribute.
|
---|
| 97 | var oXmlAtt = this.XML.createAttribute( attributeName ) ;
|
---|
| 98 |
|
---|
| 99 | oXmlAtt.value = attributeValue ? attributeValue : '' ;
|
---|
| 100 |
|
---|
| 101 | // Set the attribute in the node.
|
---|
| 102 | xmlNode.attributes.setNamedItem( oXmlAtt ) ;
|
---|
| 103 | }
|
---|
| 104 | catch (e)
|
---|
| 105 | {}
|
---|
| 106 | }
|
---|
| 107 |
|
---|
| 108 | FCKXHtml._AppendChildNodes = function( xmlNode, htmlNode, isBlockElement )
|
---|
| 109 | {
|
---|
| 110 | var iCount = 0 ;
|
---|
| 111 |
|
---|
| 112 | var oNode = htmlNode.firstChild ;
|
---|
| 113 |
|
---|
| 114 | while ( oNode )
|
---|
| 115 | {
|
---|
| 116 | if ( this._AppendNode( xmlNode, oNode ) )
|
---|
| 117 | iCount++ ;
|
---|
| 118 |
|
---|
| 119 | oNode = oNode.nextSibling ;
|
---|
| 120 | }
|
---|
| 121 |
|
---|
| 122 | if ( iCount == 0 )
|
---|
| 123 | {
|
---|
| 124 | if ( isBlockElement && FCKConfig.FillEmptyBlocks )
|
---|
| 125 | {
|
---|
| 126 | this._AppendEntity( xmlNode, 'nbsp' ) ;
|
---|
| 127 | return ;
|
---|
| 128 | }
|
---|
| 129 |
|
---|
| 130 | // We can't use short representation of empty elements that are not marked
|
---|
| 131 | // as empty in th XHTML DTD.
|
---|
| 132 | if ( !FCKRegexLib.EmptyElements.test( htmlNode.nodeName ) )
|
---|
| 133 | xmlNode.appendChild( this.XML.createTextNode('') ) ;
|
---|
| 134 | }
|
---|
| 135 | }
|
---|
| 136 |
|
---|
| 137 | FCKXHtml._AppendNode = function( xmlNode, htmlNode )
|
---|
| 138 | {
|
---|
| 139 | if ( !htmlNode )
|
---|
| 140 | return ;
|
---|
| 141 |
|
---|
| 142 | switch ( htmlNode.nodeType )
|
---|
| 143 | {
|
---|
| 144 | // Element Node.
|
---|
| 145 | case 1 :
|
---|
| 146 |
|
---|
| 147 | // Here we found an element that is not the real element, but a
|
---|
| 148 | // fake one (like the Flash placeholder image), so we must get the real one.
|
---|
| 149 | if ( htmlNode.getAttribute('_fckfakelement') )
|
---|
| 150 | return FCKXHtml._AppendNode( xmlNode, FCK.GetRealElement( htmlNode ) ) ;
|
---|
| 151 |
|
---|
| 152 | // Mozilla insert custom nodes in the DOM.
|
---|
| 153 | if ( FCKBrowserInfo.IsGecko && htmlNode.hasAttribute('_moz_editor_bogus_node') )
|
---|
| 154 | return false ;
|
---|
| 155 |
|
---|
| 156 | // This is for elements that are instrumental to FCKeditor and
|
---|
| 157 | // must be removed from the final HTML.
|
---|
| 158 | if ( htmlNode.getAttribute('_fcktemp') )
|
---|
| 159 | return false ;
|
---|
| 160 |
|
---|
| 161 | // Get the element name.
|
---|
| 162 | var sNodeName = htmlNode.nodeName ;
|
---|
| 163 |
|
---|
| 164 | //Add namespace:
|
---|
| 165 | if ( FCKBrowserInfo.IsIE && htmlNode.scopeName && htmlNode.scopeName != 'HTML' && htmlNode.scopeName != 'FCK' )
|
---|
| 166 | sNodeName = htmlNode.scopeName + ':' + sNodeName ;
|
---|
| 167 |
|
---|
| 168 | // Check if the node name is valid, otherwise ignore this tag.
|
---|
| 169 | // If the nodeName starts with a slash, it is a orphan closing tag.
|
---|
| 170 | // On some strange cases, the nodeName is empty, even if the node exists.
|
---|
| 171 | if ( !FCKRegexLib.ElementName.test( sNodeName ) )
|
---|
| 172 | return false ;
|
---|
| 173 |
|
---|
| 174 | sNodeName = sNodeName.toLowerCase() ;
|
---|
| 175 |
|
---|
| 176 | if ( FCKBrowserInfo.IsGecko && sNodeName == 'br' && htmlNode.hasAttribute('type') && htmlNode.getAttribute( 'type', 2 ) == '_moz' )
|
---|
| 177 | return false ;
|
---|
| 178 |
|
---|
| 179 | // The already processed nodes must be marked to avoid then to be duplicated (bad formatted HTML).
|
---|
| 180 | // So here, the "mark" is checked... if the element is Ok, then mark it.
|
---|
| 181 | if ( htmlNode._fckxhtmljob && htmlNode._fckxhtmljob == FCKXHtml.CurrentJobNum )
|
---|
| 182 | return false ;
|
---|
| 183 |
|
---|
| 184 | var oNode = this._CreateNode( sNodeName ) ;
|
---|
| 185 |
|
---|
| 186 | // Add all attributes.
|
---|
| 187 | FCKXHtml._AppendAttributes( xmlNode, htmlNode, oNode, sNodeName ) ;
|
---|
| 188 |
|
---|
| 189 | htmlNode._fckxhtmljob = FCKXHtml.CurrentJobNum ;
|
---|
| 190 |
|
---|
| 191 | // Tag specific processing.
|
---|
| 192 | var oTagProcessor = FCKXHtml.TagProcessors[ sNodeName ] ;
|
---|
| 193 |
|
---|
| 194 | if ( oTagProcessor )
|
---|
| 195 | {
|
---|
| 196 | oNode = oTagProcessor( oNode, htmlNode, xmlNode ) ;
|
---|
| 197 | if ( !oNode ) break ;
|
---|
| 198 | }
|
---|
| 199 | else
|
---|
| 200 | this._AppendChildNodes( oNode, htmlNode, FCKRegexLib.BlockElements.test( sNodeName ) ) ;
|
---|
| 201 |
|
---|
| 202 | xmlNode.appendChild( oNode ) ;
|
---|
| 203 |
|
---|
| 204 | break ;
|
---|
| 205 |
|
---|
| 206 | // Text Node.
|
---|
| 207 | case 3 :
|
---|
| 208 | this._AppendTextNode( xmlNode, htmlNode.nodeValue.replaceNewLineChars(' ') ) ;
|
---|
| 209 | break ;
|
---|
| 210 |
|
---|
| 211 | // Comment
|
---|
| 212 | case 8 :
|
---|
| 213 | // IE catches the <!DOTYPE ... > as a comment, but it has no
|
---|
| 214 | // innerHTML, so we can catch it, and ignore it.
|
---|
| 215 | if ( FCKBrowserInfo.IsIE && !htmlNode.innerHTML )
|
---|
| 216 | break ;
|
---|
| 217 |
|
---|
| 218 | try { xmlNode.appendChild( this.XML.createComment( htmlNode.nodeValue ) ) ; }
|
---|
| 219 | catch (e) { /* Do nothing... probably this is a wrong format comment. */ }
|
---|
| 220 | break ;
|
---|
| 221 |
|
---|
| 222 | // Unknown Node type.
|
---|
| 223 | default :
|
---|
| 224 | xmlNode.appendChild( this.XML.createComment( "Element not supported - Type: " + htmlNode.nodeType + " Name: " + htmlNode.nodeName ) ) ;
|
---|
| 225 | break ;
|
---|
| 226 | }
|
---|
| 227 | return true ;
|
---|
| 228 | }
|
---|
| 229 |
|
---|
| 230 | function FCKXHtml_CreateNode_StrongEm( nodeName )
|
---|
| 231 | {
|
---|
| 232 | switch ( nodeName )
|
---|
| 233 | {
|
---|
| 234 | case 'b' :
|
---|
| 235 | nodeName = 'strong' ;
|
---|
| 236 | break ;
|
---|
| 237 | case 'i' :
|
---|
| 238 | nodeName = 'em' ;
|
---|
| 239 | break ;
|
---|
| 240 | }
|
---|
| 241 | return this.XML.createElement( nodeName ) ;
|
---|
| 242 | }
|
---|
| 243 |
|
---|
| 244 | function FCKXHtml_CreateNode_Normal( nodeName )
|
---|
| 245 | {
|
---|
| 246 | return this.XML.createElement( nodeName ) ;
|
---|
| 247 | }
|
---|
| 248 |
|
---|
| 249 | // Append an item to the SpecialBlocks array and returns the tag to be used.
|
---|
| 250 | FCKXHtml._AppendSpecialItem = function( item )
|
---|
| 251 | {
|
---|
| 252 | return '___FCKsi___' + FCKXHtml.SpecialBlocks.AddItem( item ) ;
|
---|
| 253 | }
|
---|
| 254 |
|
---|
| 255 | FCKXHtml._AppendEntity = function( xmlNode, entity )
|
---|
| 256 | {
|
---|
| 257 | xmlNode.appendChild( this.XML.createTextNode( '#?-:' + entity + ';' ) ) ;
|
---|
| 258 | }
|
---|
| 259 |
|
---|
| 260 | FCKXHtml._AppendTextNode = function( targetNode, textValue )
|
---|
| 261 | {
|
---|
| 262 | targetNode.appendChild( this.XML.createTextNode( textValue.replace( FCKXHtmlEntities.EntitiesRegex, FCKXHtml_GetEntity ) ) ) ;
|
---|
| 263 | return ;
|
---|
| 264 | }
|
---|
| 265 |
|
---|
| 266 | // Retrieves a entity (internal format) for a given character.
|
---|
| 267 | function FCKXHtml_GetEntity( character )
|
---|
| 268 | {
|
---|
| 269 | // We cannot simply place the entities in the text, because the XML parser
|
---|
| 270 | // will translate & to &. So we use a temporary marker which is replaced
|
---|
| 271 | // in the end of the processing.
|
---|
| 272 | var sEntity = FCKXHtmlEntities.Entities[ character ] || ( '#' + character.charCodeAt(0) ) ;
|
---|
| 273 | return '#?-:' + sEntity + ';' ;
|
---|
| 274 | }
|
---|
| 275 |
|
---|
| 276 | // An object that hold tag specific operations.
|
---|
| 277 | FCKXHtml.TagProcessors = new Object() ;
|
---|
| 278 |
|
---|
| 279 | FCKXHtml.TagProcessors['img'] = function( node, htmlNode )
|
---|
| 280 | {
|
---|
| 281 | // The "ALT" attribute is required in XHTML.
|
---|
| 282 | if ( ! node.attributes.getNamedItem( 'alt' ) )
|
---|
| 283 | FCKXHtml._AppendAttribute( node, 'alt', '' ) ;
|
---|
| 284 |
|
---|
| 285 | var sSavedUrl = htmlNode.getAttribute( '_fcksavedurl' ) ;
|
---|
| 286 | if ( sSavedUrl != null )
|
---|
| 287 | FCKXHtml._AppendAttribute( node, 'src', sSavedUrl ) ;
|
---|
| 288 |
|
---|
| 289 | return node ;
|
---|
| 290 | }
|
---|
| 291 |
|
---|
| 292 | FCKXHtml.TagProcessors['a'] = function( node, htmlNode )
|
---|
| 293 | {
|
---|
| 294 | var sSavedUrl = htmlNode.getAttribute( '_fcksavedurl' ) ;
|
---|
| 295 | if ( sSavedUrl != null )
|
---|
| 296 | FCKXHtml._AppendAttribute( node, 'href', sSavedUrl ) ;
|
---|
| 297 |
|
---|
| 298 | FCKXHtml._AppendChildNodes( node, htmlNode, false ) ;
|
---|
| 299 |
|
---|
| 300 | // Firefox may create empty tags when deleting the selection in some special cases (SF-BUG 1556878).
|
---|
| 301 | if ( node.childNodes.length == 0 && !node.getAttribute( 'name' ) )
|
---|
| 302 | return false ;
|
---|
| 303 |
|
---|
| 304 | return node ;
|
---|
| 305 | }
|
---|
| 306 |
|
---|
| 307 | FCKXHtml.TagProcessors['script'] = function( node, htmlNode )
|
---|
| 308 | {
|
---|
| 309 | // The "TYPE" attribute is required in XHTML.
|
---|
| 310 | if ( ! node.attributes.getNamedItem( 'type' ) )
|
---|
| 311 | FCKXHtml._AppendAttribute( node, 'type', 'text/javascript' ) ;
|
---|
| 312 |
|
---|
| 313 | node.appendChild( FCKXHtml.XML.createTextNode( FCKXHtml._AppendSpecialItem( htmlNode.text ) ) ) ;
|
---|
| 314 |
|
---|
| 315 | return node ;
|
---|
| 316 | }
|
---|
| 317 |
|
---|
| 318 | FCKXHtml.TagProcessors['style'] = function( node, htmlNode )
|
---|
| 319 | {
|
---|
| 320 | // The "TYPE" attribute is required in XHTML.
|
---|
| 321 | if ( ! node.attributes.getNamedItem( 'type' ) )
|
---|
| 322 | FCKXHtml._AppendAttribute( node, 'type', 'text/css' ) ;
|
---|
| 323 |
|
---|
| 324 | node.appendChild( FCKXHtml.XML.createTextNode( FCKXHtml._AppendSpecialItem( htmlNode.innerHTML ) ) ) ;
|
---|
| 325 |
|
---|
| 326 | return node ;
|
---|
| 327 | }
|
---|
| 328 |
|
---|
| 329 | FCKXHtml.TagProcessors['title'] = function( node, htmlNode )
|
---|
| 330 | {
|
---|
| 331 | node.appendChild( FCKXHtml.XML.createTextNode( FCK.EditorDocument.title ) ) ;
|
---|
| 332 |
|
---|
| 333 | return node ;
|
---|
| 334 | }
|
---|
| 335 |
|
---|
| 336 | FCKXHtml.TagProcessors['table'] = function( node, htmlNode )
|
---|
| 337 | {
|
---|
| 338 | // There is a trick to show table borders when border=0. We add to the
|
---|
| 339 | // table class the FCK__ShowTableBorders rule. So now we must remove it.
|
---|
| 340 |
|
---|
| 341 | var oClassAtt = node.attributes.getNamedItem( 'class' ) ;
|
---|
| 342 |
|
---|
| 343 | if ( oClassAtt && FCKRegexLib.TableBorderClass.test( oClassAtt.nodeValue ) )
|
---|
| 344 | {
|
---|
| 345 | var sClass = oClassAtt.nodeValue.replace( FCKRegexLib.TableBorderClass, '' ) ;
|
---|
| 346 |
|
---|
| 347 | if ( sClass.length == 0 )
|
---|
| 348 | node.attributes.removeNamedItem( 'class' ) ;
|
---|
| 349 | else
|
---|
| 350 | FCKXHtml._AppendAttribute( node, 'class', sClass ) ;
|
---|
| 351 | }
|
---|
| 352 |
|
---|
| 353 | FCKXHtml._AppendChildNodes( node, htmlNode, false ) ;
|
---|
| 354 |
|
---|
| 355 | return node ;
|
---|
| 356 | }
|
---|
| 357 |
|
---|
| 358 | // Fix nested <ul> and <ol>.
|
---|
| 359 | FCKXHtml.TagProcessors['ol'] = FCKXHtml.TagProcessors['ul'] = function( node, htmlNode, targetNode )
|
---|
| 360 | {
|
---|
| 361 | if ( htmlNode.innerHTML.trim().length == 0 )
|
---|
| 362 | return ;
|
---|
| 363 |
|
---|
| 364 | var ePSibling = targetNode.lastChild ;
|
---|
| 365 |
|
---|
| 366 | if ( ePSibling && ePSibling.nodeType == 3 )
|
---|
| 367 | ePSibling = ePSibling.previousSibling ;
|
---|
| 368 |
|
---|
| 369 | if ( ePSibling && ePSibling.nodeName.toUpperCase() == 'LI' )
|
---|
| 370 | {
|
---|
| 371 | htmlNode._fckxhtmljob = null ;
|
---|
| 372 | FCKXHtml._AppendNode( ePSibling, htmlNode ) ;
|
---|
| 373 | return ;
|
---|
| 374 | }
|
---|
| 375 |
|
---|
| 376 | FCKXHtml._AppendChildNodes( node, htmlNode ) ;
|
---|
| 377 |
|
---|
| 378 | return node ;
|
---|
| 379 | }
|
---|
| 380 |
|
---|
| 381 | FCKXHtml.TagProcessors['span'] = function( node, htmlNode )
|
---|
| 382 | {
|
---|
| 383 | // Firefox may create empty tags when deleting the selection in some special cases (SF-BUG 1084404).
|
---|
| 384 | if ( htmlNode.innerHTML.length == 0 )
|
---|
| 385 | return false ;
|
---|
| 386 |
|
---|
| 387 | FCKXHtml._AppendChildNodes( node, htmlNode, false ) ;
|
---|
| 388 |
|
---|
| 389 | return node ;
|
---|
| 390 | } |
---|