2011-01-07 06:56:20 +00:00
/ * *
* fullpage . js
*
* Copyright 2009 , Moxiecode Systems AB
* Released under LGPL License .
*
* License : http : //tinymce.moxiecode.com/license
* Contributing : http : //tinymce.moxiecode.com/contributing
* /
2009-01-01 16:44:00 +00:00
tinyMCEPopup . requireLangPack ( ) ;
var doc ;
var defaultDocTypes =
'XHTML 1.0 Transitional=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">,' +
'XHTML 1.0 Frameset=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">,' +
'XHTML 1.0 Strict=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">,' +
'XHTML 1.1=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">,' +
'HTML 4.01 Transitional=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">,' +
'HTML 4.01 Strict=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">,' +
'HTML 4.01 Frameset=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">' ;
var defaultEncodings =
'Western european (iso-8859-1)=iso-8859-1,' +
'Central European (iso-8859-2)=iso-8859-2,' +
'Unicode (UTF-8)=utf-8,' +
'Chinese traditional (Big5)=big5,' +
'Cyrillic (iso-8859-5)=iso-8859-5,' +
'Japanese (iso-2022-jp)=iso-2022-jp,' +
'Greek (iso-8859-7)=iso-8859-7,' +
'Korean (iso-2022-kr)=iso-2022-kr,' +
'ASCII (us-ascii)=us-ascii' ;
var defaultMediaTypes =
'all=all,' +
'screen=screen,' +
'print=print,' +
'tty=tty,' +
'tv=tv,' +
'projection=projection,' +
'handheld=handheld,' +
'braille=braille,' +
'aural=aural' ;
var defaultFontNames = 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;Georgia=georgia,times new roman,times,serif;Tahoma=tahoma,arial,helvetica,sans-serif;Times New Roman=times new roman,times,serif;Verdana=verdana,arial,helvetica,sans-serif;Impact=impact;WingDings=wingdings' ;
var defaultFontSizes = '10px,11px,12px,13px,14px,15px,16px' ;
function init ( ) {
var f = document . forms [ 'fullpage' ] , el = f . elements , e , i , p , doctypes , encodings , mediaTypes , fonts , ed = tinyMCEPopup . editor , dom = tinyMCEPopup . dom , style ;
// Setup doctype select box
doctypes = ed . getParam ( "fullpage_doctypes" , defaultDocTypes ) . split ( ',' ) ;
for ( i = 0 ; i < doctypes . length ; i ++ ) {
p = doctypes [ i ] . split ( '=' ) ;
if ( p . length > 1 )
addSelectValue ( f , 'doctypes' , p [ 0 ] , p [ 1 ] ) ;
}
// Setup fonts select box
fonts = ed . getParam ( "fullpage_fonts" , defaultFontNames ) . split ( ';' ) ;
for ( i = 0 ; i < fonts . length ; i ++ ) {
p = fonts [ i ] . split ( '=' ) ;
if ( p . length > 1 )
addSelectValue ( f , 'fontface' , p [ 0 ] , p [ 1 ] ) ;
}
// Setup fontsize select box
fonts = ed . getParam ( "fullpage_fontsizes" , defaultFontSizes ) . split ( ',' ) ;
for ( i = 0 ; i < fonts . length ; i ++ )
addSelectValue ( f , 'fontsize' , fonts [ i ] , fonts [ i ] ) ;
// Setup mediatype select boxs
mediaTypes = ed . getParam ( "fullpage_media_types" , defaultMediaTypes ) . split ( ',' ) ;
for ( i = 0 ; i < mediaTypes . length ; i ++ ) {
p = mediaTypes [ i ] . split ( '=' ) ;
if ( p . length > 1 ) {
addSelectValue ( f , 'element_style_media' , p [ 0 ] , p [ 1 ] ) ;
addSelectValue ( f , 'element_link_media' , p [ 0 ] , p [ 1 ] ) ;
}
}
// Setup encodings select box
encodings = ed . getParam ( "fullpage_encodings" , defaultEncodings ) . split ( ',' ) ;
for ( i = 0 ; i < encodings . length ; i ++ ) {
p = encodings [ i ] . split ( '=' ) ;
if ( p . length > 1 ) {
addSelectValue ( f , 'docencoding' , p [ 0 ] , p [ 1 ] ) ;
addSelectValue ( f , 'element_script_charset' , p [ 0 ] , p [ 1 ] ) ;
addSelectValue ( f , 'element_link_charset' , p [ 0 ] , p [ 1 ] ) ;
}
}
document . getElementById ( 'bgcolor_pickcontainer' ) . innerHTML = getColorPickerHTML ( 'bgcolor_pick' , 'bgcolor' ) ;
document . getElementById ( 'link_color_pickcontainer' ) . innerHTML = getColorPickerHTML ( 'link_color_pick' , 'link_color' ) ;
//document.getElementById('hover_color_pickcontainer').innerHTML = getColorPickerHTML('hover_color_pick','hover_color');
document . getElementById ( 'visited_color_pickcontainer' ) . innerHTML = getColorPickerHTML ( 'visited_color_pick' , 'visited_color' ) ;
document . getElementById ( 'active_color_pickcontainer' ) . innerHTML = getColorPickerHTML ( 'active_color_pick' , 'active_color' ) ;
document . getElementById ( 'textcolor_pickcontainer' ) . innerHTML = getColorPickerHTML ( 'textcolor_pick' , 'textcolor' ) ;
document . getElementById ( 'stylesheet_browsercontainer' ) . innerHTML = getBrowserHTML ( 'stylesheetbrowser' , 'stylesheet' , 'file' , 'fullpage' ) ;
document . getElementById ( 'link_href_pickcontainer' ) . innerHTML = getBrowserHTML ( 'link_href_browser' , 'element_link_href' , 'file' , 'fullpage' ) ;
document . getElementById ( 'script_src_pickcontainer' ) . innerHTML = getBrowserHTML ( 'script_src_browser' , 'element_script_src' , 'file' , 'fullpage' ) ;
document . getElementById ( 'bgimage_pickcontainer' ) . innerHTML = getBrowserHTML ( 'bgimage_browser' , 'bgimage' , 'image' , 'fullpage' ) ;
// Resize some elements
if ( isVisible ( 'stylesheetbrowser' ) )
document . getElementById ( 'stylesheet' ) . style . width = '220px' ;
if ( isVisible ( 'link_href_browser' ) )
document . getElementById ( 'element_link_href' ) . style . width = '230px' ;
if ( isVisible ( 'bgimage_browser' ) )
document . getElementById ( 'bgimage' ) . style . width = '210px' ;
// Add iframe
dom . add ( document . body , 'iframe' , { id : 'documentIframe' , src : 'javascript:""' , style : { display : 'none' } } ) ;
doc = dom . get ( 'documentIframe' ) . contentWindow . document ;
h = tinyMCEPopup . getWindowArg ( 'head_html' ) ;
// Preprocess the HTML disable scripts and urls
h = h . replace ( /<script>/gi , '<script type="text/javascript">' ) ;
h = h . replace ( /type=([\"\'])?/gi , 'type=$1-mce-' ) ;
2011-01-07 06:56:20 +00:00
h = h . replace ( /(src=|href=)/g , 'data-mce-$1' ) ;
2009-01-01 16:44:00 +00:00
// Write in the content in the iframe
doc . write ( h + '</body></html>' ) ;
doc . close ( ) ;
// Parse xml and doctype
xmlVer = getReItem ( /<\?\s*?xml.*?version\s*?=\s*?"(.*?)".*?\?>/gi , h , 1 ) ;
xmlEnc = getReItem ( /<\?\s*?xml.*?encoding\s*?=\s*?"(.*?)".*?\?>/gi , h , 1 ) ;
2011-01-07 06:56:20 +00:00
docType = getReItem ( /<\!DOCTYPE.*?>/gi , h . replace ( /\n/g , '' ) , 0 ) . replace ( / +/g , ' ' ) ;
2009-01-01 16:44:00 +00:00
f . langcode . value = getReItem ( /lang="(.*?)"/gi , h , 1 ) ;
// Parse title
if ( e = doc . getElementsByTagName ( 'title' ) [ 0 ] )
el . metatitle . value = e . textContent || e . text ;
// Parse meta
tinymce . each ( doc . getElementsByTagName ( 'meta' ) , function ( n ) {
var na = ( n . getAttribute ( 'name' , 2 ) || '' ) . toLowerCase ( ) , va = n . getAttribute ( 'content' , 2 ) , eq = n . getAttribute ( 'httpEquiv' , 2 ) || '' ;
e = el [ 'meta' + na ] ;
if ( na == 'robots' ) {
selectByValue ( f , 'metarobots' , tinymce . trim ( va ) , true , true ) ;
return ;
}
switch ( eq . toLowerCase ( ) ) {
case "content-type" :
tmp = getReItem ( /charset\s*=\s*(.*)\s*/gi , va , 1 ) ;
// Override XML encoding
if ( tmp != "" )
xmlEnc = tmp ;
return ;
}
if ( e )
e . value = va ;
} ) ;
selectByValue ( f , 'doctypes' , docType , true , true ) ;
selectByValue ( f , 'docencoding' , xmlEnc , true , true ) ;
selectByValue ( f , 'langdir' , doc . body . getAttribute ( 'dir' , 2 ) || '' , true , true ) ;
if ( xmlVer != '' )
el . xml _pi . checked = true ;
// Parse appearance
// Parse primary stylesheet
tinymce . each ( doc . getElementsByTagName ( "link" ) , function ( l ) {
var m = l . getAttribute ( 'media' , 2 ) || '' , t = l . getAttribute ( 'type' , 2 ) || '' ;
if ( t == "-mce-text/css" && ( m == "" || m == "screen" || m == "all" ) && ( l . getAttribute ( 'rel' , 2 ) || '' ) == "stylesheet" ) {
2011-01-07 06:56:20 +00:00
f . stylesheet . value = l . getAttribute ( 'data-mce-href' , 2 ) || '' ;
2009-01-01 16:44:00 +00:00
return false ;
}
} ) ;
// Get from style elements
tinymce . each ( doc . getElementsByTagName ( "style" ) , function ( st ) {
var tmp = parseStyleElement ( st ) ;
for ( x = 0 ; x < tmp . length ; x ++ ) {
if ( tmp [ x ] . rule . indexOf ( 'a:visited' ) != - 1 && tmp [ x ] . data [ 'color' ] )
f . visited _color . value = tmp [ x ] . data [ 'color' ] ;
if ( tmp [ x ] . rule . indexOf ( 'a:link' ) != - 1 && tmp [ x ] . data [ 'color' ] )
f . link _color . value = tmp [ x ] . data [ 'color' ] ;
if ( tmp [ x ] . rule . indexOf ( 'a:active' ) != - 1 && tmp [ x ] . data [ 'color' ] )
f . active _color . value = tmp [ x ] . data [ 'color' ] ;
}
} ) ;
f . textcolor . value = tinyMCEPopup . dom . getAttrib ( doc . body , "text" ) ;
f . active _color . value = tinyMCEPopup . dom . getAttrib ( doc . body , "alink" ) ;
f . link _color . value = tinyMCEPopup . dom . getAttrib ( doc . body , "link" ) ;
f . visited _color . value = tinyMCEPopup . dom . getAttrib ( doc . body , "vlink" ) ;
f . bgcolor . value = tinyMCEPopup . dom . getAttrib ( doc . body , "bgcolor" ) ;
f . bgimage . value = tinyMCEPopup . dom . getAttrib ( doc . body , "background" ) ;
// Get from style info
style = tinyMCEPopup . dom . parseStyle ( tinyMCEPopup . dom . getAttrib ( doc . body , 'style' ) ) ;
if ( style [ 'font-family' ] )
selectByValue ( f , 'fontface' , style [ 'font-family' ] , true , true ) ;
else
selectByValue ( f , 'fontface' , ed . getParam ( "fullpage_default_fontface" , "" ) , true , true ) ;
if ( style [ 'font-size' ] )
selectByValue ( f , 'fontsize' , style [ 'font-size' ] , true , true ) ;
else
selectByValue ( f , 'fontsize' , ed . getParam ( "fullpage_default_fontsize" , "" ) , true , true ) ;
if ( style [ 'color' ] )
f . textcolor . value = convertRGBToHex ( style [ 'color' ] ) ;
if ( style [ 'background-image' ] )
f . bgimage . value = style [ 'background-image' ] . replace ( new RegExp ( "url\\('?([^']*)'?\\)" , 'gi' ) , "$1" ) ;
if ( style [ 'background-color' ] )
f . bgcolor . value = style [ 'background-color' ] ;
if ( style [ 'margin' ] ) {
tmp = style [ 'margin' ] . replace ( /[^0-9 ]/g , '' ) ;
tmp = tmp . split ( / +/ ) ;
f . topmargin . value = tmp . length > 0 ? tmp [ 0 ] : '' ;
f . rightmargin . value = tmp . length > 1 ? tmp [ 1 ] : tmp [ 0 ] ;
f . bottommargin . value = tmp . length > 2 ? tmp [ 2 ] : tmp [ 0 ] ;
f . leftmargin . value = tmp . length > 3 ? tmp [ 3 ] : tmp [ 0 ] ;
}
if ( style [ 'margin-left' ] )
f . leftmargin . value = style [ 'margin-left' ] . replace ( /[^0-9]/g , '' ) ;
if ( style [ 'margin-right' ] )
f . rightmargin . value = style [ 'margin-right' ] . replace ( /[^0-9]/g , '' ) ;
if ( style [ 'margin-top' ] )
f . topmargin . value = style [ 'margin-top' ] . replace ( /[^0-9]/g , '' ) ;
if ( style [ 'margin-bottom' ] )
f . bottommargin . value = style [ 'margin-bottom' ] . replace ( /[^0-9]/g , '' ) ;
f . style . value = tinyMCEPopup . dom . serializeStyle ( style ) ;
// Update colors
updateColor ( 'textcolor_pick' , 'textcolor' ) ;
updateColor ( 'bgcolor_pick' , 'bgcolor' ) ;
updateColor ( 'visited_color_pick' , 'visited_color' ) ;
updateColor ( 'active_color_pick' , 'active_color' ) ;
updateColor ( 'link_color_pick' , 'link_color' ) ;
}
function getReItem ( r , s , i ) {
var c = r . exec ( s ) ;
if ( c && c . length > i )
return c [ i ] ;
return '' ;
}
function updateAction ( ) {
var f = document . forms [ 0 ] , nl , i , h , v , s , head , html , l , tmp , addlink = true , ser ;
head = doc . getElementsByTagName ( 'head' ) [ 0 ] ;
// Fix scripts without a type
nl = doc . getElementsByTagName ( 'script' ) ;
for ( i = 0 ; i < nl . length ; i ++ ) {
2011-01-07 06:56:20 +00:00
if ( tinyMCEPopup . dom . getAttrib ( nl [ i ] , 'data-mce-type' ) == '' )
nl [ i ] . setAttribute ( 'mce-type' , 'text/javascript' ) ;
2009-01-01 16:44:00 +00:00
}
// Get primary stylesheet
nl = doc . getElementsByTagName ( "link" ) ;
for ( i = 0 ; i < nl . length ; i ++ ) {
l = nl [ i ] ;
tmp = tinyMCEPopup . dom . getAttrib ( l , 'media' ) ;
2011-01-07 06:56:20 +00:00
if ( tinyMCEPopup . dom . getAttrib ( l , 'data-mce-type' ) == "text/css" && ( tmp == "" || tmp == "screen" || tmp == "all" ) && tinyMCEPopup . dom . getAttrib ( l , 'rel' ) == "stylesheet" ) {
2009-01-01 16:44:00 +00:00
addlink = false ;
if ( f . stylesheet . value == '' )
l . parentNode . removeChild ( l ) ;
else
2011-01-07 06:56:20 +00:00
l . setAttribute ( 'data-mce-href' , f . stylesheet . value ) ;
2009-01-01 16:44:00 +00:00
break ;
}
}
// Add new link
if ( f . stylesheet . value != '' ) {
l = doc . createElement ( 'link' ) ;
l . setAttribute ( 'type' , 'text/css' ) ;
2011-01-07 06:56:20 +00:00
l . setAttribute ( 'data-mce-href' , f . stylesheet . value ) ;
2009-01-01 16:44:00 +00:00
l . setAttribute ( 'rel' , 'stylesheet' ) ;
head . appendChild ( l ) ;
}
setMeta ( head , 'keywords' , f . metakeywords . value ) ;
setMeta ( head , 'description' , f . metadescription . value ) ;
setMeta ( head , 'author' , f . metaauthor . value ) ;
setMeta ( head , 'copyright' , f . metacopyright . value ) ;
setMeta ( head , 'robots' , getSelectValue ( f , 'metarobots' ) ) ;
setMeta ( head , 'Content-Type' , getSelectValue ( f , 'docencoding' ) ) ;
2011-01-07 06:56:20 +00:00
setAttr ( doc . body , 'dir' , getSelectValue ( f , 'langdir' ) ) ;
2009-01-01 16:44:00 +00:00
doc . body . style . cssText = f . style . value ;
2011-01-07 06:56:20 +00:00
function setAttr ( elm , name , value ) {
value = "" + value ;
if ( value . length > 0 )
elm . setAttribute ( name , value ) ;
else
elm . removeAttribute ( name , value ) ;
}
setAttr ( doc . body , 'vLink' , f . visited _color . value ) ;
setAttr ( doc . body , 'link' , f . link _color . value ) ;
setAttr ( doc . body , 'text' , f . textcolor . value ) ;
setAttr ( doc . body , 'aLink' , f . active _color . value ) ;
2009-01-01 16:44:00 +00:00
doc . body . style . fontFamily = getSelectValue ( f , 'fontface' ) ;
doc . body . style . fontSize = getSelectValue ( f , 'fontsize' ) ;
doc . body . style . backgroundColor = f . bgcolor . value ;
if ( f . leftmargin . value != '' )
doc . body . style . marginLeft = f . leftmargin . value + 'px' ;
if ( f . rightmargin . value != '' )
doc . body . style . marginRight = f . rightmargin . value + 'px' ;
if ( f . bottommargin . value != '' )
doc . body . style . marginBottom = f . bottommargin . value + 'px' ;
if ( f . topmargin . value != '' )
doc . body . style . marginTop = f . topmargin . value + 'px' ;
html = doc . getElementsByTagName ( 'html' ) [ 0 ] ;
2011-01-07 06:56:20 +00:00
setAttr ( html , 'lang' , f . langcode . value ) ;
setAttr ( html , 'xml:lang' , f . langcode . value ) ;
2009-01-01 16:44:00 +00:00
if ( f . bgimage . value != '' )
doc . body . style . backgroundImage = "url('" + f . bgimage . value + "')" ;
else
doc . body . style . backgroundImage = '' ;
ser = tinyMCEPopup . editor . plugins . fullpage . _createSerializer ( ) ;
ser . setRules ( '-title,meta[http-equiv|name|content],base[href|target],link[href|rel|type|title|media],style[type],script[type|language|src],html[lang|xml::lang|xmlns],body[style|dir|vlink|link|text|alink],head' ) ;
h = ser . serialize ( doc . documentElement ) ;
h = h . substring ( 0 , h . lastIndexOf ( '</body>' ) ) ;
if ( h . indexOf ( '<title>' ) == - 1 )
h = h . replace ( /<head.*?>/ , '$&\n' + '<title>' + tinyMCEPopup . dom . encode ( f . metatitle . value ) + '</title>' ) ;
else
h = h . replace ( /<title>(.*?)<\/title>/ , '<title>' + tinyMCEPopup . dom . encode ( f . metatitle . value ) + '</title>' ) ;
if ( ( v = getSelectValue ( f , 'doctypes' ) ) != '' )
h = v + '\n' + h ;
if ( f . xml _pi . checked ) {
s = '<?xml version="1.0"' ;
if ( ( v = getSelectValue ( f , 'docencoding' ) ) != '' )
s += ' encoding="' + v + '"' ;
s += '?>\n' ;
h = s + h ;
}
h = h . replace ( /type=\"\-mce\-/gi , 'type="' ) ;
tinyMCEPopup . editor . plugins . fullpage . head = h ;
tinyMCEPopup . editor . plugins . fullpage . _setBodyAttribs ( tinyMCEPopup . editor , { } ) ;
tinyMCEPopup . close ( ) ;
}
function changedStyleField ( field ) {
}
function setMeta ( he , k , v ) {
var nl , i , m ;
nl = he . getElementsByTagName ( 'meta' ) ;
for ( i = 0 ; i < nl . length ; i ++ ) {
if ( k == 'Content-Type' && tinyMCEPopup . dom . getAttrib ( nl [ i ] , 'http-equiv' ) == k ) {
if ( v == '' )
nl [ i ] . parentNode . removeChild ( nl [ i ] ) ;
else
nl [ i ] . setAttribute ( 'content' , "text/html; charset=" + v ) ;
return ;
}
if ( tinyMCEPopup . dom . getAttrib ( nl [ i ] , 'name' ) == k ) {
if ( v == '' )
nl [ i ] . parentNode . removeChild ( nl [ i ] ) ;
else
nl [ i ] . setAttribute ( 'content' , v ) ;
return ;
}
}
if ( v == '' )
return ;
m = doc . createElement ( 'meta' ) ;
if ( k == 'Content-Type' )
m . httpEquiv = k ;
else
m . setAttribute ( 'name' , k ) ;
m . setAttribute ( 'content' , v ) ;
he . appendChild ( m ) ;
}
function parseStyleElement ( e ) {
var v = e . innerHTML ;
var p , i , r ;
v = v . replace ( /<!--/gi , '' ) ;
v = v . replace ( /-->/gi , '' ) ;
v = v . replace ( /[\n\r]/gi , '' ) ;
v = v . replace ( /\s+/gi , ' ' ) ;
r = [ ] ;
p = v . split ( /{|}/ ) ;
for ( i = 0 ; i < p . length ; i += 2 ) {
if ( p [ i ] != "" )
r [ r . length ] = { rule : tinymce . trim ( p [ i ] ) , data : tinyMCEPopup . dom . parseStyle ( p [ i + 1 ] ) } ;
}
return r ;
}
function serializeStyleElement ( d ) {
var i , s , st ;
s = '<!--\n' ;
for ( i = 0 ; i < d . length ; i ++ ) {
s += d [ i ] . rule + ' {\n' ;
st = tinyMCE . serializeStyle ( d [ i ] . data ) ;
if ( st != '' )
st += ';' ;
s += st . replace ( /;/g , ';\n' ) ;
s += '}\n' ;
if ( i != d . length - 1 )
s += '\n' ;
}
s += '\n-->' ;
return s ;
}
tinyMCEPopup . onInit . add ( init ) ;
