HTML editing fixes, upgrade to TinyMCE v3.0.6

svncommit

2008-04-15 d9344fc349e8c5765898c90bf5061e56cd21c8a0

 program/js/tiny_mce/plugins/table/js/cell.js

File was renamed from program/js/tiny_mce/plugins/table/jscripts/cell.js
@@ -1,32 +1,39 @@
tinyMCEPopup.requireLangPack();



var ed;



function init() {

   ed = tinyMCEPopup.editor;

   tinyMCEPopup.resizeToInnerSize();



   document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');

   document.getElementById('bordercolor_pickcontainer').innerHTML = getColorPickerHTML('bordercolor_pick','bordercolor');

   document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor')



   var inst = tinyMCE.selectedInstance;

   var tdElm = tinyMCE.getParentElement(inst.getFocusElement(), "td,th");

   var inst = ed;

   var tdElm = ed.dom.getParent(ed.selection.getNode(), "td,th");

   var formObj = document.forms[0];

   var st = tinyMCE.parseStyle(tinyMCE.getAttrib(tdElm, "style"));

   var st = ed.dom.parseStyle(ed.dom.getAttrib(tdElm, "style"));



   // Get table cell data

   var celltype = tdElm.nodeName.toLowerCase();

   var align = tinyMCE.getAttrib(tdElm, 'align');

   var valign = tinyMCE.getAttrib(tdElm, 'valign');

   var align = ed.dom.getAttrib(tdElm, 'align');

   var valign = ed.dom.getAttrib(tdElm, 'valign');

   var width = trimSize(getStyle(tdElm, 'width', 'width'));

   var height = trimSize(getStyle(tdElm, 'height', 'height'));

   var bordercolor = convertRGBToHex(getStyle(tdElm, 'bordercolor', 'borderLeftColor'));

   var bgcolor = convertRGBToHex(getStyle(tdElm, 'bgcolor', 'backgroundColor'));

   var className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(tdElm, 'class'), false);

   var className = ed.dom.getAttrib(tdElm, 'class');

   var backgroundimage = getStyle(tdElm, 'background', 'backgroundImage').replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");;

   var id = tinyMCE.getAttrib(tdElm, 'id');

   var lang = tinyMCE.getAttrib(tdElm, 'lang');

   var dir = tinyMCE.getAttrib(tdElm, 'dir');

   var scope = tinyMCE.getAttrib(tdElm, 'scope');

   var id = ed.dom.getAttrib(tdElm, 'id');

   var lang = ed.dom.getAttrib(tdElm, 'lang');

   var dir = ed.dom.getAttrib(tdElm, 'dir');

   var scope = ed.dom.getAttrib(tdElm, 'scope');



   // Setup form

   addClassesToList('class', 'table_cell_styles');

   TinyMCE_EditableSelects.init();



   formObj.bordercolor.value = bordercolor;

   formObj.bgcolor.value = bgcolor;

   formObj.backgroundimage.value = backgroundimage;

@@ -34,10 +41,10 @@
   formObj.height.value = height;

   formObj.id.value = id;

   formObj.lang.value = lang;

   formObj.style.value = tinyMCE.serializeStyle(st);

   formObj.style.value = ed.dom.serializeStyle(st);

   selectByValue(formObj, 'align', align);

   selectByValue(formObj, 'valign', valign);

   selectByValue(formObj, 'class', className);

   selectByValue(formObj, 'class', className, true, true);

   selectByValue(formObj, 'celltype', celltype);

   selectByValue(formObj, 'dir', dir);

   selectByValue(formObj, 'scope', scope);

@@ -51,24 +58,24 @@
}



function updateAction() {

   var el, inst = ed, tdElm, trElm, tableElm, formObj = document.forms[0];



   tinyMCEPopup.restoreSelection();

   el = ed.selection.getNode();

   tdElm = ed.dom.getParent(el, "td,th");

   trElm = ed.dom.getParent(el, "tr");

   tableElm = ed.dom.getParent(el, "table");



   var inst = tinyMCE.selectedInstance;

   var tdElm = tinyMCE.getParentElement(inst.getFocusElement(), "td,th");

   var trElm = tinyMCE.getParentElement(inst.getFocusElement(), "tr");

   var tableElm = tinyMCE.getParentElement(inst.getFocusElement(), "table");

   var formObj = document.forms[0];



   inst.execCommand('mceBeginUndoLevel');

   ed.execCommand('mceBeginUndoLevel');



   switch (getSelectValue(formObj, 'action')) {

      case "cell":

         var celltype = getSelectValue(formObj, 'celltype');

         var scope = getSelectValue(formObj, 'scope');



         if (tinyMCE.getParam("accessibility_warnings")) {

         if (ed.getParam("accessibility_warnings")) {

            if (celltype == "th" && scope == "")

               var answer = confirm(tinyMCE.getLang('lang_table_missing_scope', '', true));

               var answer = confirm(ed.getLang('table_dlg.missing_scope', '', true));

            else

               var answer = true;



@@ -108,8 +115,8 @@
         break;

   }



   tinyMCE.handleVisualAid(inst.getBody(), true, inst.visualAid, inst);

   tinyMCE.triggerNodeChange();

   ed.addVisual();

   ed.nodeChanged();

   inst.execCommand('mceEndUndoLevel');

   tinyMCEPopup.close();

}

@@ -124,11 +131,12 @@
}



function updateCell(td, skip_id) {

   var inst = tinyMCE.selectedInstance;

   var inst = ed;

   var formObj = document.forms[0];

   var curCellType = td.nodeName.toLowerCase();

   var celltype = getSelectValue(formObj, 'celltype');

   var doc = inst.getDoc();

   var dom = ed.dom;



   if (!skip_id)

      td.setAttribute('id', formObj.id.value);

@@ -137,16 +145,16 @@
   td.setAttribute('vAlign', formObj.valign.value);

   td.setAttribute('lang', formObj.lang.value);

   td.setAttribute('dir', getSelectValue(formObj, 'dir'));

   td.setAttribute('style', tinyMCE.serializeStyle(tinyMCE.parseStyle(formObj.style.value)));

   td.setAttribute('style', ed.dom.serializeStyle(ed.dom.parseStyle(formObj.style.value)));

   td.setAttribute('scope', formObj.scope.value);

   tinyMCE.setAttrib(td, 'class', getSelectValue(formObj, 'class'));

   ed.dom.setAttrib(td, 'class', getSelectValue(formObj, 'class'));



   // Clear deprecated attributes

   tinyMCE.setAttrib(td, 'width', '');

   tinyMCE.setAttrib(td, 'height', '');

   tinyMCE.setAttrib(td, 'bgColor', '');

   tinyMCE.setAttrib(td, 'borderColor', '');

   tinyMCE.setAttrib(td, 'background', '');

   ed.dom.setAttrib(td, 'width', '');

   ed.dom.setAttrib(td, 'height', '');

   ed.dom.setAttrib(td, 'bgColor', '');

   ed.dom.setAttrib(td, 'borderColor', '');

   ed.dom.setAttrib(td, 'background', '');



   // Set styles

   td.style.width = getCSSSize(formObj.width.value);

@@ -172,30 +180,30 @@
      for (var c=0; c<td.childNodes.length; c++)

         newCell.appendChild(td.childNodes[c].cloneNode(1));



      for (var a=0; a<td.attributes.length; a++) {

         var attr = td.attributes[a];

         newCell.setAttribute(attr.name, attr.value);

      }

      for (var a=0; a<td.attributes.length; a++)

         ed.dom.setAttrib(newCell, td.attributes[a].name, ed.dom.getAttrib(td, td.attributes[a].name));



      td.parentNode.replaceChild(newCell, td);

      td = newCell;

   }



   dom.setAttrib(td, 'style', dom.serializeStyle(dom.parseStyle(td.style.cssText)));



   return td;

}



function changedBackgroundImage() {

   var formObj = document.forms[0];

   var st = tinyMCE.parseStyle(formObj.style.value);

   var st = ed.dom.parseStyle(formObj.style.value);



   st['background-image'] = "url('" + formObj.backgroundimage.value + "')";



   formObj.style.value = tinyMCE.serializeStyle(st);

   formObj.style.value = ed.dom.serializeStyle(st);

}



function changedSize() {

   var formObj = document.forms[0];

   var st = tinyMCE.parseStyle(formObj.style.value);

   var st = ed.dom.parseStyle(formObj.style.value);



   var width = formObj.width.value;

   if (width != "")

@@ -209,22 +217,22 @@
   else

      st['height'] = "";



   formObj.style.value = tinyMCE.serializeStyle(st);

   formObj.style.value = ed.dom.serializeStyle(st);

}



function changedColor() {

   var formObj = document.forms[0];

   var st = tinyMCE.parseStyle(formObj.style.value);

   var st = ed.dom.parseStyle(formObj.style.value);



   st['background-color'] = formObj.bgcolor.value;

   st['border-color'] = formObj.bordercolor.value;



   formObj.style.value = tinyMCE.serializeStyle(st);

   formObj.style.value = ed.dom.serializeStyle(st);

}



function changedStyle() {

   var formObj = document.forms[0];

   var st = tinyMCE.parseStyle(formObj.style.value);

   var st = ed.dom.parseStyle(formObj.style.value);



   if (st['background-image'])

      formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");

@@ -247,3 +255,5 @@
      updateColor('bordercolor_pick','bordercolor');

   }

}



tinyMCEPopup.onInit.add(init);