100分求给Table加属性,然后把它取出来,up有分

FCKEditor没用过！没办法帮你了！

不一定要知道FCKEditor啊,其实就是在怎么给表扩展属性啊.

to:imwjb(回帖前先看看楼主有没有结贴的习惯……)
好的,谢谢

是用javaScript啊,但是不知道怎么搞,哈哈.

在客户端
这是JS的问题吧
用js扩展几个属性就可以了

to:lovefootball
您知道FCKeditor的表扩展属性的在哪个地方吗?

FCKeditor 呵呵不知道是什么玩意~惭愧~！！！

http://my.jcwcn.com/?23883/action_viewspace_itemid_8211

FCKeditor 就是那个世界上最好的编辑器啊.而且还是免费的,开源的啊.是个好东东.

边距可能加style可以,但类型不好加啊.
再说我也不是很想用style,最好是扩展属性,硬是不行的话,再考虑用style

up给几分啊？
多up几下吧
up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up

可以自己写FCKEditor的js扩展，不要它原来的插入表格，原理是一样的，新建一个html文件insertTable.htm,代码如下：
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<META HTTP-EQUIV="Expires" CONTENT="0">
<title>插入表格</title>
<style>body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #ffffff;
width: 100%;
overflow:hidden;
border: 0;
}body,tr,td {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
</style>
<script language="javascript">
function returnTable()
{
var arr = new Array(); arr["width"] = document.getElementById('Width').value;
arr["height"] = document.getElementById('Height').value;
arr["cellpadding"] = document.getElementById('Cellpadding').value;
arr["cellspacing"] = document.getElementById('Cellspacing').value;
arr["border"] = document.getElementById('Border').value;   arr["cols"] = document.getElementById('Columns').value;
arr["rows"] = document.getElementById('Rows').value;
arr["valigncells"] = document.getElementById('VAlignCells')[document.getElementById('VAlignCells').selectedIndex].value;
arr["haligncells"] = document.getElementById('HAlignCells')[document.getElementById('HAlignCells').selectedIndex].value;
arr["percentcols"] = document.getElementById('PercentCols').checked;

arr["cellleft"]=document.getElementById('CellLeft');
arr["cellright"]=document.getElementById('CellRight');

window.returnValue = arr;
window.close();
}
</script>
</HEAD>
<body>
<table width=100% cellpadding=1 cellspacing=3 border=0>
<tr><td valign=top>
<fieldset ><legend>表格</legend>
<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>
<tr>
<td>宽度</td>
<td><input type=text id="Width" name="Width" value=100 style="width:50px;"></td>
</tr><tr>
<td>高度</td>
<td><input type=text id="Height" name="Height" value=100 style="width:50px;"></td>
</tr><tr>
<td>单元格边距</td>
<td><input type=text id="Cellpadding" name="Cellpadding" style="width:50px;" value=0></td>
</tr><tr>
<td>单元格间距</td>
<td><input type=text id="Cellspacing" name="Cellspacing" style="width:50px;" value=0></td>
</tr><tr>
<td>边框粗细</td>
<td><input type=text id="Border" name="Border" style="width:50px;" value=1></td>
</tr>
</table>
</fieldset>
</td>
<td>  </td><td valign=top>
<fieldset ><legend>单元格</legend>
<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>
<tr>
<td>列数</td>
<td><input type=text id="Columns" name="Columns" style="width:80px;" value=2></td>
</tr><tr>
<td>行数</td>
<td><input type=text id="Rows" name="Rows" style="width:80px;" value=2></td>
</tr><tr>
<td>垂直对齐方式</td>
<td><select id="VAlignCells" name="VAlignCells" style="width:80px;">
<option>默认</option>
<option value="top">顶端对齐</option>
<option value="center">相对垂直居中</option>
<option value="bottom">相对底边对齐</option>
</select>
</td>
</tr><tr>
<td>水平对齐方式</td>
<td><select id="HAlignCells" name="HAlignCells" style="width:80px;">
<option>默认</option>
<option value="left">左对齐</option>
<option value="center">居中</option>
<option value="right">右对齐</option>
</select>
</td>
</tr><tr>
<td>平均分配各列</td>
<td><input type="checkbox" id="PercentCols" name="PercentCols" value="1"></td>
</tr>
<tr>
  <td>左边距</td>
  <td><input type="text" id="CellLeft" name="CellLeft" /></td>
</tr>
   <tr>
  <td>右边距</td>
  <td><input type="text" id="CellRight" name="CellRight" /></td>
</tr>
</table>
</fieldset>
</td></tr>
<tr><td colspan=3 align=center>
<input type="button" onclick="returnTable();return false;" value="插入表格">
</td></tr>
</table>
</body>
</html>
如下方式调用
//插入表格
  function insertTable()
  {debugger;
    var tabSource=showModalDialog('insertTable.htm','','dialogWidth:400px;dialogHeight:400px;status:0;help:0');
    if(undefined==tabSource)
    {
     return false;
    }
    var tab=document.createElement('table');
    var tab_body=document.createElement('tbody');
    var tdObjWidth;
    if(tabSource.percentcols==true)
     {
       tdObjWidth=(100*1.0/parseInt(tabSource.cols))+"%";
     }
    tab.width=tabSource.width;
    tab.height=tabSource.height;
    tab.cellpadding=tabSource.cellpadding;
    tab.cellspacing=tabSource.cellspacing;
    tab.border=tabSource.border;
    tab.style.align=tabSource.haligncells;
    tab.style.valign=tabSource.valigncells;
    //在此进行左边距和右边距的设置，代码如上几行
    for(var i=0;i<parseInt(tabSource.rows);i++)
     {
       var tr_obj=document.createElement('tr');
       for(var j=0;j<parseInt(tabSource.cols);j++)
        {
          var td_obj=document.createElement('td');
          if(tabSource.percentcols==true)
          {
           td_obj.style.width=tdObjWidth;
          }
          td_obj.innerHTML=" ";
          tr_obj.appendChild(td_obj);
        }
       tab_body.appendChild(tr_obj);
     }
    tab.appendChild(tab_body);
    $('Editor').innerHTML+=tab.outerHTML;//将生成的代码加到FCKEditor中
  }

谢谢lizhizhe2000(武安侯),花这么多时间给我提供了这么多代码,不过可能我们还是会在那个表上直接改,如果自己做一个的话,花的时间可能会太多了.而且做出的风格之类的,可能都不同.对了,再问一下,您知道在FCKEditor中,如果要扩展这个属性,在哪里扩展?

FCKEdtior中有一个示例，是关于js扩展的，也可看这个链接
http://www.cnblogs.com/matrix/archive/2007/04/16/714726.aspx
你的功能还是比较容易实现的！

在fckeditorcode_ie.js中有关fctTable的有以下:
var FCKTableHandler=new Object();FCKTableHandler.InsertRow=function(){var A=FCKSelection.MoveToAncestorNode("TR");if (!A) return;var B=A.cloneNode(true);A.parentNode.insertBefore(B,A);FCKTableHandler.ClearRow(A);};FCKTableHandler.DeleteRows=function(A){if (!A) A=FCKSelection.MoveToAncestorNode("TR");if (!A) return;var B=FCKTools.GetElementAscensor(A,'TABLE');if (B.rows.length==1){FCKTableHandler.DeleteTable(B);return;};A.parentNode.removeChild(A);};FCKTableHandler.DeleteTable=function(A){if (!A){var A=FCKSelection.GetSelectedElement();if (!A||A.tagName!='TABLE') A=FCKSelection.MoveToAncestorNode("TABLE");};if (!A) return;FCKSelection.SelectNode(A);FCKSelection.Collapse();A.parentNode.removeChild(A);};FCKTableHandler.InsertColumn=function(){var A=FCKSelection.MoveToAncestorNode("TD");if (!A) A=FCKSelection.MoveToAncestorNode("TH");if (!A) return;var B=FCKTools.GetElementAscensor(A,'TABLE');var C=A.cellIndex+1;for (var i=0;i<B.rows.length;i++){var D=B.rows[i];if (D.cells.length<C) continue;A=D.cells[C-1].cloneNode(false);if (FCKBrowserInfo.IsGecko) A.innerHTML=GECKO_BOGUS;var E=D.cells[C];if (E) D.insertBefore(A,E);else D.appendChild(A);}};FCKTableHandler.DeleteColumns=function(){var A=FCKSelection.MoveToAncestorNode('TD')||FCKSelection.MoveToAncestorNode('TH');if (!A) return;var B=FCKTools.GetElementAscensor(A,'TABLE');var C=A.cellIndex;for (var i=B.rows.length-1;i>=0;i--){var D=B.rows[i];if (C==0&&D.cells.length==1){FCKTableHandler.DeleteRows(D);continue;};if (D.cells[C]) D.removeChild(D.cells[C]);}};FCKTableHandler.InsertCell=function(A){var B=A?A:FCKSelection.MoveToAncestorNode("TD");if (!B) return;var C=FCK.EditorDocument.createElement("TD");if (FCKBrowserInfo.IsGecko) C.innerHTML=GECKO_BOGUS;if (B.cellIndex==B.parentNode.cells.length-1){B.parentNode.appendChild(C);}else{B.parentNode.insertBefore(C,B.nextSibling);};return C;};FCKTableHandler.DeleteCell=function(A){if (A.parentNode.cells.length==1){FCKTableHandler.DeleteRows(FCKTools.GetElementAscensor(A,'TR'));return;};A.parentNode.removeChild(A);};FCKTableHandler.DeleteCells=function(){var A=FCKTableHandler.GetSelectedCells();for (var i=A.length-1;i>=0;i--){FCKTableHandler.DeleteCell(A[i]);}};FCKTableHandler.MergeCells=function(){var A=FCKTableHandler.GetSelectedCells();if (A.length<2) return;if (A[0].parentNode!=A[A.length-1].parentNode) return;var B=isNaN(A[0].colSpan)?1:A[0].colSpan;var C='';var D=FCK.EditorDocument.createDocumentFragment();for (var i=A.length-1;i>=0;i--){var E=A[i];for (var c=E.childNodes.length-1;c>=0;c--){var F=E.removeChild(E.childNodes[c]);if ((F.hasAttribute&&F.hasAttribute('_moz_editor_bogus_node'))||(F.getAttribute&&F.getAttribute('type',2)=='_moz')) continue;D.insertBefore(F,D.firstChild);};if (i>0){B+=isNaN(E.colSpan)?1:E.colSpan;FCKTableHandler.DeleteCell(E);}};A[0].colSpan=B;if (FCKBrowserInfo.IsGecko&&D.childNodes.length==0) A[0].innerHTML=GECKO_BOGUS;else A[0].appendChild(D);};FCKTableHandler.SplitCell=function(){var A=FCKTableHandler.GetSelectedCells();if (A.length!=1) return;var B=this._CreateTableMap(A[0].parentNode.parentNode);var C=FCKTableHandler._GetCellIndexSpan(B,A[0].parentNode.rowIndex,A[0]);var D=this._GetCollumnCells(B,C);for (var i=0;i<D.length;i++){if (D[i]==A[0]){var E=this.InsertCell(A[0]);if (!isNaN(A[0].rowSpan)&&A[0].rowSpan>1) E.rowSpan=A[0].rowSpan;}else{if (isNaN(D[i].colSpan)) D[i].colSpan=2;else D[i].colSpan+=1;}}};FCKTableHandler._GetCellIndexSpan=function(A,B,C){if (A.length<B+1) return null;var D=A[B];for (var c=0;c<D.length;c++){if (D[c]==C) return c;};return null;};FCKTableHandler._GetCollumnCells=function(A,B){var C=new Array();for (var r=0;r<A.length;r++){var D=A[r][B];if (D&&(C.length==0||C[C.length-1]!=D)) C[C.length]=D;};return C;};FCKTableHandler._CreateTableMap=function(A){var B=A.rows;var r=-1;var C=new Array();for (var i=0;i<B.length;i++){r++;if (!C[r]) C[r]=new Array();var c=-1;for (var j=0;j<B[i].cells.length;j++){var D=B[i].cells[j];c++;while (C[r][c]) c++;var E=isNaN(D.colSpan)?1:D.colSpan;var F=isNaN(D.rowSpan)?1:D.rowSpan;for (var G=0;G<F;G++){if (!C[r+G]) C[r+G]=new Array();for (var H=0;H<E;H++){C[r+G][c+H]=B[i].cells[j];}};c+=E-1;}};return C;};FCKTableHandler.ClearRow=function(A){var B=A.cells;for (var i=0;i<B.length;i++){if (FCKBrowserInfo.IsGecko) B[i].innerHTML=GECKO_BOGUS;else B[i].innerHTML='';}};
var FCKTableCommand=function(A){this.Name=A;};FCKTableCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();switch (this.Name){case 'TableInsertRow':FCKTableHandler.InsertRow();break;case 'TableDeleteRows':FCKTableHandler.DeleteRows();break;case 'TableInsertColumn':FCKTableHandler.InsertColumn();break;case 'TableDeleteColumns':FCKTableHandler.DeleteColumns();break;case 'TableInsertCell':FCKTableHandler.InsertCell();break;case 'TableDeleteCells':FCKTableHandler.DeleteCells();break;case 'TableMergeCells':FCKTableHandler.MergeCells();break;case 'TableSplitCell':FCKTableHandler.SplitCell();break;case 'TableDelete':FCKTableHandler.DeleteTable();break;default:alert(FCKLang.UnknownCommand.replace(/%1/g,this.Name));}};FCKTableCommand.prototype.GetState=function(){return FCK_TRISTATE_OFF;}

万一不行,我就把它扩展保存到summary这个属性好了.

哪位高手能告诉我一下在fck_table.html中的function Ok()中我使用
table.style="left: 80px; width: 227px; position: absolute; top: 100px";它为什么报错啊.居然说没有style的属性,应该怎么做啊?

style属性好象不是这么用的吧,应该要用JAVA语言来实现!

table是什么，是你生成的表格ID吗？如果不是ID你那么用是错误的。正确的用法是
document.getElementById('表格id').style.left='80px';
document.getElementById('表格id').style.width='227px';
...
...
...

document.getElementById('表格id').style.left='80px';
document.getElementById('表格id').style.width='227px';
支持这种..

大哥Ok函数的原文是:
function Ok()
{
var bExists = ( table != null ) ;

if ( ! bExists )
{
table = oEditor.FCK.EditorDocument.createElement( "TABLE" ) ;
} // Removes the Width and Height styles
if ( bExists && table.style.width ) table.style.width = null ; //.removeAttribute("width") ;
if ( bExists && table.style.height ) table.style.height = null ; //.removeAttribute("height") ;

table.width = document.getElementById('txtWidth').value + ( document.getElementById('selWidthType').value == "percent" ? "%" : "") ;
table.height = document.getElementById('txtHeight').value ;
table.border = document.getElementById('txtBorder').value ;
table.align = document.getElementById('selAlignment').value ;
table.cellPadding = document.getElementById('txtCellPadding').value ;// document.getElementById(table).styles.left='80px';
  //  table.style.position="absolute";
    //table.style.left='80px';
// table.left =200;
// table.top=100;
// table.styles="absolute;top:100";
//alert(table.innerCODE);

//table.cellSpacing = document.getElementById('txtCellSpacing').value ;
//table.summary       = document.getElementById('txtSummary').value +"style='left: 80px; width: 227px; position: absolute; top: 100px'";
//table.style="left: 80px; width: 227px; position: absolute; top: 100px";
//table.style=document.getElementById('txtSummary').value ;
// table.className = cmbFontStyle.value ;

if ( document.getElementById('txtCaption').value != '')
{
if (! table.caption) table.createCaption() ;
//
table.caption.innerHTML = document.getElementById('txtCaption').value ;
}
else if ( bExists && table.caption )
{
if ( document.all )
table.caption.innerHTML = '' ; // TODO: It causes an IE internal error if using removeChild.
else
table.caption.parentNode.removeChild( table.caption ) ;
}

if (! bExists)
{
var iRows = document.getElementById('txtRows').value ;
var iCols = document.getElementById('txtColumns').value ;

for ( var r = 0 ; r < iRows ; r++ )
{
var oRow = table.insertRow(-1) ;
for ( var c = 0 ; c < iCols ; c++ )
{
var oCell = oRow.insertCell(-1) ;
if ( oEditor.FCKBrowserInfo.IsGecko )
oCell.innerHTML = '<br _moz_editor_bogus_node="TRUE">' ;
//oCell.innerHTML = " " ;
}
}

oEditor.FCKUndo.SaveUndoStep() ;

// START iCM MODIFICATIONS
// Amended to ensure that newly inserted tables are not incorrectly nested in P tags, etc
// We insert the table first and then rectify any nestings afterwards so we can re-use the
// FCKTablesProcessor function that corrects tables on SetHTML()
/*
table = oEditor.FCK.InsertElementAndGetIt( table ) ;
if ( !oEditor.FCKConfig.UseBROnCarriageReturn )
{
oEditor.FCKTablesProcessor.CheckTableNesting( table ) ;
}
*/
// END iCM MODIFICATIONS

oEditor.FCK.InsertElement( table ) ;
}

return true ;
}

上面上些代码被我注掉了,您这种document.getElementById('表格id').style.width='227px';
应该是正确的,不过在这里有点不好使,他说的错误是缺少对像,不过在您的点拨下我终于把问题解决了,原来table.style.left='80px'这样写就对啦./谢谢各位

有哪位大哥知道把这个贴子中生成的有特殊标识字符的Table，在后台中用javaSicpt把它的属性取出来吗？（或者不用javaScript也行，只要能取出来)

继承一个table，加上自己的属性。

可以这样试试：
通过tagName把所有该类对象取出来
var tables = document.getElementsByTagName("TABLE");
循环判断
for(var i = 0, l = tables.length; i < l; i++)
{
    if (tables[i].style.left == '80px'){
    //想要的操作，保存表格的话就取outerHTML
    }
}
大概是这样，具体的可以自己根据情况处理。

http://my.jcwcn.com/?23883/action_viewspace_itemid_8211

调试易

100分求给Table加属性,然后把它取出来,up有分

解决方案 »