variable texto tabla portapapeles link copiar boton jquery internet-explorer html-table internet-explorer-10 contenteditable

jquery - texto - contenteditable no funciona en IE 10



copy portapapeles javascript (2)

Hay muchos elementos en IE, que no pueden tener el conjunto contenteditable directamente. Sin embargo, puede envolver toda la table en un div editable de contenido.

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

Esto hará que todas las celdas de la tabla sean editables . Aunque en algunos navegadores (FF) la vista será un poco desordenada debido a los controles de edición mostrados de la tabla.

Otra posibilidad es agregar, por ejemplo, un span o div editable de contenido a cada td .

Estoy intentando crear una tabla editable del lado del cliente. Aquí está mi código. Funciona en Chrome, Firefox pero no en IE. ¿Hay algo más que ver con el script para IE?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> $(document).ready(function() { $("td").click(function(){ if($(this).attr("contentEditable") == true){ $(this).attr("contentEditable","false"); } else { $(this).attr("contentEditable","true"); } }) }); </script> <p> <table id=''transitTable'' border="1" cellspacing="2" cellpadding="2" class=''display'' width="400"> <tr id=''1''> <td >H1</td> <td >H2</td> <td >H3</td> <td >H4</td></tr> <tr id=''2''> <td >R1</td> <td >R1</td> <td >R1</td> <td >R1</td></tr> <tr id=''3''> <td >R2</td> <td >R2</td> <td >R2</td> <td>R2</td></tr></table></p>


IE no es una respuesta contenteditable dentro de la etiqueta td .

Puedes probar:

<td id="my-content" class="editable"> <div contentEditable="true" style="width: 100%; height: 100%;"> ... </div> </td>