contenteditable not working in IE 10

前端 未结 3 570
长发绾君心
长发绾君心 2021-01-04 13:35

I am trying to create client side editable table. Here is my code. It works in Chrome, Firefox but not in IE. Is there anything more to do with script for IE?



        
相关标签:
3条回答
  • 2021-01-04 14:15

    IE is not response contenteditable inside td tag.

    You can try:

    <td id="my-content" class="editable">
        <div contentEditable="true" style="width: 100%; height: 100%;">
            ...
        </div>
    </td>
    
    0 讨论(0)
  • 2021-01-04 14:26

    There are many elements in IE, which can't have contenteditable set directly. However, you can wrap the whole table into a content editable div.

    <div contenteditable="true">
        <table>
           ...
        </table>
    </div>
    

    This will make all the cells in the table editable. Though in some browsers (FF) the view will be a bit messy due to the shown editing handles of the table.

    Another possibility is to add for example a content editable span or div to each td.

    0 讨论(0)
  • 2021-01-04 14:28

    Below code will work in IE as well chrome without meshup the GUI.

       <td contentEditable="true">
        <div contentEditable="true">
            ...
        </div>
       </td>
    
    0 讨论(0)
提交回复
热议问题