Hacer un div de contenido editable de solo lectura

Así que quiero las características de una div entretenida (la selección de texto a través del teclado es la principal), pero no quiero permitir que el usuario edite el texto. Supuse que un readonly="readonly" funcionaría, pero lamentablemente no funciona. ‘t.

¿Sabemos si hay una manera de hacerlo? El div satisfactorio puede tener tags anidadas dentro (

‘s,

‘ s).

Quiero evitar un área de texto (para eso sirve), ya que no me permite hacer otras cosas que debo hacer.

¿Hay una buena manera de hacer esto sin javascript? Y si no lo hay, ¿hay un pequeño fragmento de javascript que aún permita copiar, resaltar, etc.?

Gracias.

Aquí hay un ejemplo: http://codepen.io/anon/pen/dxeAE

Hice una solución / solución alternativa de jquery. Lo que hace es evitar la acción predeterminada cuando se presiona una tecla:

 $(document).ready(function(){ $("#editor").on("keypress", function(e) { e.preventDefault(); }); }); 
  

Heading

Test

También puedes probar esto, solución javascript simple

 document.getElementById('div').onkeydown = function (e) { var event = window.event ? window.event : e; return !(!~[37, 38, 39, 40].indexOf(e.keyCode) && !e.ctrlKey); } 

Esto permite la selección usando las teclas de flecha y copiando el mismo.

Para hacer todos los controles dentro de un div bloqueado o desbloqueado, intente esto:

 
....

 lockDiv = function(lockIt){ if(lockIt){ $('#lockableDiv :input').attr('readonly', true); }else{ $('#lockableDiv :input').removeAttr('readonly'); } } 

Probablemente puedas agregar un asp:Panel en el div y hacer el panel.Enabled = false No se podrá acceder a los controles dentro del panel.