CodeMirror tiene contenido pero no se mostrará hasta que presione la tecla

Question

Tengo una instancia CodeMirror incrustada en una aplicación web que estoy creando. Funciona muy bien, excepto que el contenido inicial no se mostrará hasta que el usuario ingrese un nuevo carácter. Por lo tanto, está todo allí pero escondido hasta que el usuario fuerce un cambio. Esto es malo. ¿Hay alguna forma en que pueda forzar el repintado o la actualización del navegador para simular la introducción de un carácter? El espacio en blanco funcionará.

Aquí está el código ...

<textarea id='code-mirror' ><?php echo $contents; ?></textarea> 
<script> 
    jQuery(document).ready(function(){ 
     var textarea = document.getElementById('code-mirror'); 
     var myCodeMirror = CodeMirror.fromTextArea(textarea,  
      { 
      onUpdate:codemirrorcallback, 
      }); 
     // myCodeMirror.refresh(); ? is this an option? 
    }); 
</script> 

Esta producción de un editor de trabajo que guarda el contenido y muestra el contenido guardado en el interior del área de texto, pero sólo muestra que después de que el usuario comienza a editarlo. Antes de eso, está en blanco.

Cualquier ayuda, incluso los enlaces serán muy apreciados. ¡Gracias chicos!

ACTUALIZACIÓN

Calling .Refresh en myCodeMirror está imprimiendo un error en la consola de Chrome Uncaught TypeError: Cannot call method 'focus' of undefined

Answer 1

Si está utilizando la versión 2 + CodeMirror, puede llamar CodeMirror.refresh(). Vea el documentation on refresh().

Nota: Esto se debe llamar a la CodeMirror ejemplo y no el elemento. Ver https://stackoverflow.com/a/5377029/526741

Answer 2

De hecho, necesita llamar a refresh() en su instancia CodeMirror si esto está sucediendo. Sin embargo, debido a los monos del espacio que necesita para envolver la llamada de actualización en un tiempo de espera:

var editor = CodeMirror.fromTextArea(yourSourceDOM, { lineNumbers:true }) 
setTimeout(editor.refresh, 0) 

No es bonito, pero que lo solucionó para mí.

Answer 3

Usando el código espejo 5.14.2, si actualiza explícitamente debe tener cuidado de invocarlo correctamente (consulte this question), pero es más fácil de manejar con la codemirror suministrada autorefresh add on.