Upgrade to Xinha 0.931. Xinha has been optimized for size and dozens of issues have been closed
out since the last upgrade . Add Firefox and Xinha buttons to main page to show our support.
This commit is contained in:
Chris Morgan
WineHQ
@@ -1,237 +1,199 @@
|
||||
// Dynamic CSS (className) plugin for HTMLArea
|
||||
// Sponsored by http://www.systemconcept.de
|
||||
// Implementation by Holger Hees
|
||||
//
|
||||
// (c) systemconcept.de 2004
|
||||
// Distributed under the same terms as HTMLArea itself.
|
||||
// This notice MUST stay intact for use (see license.txt).
|
||||
|
||||
function DynamicCSS(editor, args) {
|
||||
this.editor = editor;
|
||||
var cfg = editor.config;
|
||||
var self = this;
|
||||
|
||||
/*var cssArray=null;
|
||||
var cssLength=0;*/
|
||||
var lastTag=null;
|
||||
var lastClass=null;
|
||||
|
||||
var css_class = {
|
||||
id : "DynamicCSS-class",
|
||||
tooltip : this._lc("Choose stylesheet"),
|
||||
options : {"":""},
|
||||
action : function(editor) { self.onSelect(editor, this); },
|
||||
refresh : function(editor) { self.updateValue(editor, this); }
|
||||
};
|
||||
cfg.registerDropdown(css_class);
|
||||
cfg.addToolbarElement(["T[CSS]", "DynamicCSS-class", "separator"] , "formatblock", -1);
|
||||
function DynamicCSS(_1,_2){
|
||||
this.editor=_1;
|
||||
var _3=_1.config;
|
||||
var _4=this;
|
||||
var _5=null;
|
||||
var _6=null;
|
||||
var _7={id:"DynamicCSS-class",tooltip:this._lc("Choose stylesheet"),options:{"":""},action:function(_8){
|
||||
_4.onSelect(_8,this);
|
||||
},refresh:function(_9){
|
||||
_4.updateValue(_9,this);
|
||||
}};
|
||||
_3.registerDropdown(_7);
|
||||
_3.addToolbarElement(["T[CSS]","DynamicCSS-class","separator"],"formatblock",-1);
|
||||
}
|
||||
|
||||
DynamicCSS.parseStyleSheet=function(editor){
|
||||
iframe = editor._iframe.contentWindow.document;
|
||||
|
||||
cssArray=DynamicCSS.cssArray;
|
||||
if(!cssArray) cssArray=new Array();
|
||||
|
||||
for(i=0;i<iframe.styleSheets.length;i++)
|
||||
{
|
||||
if(iframe.styleSheets[i].title == "table borders") continue;
|
||||
|
||||
// Mozilla
|
||||
if(HTMLArea.is_gecko){
|
||||
try{
|
||||
cssArray=DynamicCSS.applyCSSRule(iframe.styleSheets[i].cssRules,cssArray);
|
||||
}
|
||||
catch(e){
|
||||
//alert(e);
|
||||
}
|
||||
}
|
||||
// IE
|
||||
else {
|
||||
try{
|
||||
if(iframe.styleSheets[i].rules){
|
||||
cssArray=DynamicCSS.applyCSSRule(iframe.styleSheets[i].rules,cssArray);
|
||||
}
|
||||
// @import StyleSheets (IE)
|
||||
if(iframe.styleSheets[i].imports){
|
||||
for(j=0;j<iframe.styleSheets[i].imports.length;j++){
|
||||
cssArray=DynamicCSS.applyCSSRule(iframe.styleSheets[i].imports[j].rules,cssArray);
|
||||
}
|
||||
}
|
||||
}
|
||||
catch(e){
|
||||
//alert(e);
|
||||
}
|
||||
}
|
||||
}
|
||||
DynamicCSS.cssArray=cssArray;
|
||||
DynamicCSS.parseStyleSheet=function(_a){
|
||||
iframe=_a._iframe.contentWindow.document;
|
||||
cssArray=DynamicCSS.cssArray;
|
||||
if(!cssArray){
|
||||
cssArray=new Array();
|
||||
}
|
||||
for(i=0;i<iframe.styleSheets.length;i++){
|
||||
if(iframe.styleSheets[i].title=="table borders"){
|
||||
continue;
|
||||
}
|
||||
if(HTMLArea.is_gecko){
|
||||
try{
|
||||
cssArray=DynamicCSS.applyCSSRule(iframe.styleSheets[i].cssRules,cssArray);
|
||||
}
|
||||
catch(e){
|
||||
}
|
||||
}else{
|
||||
try{
|
||||
if(iframe.styleSheets[i].rules){
|
||||
cssArray=DynamicCSS.applyCSSRule(iframe.styleSheets[i].rules,cssArray);
|
||||
}
|
||||
if(iframe.styleSheets[i].imports){
|
||||
for(j=0;j<iframe.styleSheets[i].imports.length;j++){
|
||||
cssArray=DynamicCSS.applyCSSRule(iframe.styleSheets[i].imports[j].rules,cssArray);
|
||||
}
|
||||
}
|
||||
}
|
||||
catch(e){
|
||||
}
|
||||
}
|
||||
}
|
||||
DynamicCSS.cssArray=cssArray;
|
||||
};
|
||||
|
||||
DynamicCSS.applyCSSRule=function(cssRules,cssArray){
|
||||
for(rule in cssRules){
|
||||
if(typeof cssRules[rule] == 'function') continue;
|
||||
// StyleRule
|
||||
if(cssRules[rule].selectorText){
|
||||
if(cssRules[rule].selectorText.search(/:+/)==-1){
|
||||
|
||||
// split equal Styles (Mozilla-specific) e.q. head, body {border:0px}
|
||||
// for ie not relevant. returns allways one element
|
||||
cssElements = cssRules[rule].selectorText.split(",");
|
||||
for(k=0;k<cssElements.length;k++){
|
||||
cssElement = cssElements[k].split(".");
|
||||
|
||||
tagName=cssElement[0].toLowerCase().trim();
|
||||
className=cssElement[1];
|
||||
|
||||
if(!tagName) tagName='all';
|
||||
if(!cssArray[tagName]) cssArray[tagName]=new Array();
|
||||
|
||||
if(className){
|
||||
if(tagName=='all') cssName=className;
|
||||
else cssName='<'+className+'>';
|
||||
}
|
||||
else{
|
||||
className='none';
|
||||
if(tagName=='all') cssName=HTMLArea._lc("Default", 'DynamicCSS');
|
||||
else cssName='<'+HTMLArea._lc("Default", 'DynamicCSS')+'>';
|
||||
}
|
||||
cssArray[tagName][className]=cssName;
|
||||
DynamicCSS.cssLength++;
|
||||
}
|
||||
}
|
||||
}
|
||||
// ImportRule (Mozilla)
|
||||
else if(cssRules[rule].styleSheet){
|
||||
cssArray=DynamicCSS.applyCSSRule(cssRules[rule].styleSheet.cssRules,cssArray);
|
||||
}
|
||||
}
|
||||
return cssArray;
|
||||
DynamicCSS.applyCSSRule=function(_b,_c){
|
||||
for(rule in _b){
|
||||
if(typeof _b[rule]=="function"){
|
||||
continue;
|
||||
}
|
||||
if(_b[rule].selectorText){
|
||||
if(_b[rule].selectorText.search(/:+/)==-1){
|
||||
cssElements=_b[rule].selectorText.split(",");
|
||||
for(k=0;k<cssElements.length;k++){
|
||||
cssElement=cssElements[k].split(".");
|
||||
tagName=cssElement[0].toLowerCase().trim();
|
||||
className=cssElement[1];
|
||||
if(!tagName){
|
||||
tagName="all";
|
||||
}
|
||||
if(!_c[tagName]){
|
||||
_c[tagName]=new Array();
|
||||
}
|
||||
if(className){
|
||||
if(tagName=="all"){
|
||||
cssName=className;
|
||||
}else{
|
||||
cssName="<"+className+">";
|
||||
}
|
||||
}else{
|
||||
className="none";
|
||||
if(tagName=="all"){
|
||||
cssName=HTMLArea._lc("Default","DynamicCSS");
|
||||
}else{
|
||||
cssName="<"+HTMLArea._lc("Default","DynamicCSS")+">";
|
||||
}
|
||||
}
|
||||
_c[tagName][className]=cssName;
|
||||
DynamicCSS.cssLength++;
|
||||
}
|
||||
}
|
||||
}else{
|
||||
if(_b[rule].styleSheet){
|
||||
_c=DynamicCSS.applyCSSRule(_b[rule].styleSheet.cssRules,_c);
|
||||
}
|
||||
}
|
||||
}
|
||||
return _c;
|
||||
};
|
||||
|
||||
DynamicCSS._pluginInfo = {
|
||||
name : "DynamicCSS",
|
||||
version : "1.5.2",
|
||||
developer : "Holger Hees",
|
||||
developer_url : "http://www.systemconcept.de/",
|
||||
c_owner : "Holger Hees",
|
||||
sponsor : "System Concept GmbH",
|
||||
sponsor_url : "http://www.systemconcept.de/",
|
||||
license : "htmlArea"
|
||||
DynamicCSS._pluginInfo={name:"DynamicCSS",version:"1.5.2",developer:"Holger Hees",developer_url:"http://www.systemconcept.de/",c_owner:"Holger Hees",sponsor:"System Concept GmbH",sponsor_url:"http://www.systemconcept.de/",license:"htmlArea"};
|
||||
DynamicCSS.prototype._lc=function(_d){
|
||||
return HTMLArea._lc(_d,"DynamicCSS");
|
||||
};
|
||||
|
||||
DynamicCSS.prototype._lc = function(string) {
|
||||
return HTMLArea._lc(string, 'DynamicCSS');
|
||||
DynamicCSS.prototype.onSelect=function(_e,_f){
|
||||
var _10=_e._toolbarObjects[_f.id];
|
||||
var _11=_10.element.selectedIndex;
|
||||
var _12=_10.element.value;
|
||||
var _13=_e.getParentElement();
|
||||
if(_12!="none"){
|
||||
_13.className=_12;
|
||||
DynamicCSS.lastClass=_12;
|
||||
}else{
|
||||
if(HTMLArea.is_gecko){
|
||||
_13.removeAttribute("class");
|
||||
}else{
|
||||
_13.removeAttribute("className");
|
||||
}
|
||||
}
|
||||
_e.updateToolbar();
|
||||
};
|
||||
|
||||
DynamicCSS.prototype.onSelect = function(editor, obj) {
|
||||
var tbobj = editor._toolbarObjects[obj.id];
|
||||
var index = tbobj.element.selectedIndex;
|
||||
var className = tbobj.element.value;
|
||||
|
||||
var parent = editor.getParentElement();
|
||||
|
||||
if(className!='none'){
|
||||
parent.className=className;
|
||||
DynamicCSS.lastClass=className;
|
||||
}
|
||||
else{
|
||||
if(HTMLArea.is_gecko) parent.removeAttribute('class');
|
||||
else parent.removeAttribute('className');
|
||||
}
|
||||
editor.updateToolbar();
|
||||
DynamicCSS.prototype.reparseTimer=function(_14,obj,_16){
|
||||
if(DynamicCSS.parseCount<9){
|
||||
setTimeout(function(){
|
||||
DynamicCSS.cssLength=0;
|
||||
DynamicCSS.parseStyleSheet(_14);
|
||||
if(DynamicCSS.cssOldLength!=DynamicCSS.cssLength){
|
||||
DynamicCSS.cssOldLength=DynamicCSS.cssLength;
|
||||
DynamicCSS.lastClass=null;
|
||||
_16.updateValue(_14,obj);
|
||||
}
|
||||
_16.reparseTimer(_14,obj,_16);
|
||||
},DynamicCSS.parseCount*1000);
|
||||
DynamicCSS.parseCount=DynamicCSS.parseCount*2;
|
||||
}
|
||||
};
|
||||
|
||||
/*DynamicCSS.prototype.onMode = function(mode) {
|
||||
if(mode=='wysiwyg'){
|
||||
// reparse possible changed css files
|
||||
DynamicCSS.cssArray=null;
|
||||
this.updateValue(this.editor,this.editor.config.customSelects["DynamicCSS-class"]);
|
||||
}
|
||||
}*/
|
||||
|
||||
DynamicCSS.prototype.reparseTimer = function(editor, obj, instance) {
|
||||
// new attempt of rescan stylesheets in 1,2,4 and 8 second (e.g. for external css-files with longer initialisation)
|
||||
if(DynamicCSS.parseCount<9){
|
||||
setTimeout(function () {
|
||||
DynamicCSS.cssLength=0;
|
||||
DynamicCSS.parseStyleSheet(editor);
|
||||
if(DynamicCSS.cssOldLength!=DynamicCSS.cssLength){
|
||||
DynamicCSS.cssOldLength=DynamicCSS.cssLength;
|
||||
DynamicCSS.lastClass=null;
|
||||
instance.updateValue(editor, obj);
|
||||
}
|
||||
instance.reparseTimer(editor, obj, instance);
|
||||
},DynamicCSS.parseCount*1000);
|
||||
DynamicCSS.parseCount=DynamicCSS.parseCount*2;
|
||||
}
|
||||
DynamicCSS.prototype.updateValue=function(_17,obj){
|
||||
cssArray=DynamicCSS.cssArray;
|
||||
if(!cssArray){
|
||||
DynamicCSS.cssLength=0;
|
||||
DynamicCSS.parseStyleSheet(_17);
|
||||
cssArray=DynamicCSS.cssArray;
|
||||
DynamicCSS.cssOldLength=DynamicCSS.cssLength;
|
||||
DynamicCSS.parseCount=1;
|
||||
this.reparseTimer(_17,obj,this);
|
||||
}
|
||||
var _19=_17.getParentElement();
|
||||
var _1a=_19.tagName.toLowerCase();
|
||||
var _1b=_19.className;
|
||||
if(this.lastTag!=_1a||this.lastClass!=_1b){
|
||||
this.lastTag=_1a;
|
||||
this.lastClass=_1b;
|
||||
var _1c=_17._toolbarObjects[obj.id].element;
|
||||
while(_1c.length>0){
|
||||
_1c.options[_1c.length-1]=null;
|
||||
}
|
||||
_1c.options[0]=new Option(this._lc("Default"),"none");
|
||||
if(cssArray){
|
||||
if(_1a!="body"||_17.config.fullPage){
|
||||
if(cssArray[_1a]){
|
||||
for(cssClass in cssArray[_1a]){
|
||||
if(typeof cssArray[_1a][cssClass]!="string"){
|
||||
continue;
|
||||
}
|
||||
if(cssClass=="none"){
|
||||
_1c.options[0]=new Option(cssArray[_1a][cssClass],cssClass);
|
||||
}else{
|
||||
_1c.options[_1c.length]=new Option(cssArray[_1a][cssClass],cssClass);
|
||||
}
|
||||
}
|
||||
}
|
||||
if(cssArray["all"]){
|
||||
for(cssClass in cssArray["all"]){
|
||||
if(typeof cssArray["all"][cssClass]!="string"){
|
||||
continue;
|
||||
}
|
||||
_1c.options[_1c.length]=new Option(cssArray["all"][cssClass],cssClass);
|
||||
}
|
||||
}
|
||||
}else{
|
||||
if(cssArray[_1a]&&cssArray[_1a]["none"]){
|
||||
_1c.options[0]=new Option(cssArray[_1a]["none"],"none");
|
||||
}
|
||||
}
|
||||
}
|
||||
_1c.selectedIndex=0;
|
||||
if(typeof _1b!="undefined"&&/\S/.test(_1b)){
|
||||
var _1d=_1c.options;
|
||||
for(var i=_1d.length;--i>=0;){
|
||||
var _1f=_1d[i];
|
||||
if(_1b==_1f.value){
|
||||
_1c.selectedIndex=i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if(_1c.selectedIndex==0){
|
||||
_1c.options[_1c.length]=new Option(this._lc("Undefined"),_1b);
|
||||
_1c.selectedIndex=_1c.length-1;
|
||||
}
|
||||
}
|
||||
if(_1c.length>1){
|
||||
_1c.disabled=false;
|
||||
}else{
|
||||
_1c.disabled=true;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
DynamicCSS.prototype.updateValue = function(editor, obj) {
|
||||
cssArray=DynamicCSS.cssArray;
|
||||
// initial style init
|
||||
if(!cssArray){
|
||||
DynamicCSS.cssLength=0;
|
||||
DynamicCSS.parseStyleSheet(editor);
|
||||
cssArray=DynamicCSS.cssArray;
|
||||
DynamicCSS.cssOldLength=DynamicCSS.cssLength;
|
||||
DynamicCSS.parseCount=1;
|
||||
this.reparseTimer(editor,obj,this);
|
||||
}
|
||||
|
||||
var parent = editor.getParentElement();
|
||||
var tagName = parent.tagName.toLowerCase();
|
||||
var className = parent.className;
|
||||
|
||||
if(this.lastTag!=tagName || this.lastClass!=className){
|
||||
this.lastTag=tagName;
|
||||
this.lastClass=className;
|
||||
|
||||
var select = editor._toolbarObjects[obj.id].element;
|
||||
|
||||
while(select.length>0){
|
||||
select.options[select.length-1] = null;
|
||||
}
|
||||
|
||||
select.options[0]=new Option(this._lc("Default"),'none');
|
||||
if(cssArray){
|
||||
// style class only allowed if parent tag is not body or editor is in fullpage mode
|
||||
if(tagName!='body' || editor.config.fullPage){
|
||||
if(cssArray[tagName]){
|
||||
for(cssClass in cssArray[tagName]){
|
||||
if(typeof cssArray[tagName][cssClass] != 'string') continue;
|
||||
if(cssClass=='none') select.options[0]=new Option(cssArray[tagName][cssClass],cssClass);
|
||||
else select.options[select.length]=new Option(cssArray[tagName][cssClass],cssClass);
|
||||
}
|
||||
}
|
||||
|
||||
if(cssArray['all']){
|
||||
for(cssClass in cssArray['all']){
|
||||
if(typeof cssArray['all'][cssClass] != 'string') continue;
|
||||
select.options[select.length]=new Option(cssArray['all'][cssClass],cssClass);
|
||||
}
|
||||
}
|
||||
}
|
||||
else if(cssArray[tagName] && cssArray[tagName]['none']) select.options[0]=new Option(cssArray[tagName]['none'],'none');
|
||||
}
|
||||
|
||||
select.selectedIndex = 0;
|
||||
|
||||
if (typeof className != "undefined" && /\S/.test(className)) {
|
||||
var options = select.options;
|
||||
for (var i = options.length; --i >= 0;) {
|
||||
var option = options[i];
|
||||
if (className == option.value) {
|
||||
select.selectedIndex = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if(select.selectedIndex == 0){
|
||||
select.options[select.length]=new Option(this._lc("Undefined"),className);
|
||||
select.selectedIndex=select.length-1;
|
||||
}
|
||||
}
|
||||
|
||||
if(select.length>1) select.disabled=false;
|
||||
else select.disabled=true;
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user