CodeMirror에는 내용이 있지만 키 누르기까지 표시되지 않습니다.

Question

건물중인 Webapp에 CodeMirror 인스턴스가 임베드되어 있습니다. 사용자가 새로운 캐릭터를 입력 할 때까지는 초기 내용이 표시되지 않는다는 점을 제외하고는 훌륭하게 작동합니다. 따라서 사용자가 변경을 강요 할 때까지 모든 것이 숨겨져 있지만 숨겨져 있습니다. 이것은 나쁘다. 공백 문자가 입력을 시뮬레이션하는 브라우저를 다시 그리거나 새로 고칠 수있는 방법이 있습니까? 여기

은 ... 코드입니다

<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> 

내용을 저장하고 텍스트 영역 내부에 저장된 내용을 표시하지만 사용자가 편집을 시작한 후에 만 ​​표시합니다 작업 편집기를 생산하는이

. 그 전에 그것은 단지 비어 있습니다.

아무 도움이 되더라도, 그냥 링크도 매우 높이 평가 될 것입니다. 고마워요! 당신이 CodeMirror 버전 2 +를 사용하는 경우 myCodeMirror에 때 .refresh 호출

UPDATE

이 Uncaught TypeError: Cannot call method 'focus' of undefined

Answer 1

의 크롬 콘솔에서 오류를 인쇄, 당신은 CodeMirror.refresh()를 호출 할 수 있습니다. documentation on refresh()을 참조하십시오.

참고 :이 CodeMirror 예를 아닌 요소를 호출 할 필요가. https://stackoverflow.com/a/5377029/526741

Answer 2

실제로 CodeMirror 인스턴스에서 refresh()을 호출해야합니다.

이

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

그것은 꽤 아니지만, 그것은 나를 위해 그것을 해결 : 그러나 때문에 공간 원숭이에 당신은 시간 제한에 새로 고침 호출을 포장해야합니다.

Answer 3

코드 미러 5.14.2를 사용하여 명시 적으로 새로 고치면 코드를 올바르게 호출해야합니다 (this question 참조). autorefresh add on으로 제공된 코드 미러로 처리하는 것이 가장 쉽습니다.