Table Not Inserted In List Item

While using the FCKEditor on a project we discovered that attempting to add a table inside of a list item element does not work. When you have configured the table and click the 'OK' button, the table is inserted after the LI item and before the next LI instead of between the open and close LI tags.

Tables should be valid inside of LI items. I just don't know how to fix this without jumping into the FCK source... Can anyone help?

<ul>
  <li>This is an item</li>
  <li>This is where the table should be</li>
  <table>
    <tbody>
      <tr>
        <td>This is where the table actually gets inserted.</td>
      </tr>
    </tbody>
  </table>
</ul>

Update:

I believe that the fix for the insert needs to go in %installpath%/fckeditor/editor/dialog/fck_table.html and I think I can figure this out if I only had documentation on the FCK SelectionObject. If anyone knows how to insert a DOM node inside of another DOM node using the FCK SelectionObject (I can easily do this using regular DOM methods but I don't think that applies once in the FCK editors content) OR you can find the mentioned, but non-existant (as far as I can tell) SelectionObject documentation, please let me know.

Thu, 09/25/2008 - 17:03

kooshmoose

Joined: 23/09/2008

Posts: 7

Re: Table Not Inserted In List Item

I found a workaround.

%installpath%/fckeditor/editor/dialog/fck_table.html

I modified the line in the Ok() method from:

...
oEditor.FCK.InsertElement( table ) ;

and changed it to:

...
if( oEditor.FCK.Selection.GetParentElement().nodeName == 'LI' ) {
    oLi = oEditor.FCKSelection.MoveToAncestorNode( 'LI' ) ;
    oLi.appendChild(table);
}
else
    oEditor.FCK.InsertElement( table ) ;