diff --git a/README.md b/README.md index 23197317fcfad7e657e199c7e8f3aa4bf5229e12..962c2df057eeb0faa26eba996829af7ed7dbecbd 100644 --- a/README.md +++ b/README.md @@ -2,4 +2,6 @@ UNL Modifications to Core (Marked with "Start UNL Change"): ---------------- Both image.js files (in plugins/advimage/js and themes/advanced/js) have been modified to not autofill image width and height. + +Table plugin (plugins/table/js/row.js and plugins/table/js/cell.js) have been modified to use CSS styles instead on deprecated attributes ---------------- diff --git a/plugins/table/js/cell.js b/plugins/table/js/cell.js index 02ecf22c8aff0ea9d41ebff5b8abb9fa84e715cb..a8259313201b567ff75442dd7adef99ba5e20d23 100644 --- a/plugins/table/js/cell.js +++ b/plugins/table/js/cell.js @@ -18,7 +18,13 @@ function init() { // Get table cell data var celltype = tdElm.nodeName.toLowerCase(); var align = ed.dom.getAttrib(tdElm, 'align'); + if (getStyle(tdElm, 'text-align', 'text-align') != "") { + align = getStyle(tdElm, 'text-align', 'text-align'); + } var valign = ed.dom.getAttrib(tdElm, 'valign'); + if (getStyle(tdElm, 'vertical-align', 'vertical-align') != "") { + valign = getStyle(tdElm, 'vertical-align', 'vertical-align'); + } var width = trimSize(getStyle(tdElm, 'width', 'width')); var height = trimSize(getStyle(tdElm, 'height', 'height')); var bordercolor = convertRGBToHex(getStyle(tdElm, 'bordercolor', 'borderLeftColor')); @@ -201,8 +207,8 @@ function updateCell(td, skip_id) { if (!skip_id) dom.setAttrib(td, 'id', formObj.id.value); - dom.setAttrib(td, 'align', formObj.align.value); - dom.setAttrib(td, 'vAlign', formObj.valign.value); + // dom.setAttrib(td, 'align', formObj.align.value); + // dom.setAttrib(td, 'vAlign', formObj.valign.value); dom.setAttrib(td, 'lang', formObj.lang.value); dom.setAttrib(td, 'dir', getSelectValue(formObj, 'dir')); dom.setAttrib(td, 'style', ed.dom.serializeStyle(ed.dom.parseStyle(formObj.style.value))); @@ -215,10 +221,25 @@ function updateCell(td, skip_id) { ed.dom.setAttrib(td, 'bgColor', ''); ed.dom.setAttrib(td, 'borderColor', ''); ed.dom.setAttrib(td, 'background', ''); + ed.dom.setAttrib(td, 'align', ''); + ed.dom.setAttrib(td, 'vAlign', ''); // Set styles td.style.width = getCSSSize(formObj.width.value); td.style.height = getCSSSize(formObj.height.value); + + if (formObj.align.value != "") { + td.style.textAlign = formObj.align.value; + } else { + td.style.textAlign = ''; + } + + if (formObj.valign.value != "") { + td.style.verticalAlign = formObj.valign.value; + } else { + td.style.verticalAlign = ''; + } + if (formObj.bordercolor.value != "") { td.style.borderColor = formObj.bordercolor.value; td.style.borderStyle = td.style.borderStyle == "" ? "solid" : td.style.borderStyle; diff --git a/plugins/table/js/row.js b/plugins/table/js/row.js index 0c678de4630a42ce5f5c1ddbdd523612421487a6..d1d670683dcae00783373f7b9f720098264f7b51 100644 --- a/plugins/table/js/row.js +++ b/plugins/table/js/row.js @@ -15,7 +15,13 @@ function init() { // Get table row data var rowtype = trElm.parentNode.nodeName.toLowerCase(); var align = dom.getAttrib(trElm, 'align'); + if (getStyle(trElm, 'text-align', 'text-align') != "") { + align = getStyle(trElm, 'text-align', 'text-align'); + } var valign = dom.getAttrib(trElm, 'valign'); + if (getStyle(trElm, 'vertical-align', 'vertical-align') != "") { + valign = getStyle(trElm, 'vertical-align', 'vertical-align'); + } var height = trimSize(getStyle(trElm, 'height', 'height')); var className = dom.getAttrib(trElm, 'class'); var bgcolor = convertRGBToHex(getStyle(trElm, 'bgcolor', 'backgroundColor')); @@ -129,8 +135,8 @@ function updateRow(tr_elm, skip_id, skip_parent) { if (!skip_id) dom.setAttrib(tr_elm, 'id', formObj.id.value); - dom.setAttrib(tr_elm, 'align', getSelectValue(formObj, 'align')); - dom.setAttrib(tr_elm, 'vAlign', getSelectValue(formObj, 'valign')); + // dom.setAttrib(tr_elm, 'align', getSelectValue(formObj, 'align')); + // dom.setAttrib(tr_elm, 'vAlign', getSelectValue(formObj, 'valign')); dom.setAttrib(tr_elm, 'lang', formObj.lang.value); dom.setAttrib(tr_elm, 'dir', getSelectValue(formObj, 'dir')); dom.setAttrib(tr_elm, 'style', dom.serializeStyle(dom.parseStyle(formObj.style.value))); @@ -140,10 +146,24 @@ function updateRow(tr_elm, skip_id, skip_parent) { dom.setAttrib(tr_elm, 'background', ''); dom.setAttrib(tr_elm, 'bgColor', ''); dom.setAttrib(tr_elm, 'height', ''); + dom.setAttrib(tr_elm, 'align', ''); + dom.setAttrib(tr_elm, 'vAlign', ''); // Set styles tr_elm.style.height = getCSSSize(formObj.height.value); tr_elm.style.backgroundColor = formObj.bgcolor.value; + + if (formObj.align.value != "") { + tr_elm.style.textAlign = formObj.align.value; + } else { + tr_elm.style.textAlign = ''; + } + + if (formObj.valign.value != "") { + tr_elm.style.verticalAlign = formObj.valign.value; + } else { + tr_elm.style.verticalAlign = ''; + } if (formObj.backgroundimage.value != "") tr_elm.style.backgroundImage = "url('" + formObj.backgroundimage.value + "')";