Import xinha so we can switch from htmlarea and fix a bunch of in-browser issues that htmlarea has
This commit is contained in:
Chris Morgan
WineHQ
237
xinha/plugins/DynamicCSS/dynamiccss.js
Normal file
237
xinha/plugins/DynamicCSS/dynamiccss.js
Normal file
@@ -0,0 +1,237 @@
|
||||
// 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);
|
||||
};
|
||||
|
||||
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.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._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(string) {
|
||||
return HTMLArea._lc(string, 'DynamicCSS');
|
||||
}
|
||||
|
||||
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.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(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