📄 fckstyle.js
字号:
/*jsl:fallthru*/
default :
FCKDomTools.RemoveAttribute( currentNode, att ) ;
}
}
}
}
else
mayRemove = !!styleOverrides[ elementName ] ;
if ( mayRemove )
{
// Remove overrides defined to the same element name.
this._RemoveOverrides( currentNode, styleOverrides[ elementName ] ) ;
// Remove the element if no more attributes are available.
this._RemoveNoAttribElement( currentNode ) ;
}
}
// If we have reached the end of the selection, stop looping.
if ( nextNode == endNode )
break ;
currentNode = nextNode ;
}
this._FixBookmarkStart( startNode ) ;
// Re-select the original range.
if ( selectIt )
range.SelectBookmark( bookmark ) ;
if ( updateRange )
range.MoveToBookmark( bookmark ) ;
},
/**
* Checks if an element, or any of its attributes, is removable by the
* current style definition.
*/
CheckElementRemovable : function( element, fullMatch )
{
if ( !element )
return false ;
var elementName = element.nodeName.toLowerCase() ;
// If the element name is the same as the style name.
if ( elementName == this.Element )
{
// If no attributes are defined in the element.
if ( !fullMatch && !FCKDomTools.HasAttributes( element ) )
return true ;
// If any attribute conflicts with the style attributes.
var attribs = this._GetAttribsForComparison() ;
var allMatched = ( attribs._length == 0 ) ;
for ( var att in attribs )
{
if ( att == '_length' )
continue ;
if ( this._CompareAttributeValues( att, FCKDomTools.GetAttributeValue( element, att ), ( this.GetFinalAttributeValue( att ) || '' ) ) )
{
allMatched = true ;
if ( !fullMatch )
break ;
}
else
{
allMatched = false ;
if ( fullMatch )
return false ;
}
}
if ( allMatched )
return true ;
}
// Check if the element can be somehow overriden.
var override = this._GetOverridesForComparison()[ elementName ] ;
if ( override )
{
// If no attributes have been defined, remove the element.
if ( !( attribs = override.Attributes ) ) // Only one "="
return true ;
for ( var i = 0 ; i < attribs.length ; i++ )
{
var attName = attribs[i][0] ;
if ( FCKDomTools.HasAttribute( element, attName ) )
{
var attValue = attribs[i][1] ;
// Remove the attribute if:
// - The override definition value is null ;
// - The override definition valie is a string that
// matches the attribute value exactly.
// - The override definition value is a regex that
// has matches in the attribute value.
if ( attValue == null ||
( typeof attValue == 'string' && FCKDomTools.GetAttributeValue( element, attName ) == attValue ) ||
attValue.test( FCKDomTools.GetAttributeValue( element, attName ) ) )
return true ;
}
}
}
return false ;
},
/**
* Get the style state for an element path. Returns "true" if the element
* is active in the path.
*/
CheckActive : function( elementPath )
{
switch ( this.GetType() )
{
case FCK_STYLE_BLOCK :
return this.CheckElementRemovable( elementPath.Block || elementPath.BlockLimit, true ) ;
case FCK_STYLE_INLINE :
var elements = elementPath.Elements ;
for ( var i = 0 ; i < elements.length ; i++ )
{
var element = elements[i] ;
if ( element == elementPath.Block || element == elementPath.BlockLimit )
continue ;
if ( this.CheckElementRemovable( element, true ) )
return true ;
}
}
return false ;
},
/**
* Removes an inline style from inside an element tree. The element node
* itself is not checked or removed, only the child tree inside of it.
*/
RemoveFromElement : function( element )
{
var attribs = this._GetAttribsForComparison() ;
var overrides = this._GetOverridesForComparison() ;
// Get all elements with the same name.
var innerElements = element.getElementsByTagName( this.Element ) ;
for ( var i = innerElements.length - 1 ; i >= 0 ; i-- )
{
var innerElement = innerElements[i] ;
// Remove any attribute that conflict with this style, no matter
// their values.
for ( var att in attribs )
{
if ( FCKDomTools.HasAttribute( innerElement, att ) )
{
switch ( att )
{
case 'style' :
this._RemoveStylesFromElement( innerElement ) ;
break ;
case 'class' :
// The 'class' element value must match (#1318).
if ( FCKDomTools.GetAttributeValue( innerElement, att ) != this.GetFinalAttributeValue( att ) )
continue ;
/*jsl:fallthru*/
default :
FCKDomTools.RemoveAttribute( innerElement, att ) ;
}
}
}
// Remove overrides defined to the same element name.
this._RemoveOverrides( innerElement, overrides[ this.Element ] ) ;
// Remove the element if no more attributes are available.
this._RemoveNoAttribElement( innerElement ) ;
}
// Now remove any other element with different name that is
// defined to be overriden.
for ( var overrideElement in overrides )
{
if ( overrideElement != this.Element )
{
// Get all elements.
innerElements = element.getElementsByTagName( overrideElement ) ;
for ( var i = innerElements.length - 1 ; i >= 0 ; i-- )
{
var innerElement = innerElements[i] ;
this._RemoveOverrides( innerElement, overrides[ overrideElement ] ) ;
this._RemoveNoAttribElement( innerElement ) ;
}
}
}
},
_RemoveStylesFromElement : function( element )
{
var elementStyle = element.style.cssText ;
var pattern = this.GetFinalStyleValue() ;
if ( elementStyle.length > 0 && pattern.length == 0 )
return ;
pattern = '(^|;)\\s*(' +
pattern.replace( /\s*([^ ]+):.*?(;|$)/g, '$1|' ).replace( /\|$/, '' ) +
'):[^;]+' ;
var regex = new RegExp( pattern, 'gi' ) ;
elementStyle = elementStyle.replace( regex, '' ).Trim() ;
if ( elementStyle.length == 0 || elementStyle == ';' )
FCKDomTools.RemoveAttribute( element, 'style' ) ;
else
element.style.cssText = elementStyle.replace( regex, '' ) ;
},
/**
* Remove all attributes that are defined to be overriden,
*/
_RemoveOverrides : function( element, override )
{
var attributes = override && override.Attributes ;
if ( attributes )
{
for ( var i = 0 ; i < attributes.length ; i++ )
{
var attName = attributes[i][0] ;
if ( FCKDomTools.HasAttribute( element, attName ) )
{
var attValue = attributes[i][1] ;
// Remove the attribute if:
// - The override definition value is null ;
// - The override definition valie is a string that
// matches the attribute value exactly.
// - The override definition value is a regex that
// has matches in the attribute value.
if ( attValue == null ||
( attValue.test && attValue.test( FCKDomTools.GetAttributeValue( element, attName ) ) ) ||
( typeof attValue == 'string' && FCKDomTools.GetAttributeValue( element, attName ) == attValue ) )
FCKDomTools.RemoveAttribute( element, attName ) ;
}
}
}
},
/**
* If the element has no more attributes, remove it.
*/
_RemoveNoAttribElement : function( element )
{
// If no more attributes remained in the element, remove it,
// leaving its children.
if ( !FCKDomTools.HasAttributes( element ) )
{
// Removing elements may open points where merging is possible,
// so let's cache the first and last nodes for later checking.
var firstChild = element.firstChild ;
var lastChild = element.lastChild ;
FCKDomTools.RemoveNode( element, true ) ;
// Check the cached nodes for merging.
this._MergeSiblings( firstChild ) ;
if ( firstChild != lastChild )
this._MergeSiblings( lastChild ) ;
}
},
/**
* Creates a DOM element for this style object.
*/
BuildElement : function( targetDoc, element )
{
// Create the element.
var el = element || targetDoc.createElement( this.Element ) ;
// Assign all defined attributes.
var attribs = this._StyleDesc.Attributes ;
var attValue ;
if ( attribs )
{
for ( var att in attribs )
{
attValue = this.GetFinalAttributeValue( att ) ;
if ( att.toLowerCase() == 'class' )
el.className = attValue ;
else
el.setAttribute( att, attValue ) ;
}
}
// Assign the style attribute.
if ( this._GetStyleText().length > 0 )
el.style.cssText = this.GetFinalStyleValue() ;
return el ;
},
_CompareAttributeValues : function( attName, valueA, valueB )
{
if ( attName == 'style' && valueA && valueB )
{
valueA = valueA.replace( /;$/, '' ).toLowerCase() ;
valueB = valueB.replace( /;$/, '' ).toLowerCase() ;
}
// Return true if they match or if valueA is null and valueB is an empty string
return ( valueA == valueB || ( ( valueA === null || valueA === '' ) && ( valueB === null || valueB === '' ) ) )
},
GetFinalAttributeValue : function( attName )
{
var attValue = this._StyleDesc.Attributes ;
var attValue = attValue ? attValue[ attName ] : null ;
if ( !attValue && attName == 'style' )
return this.GetFinalStyleValue() ;
if ( attValue && this._Variables )
// Using custom Replace() to guarantee the correct scope.
attValue = attValue.Replace( FCKRegexLib.StyleVariableAttName, this._GetVariableReplace, this ) ;
return attValue ;
},
GetFinalStyleValue : function()
{
var attValue = this._GetStyleText() ;
if ( attValue.length > 0 && this._Variables )
{
// Using custom Replace() to guarantee the correct scope.
attValue = attValue.Replace( FCKRegexLib.StyleVariableAttName, this._GetVariableReplace, this ) ;
attValue = FCKTools.NormalizeCssText( attValue ) ;
}
return attValue ;
},
_GetVariableReplace : function()
{
// The second group in the regex is the variable name.
return this._Variables[ arguments[2] ] || arguments[0] ;
},
/**
* Set the value of a variable attribute or style, to be used when
* appliying the style.
*/
SetVariable : function( name, value )
{
var variables = this._Variables ;
if ( !variables )
variables = this._Variables = {} ;
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -