2017-11-23 17 views
0

여기의 질문에 따라 Can codemirror be used on multiple textareas?.codemirror - 여러 텍스트 영역이 작동하지 않음

정확한 설정을 내 페이지에 적용했으며 텍스트 영역을 코드 미러로 변환하지 않았습니다.

콘솔에 오류가 없는데 무엇이 누락되었는지 확실하지 않습니까?

<script src="{% static 'home/scripts/codemirror/codemirror.js' %}"></script> 
<link href="{% static 'home/scripts/codemirror/codemirror.css' %}" rel="stylesheet"> 
<script src="{% static 'home/scripts/codemirror/django/django.js' %}"></script> 
<script type="text/javascript"> 
function editor(id) { 
     CodeMirror.fromTextArea(id, { 
      height: "400px", 
      continuousScanning: 500, 
      lineNumbers: true 
     }); 
    } 
editor('id_config'); 
editor('id_remote_config'); 
</script> 
<form id="edit_template" action="" method="post"> 
    {% csrf_token %} 
    {{ TemplateForm.template_name }} 
    {{ TemplateForm.config }} 
    {{ TemplateForm.remote_config }} 
    <input type='submit' value='Update' /> 
</form> 

장고 양식 내가

text area ids

사람을 지정한 ID를 가진 텍스트 영역은 어떤 아이디어가 렌더링 다음과 같이

내 코드는? 감사합니다.

답변

1

editor()으로 전화 할 때 그 텍스트 영역이 존재하지 않습니다. 스크립트 태그를 양식 아래로 이동하거나 창로드 이벤트 핸들러 내에서 으로 전화하십시오.

+0

의 모든 내용을 양식 아래에 여전히 이동 했습니까? – AlexW

+0

브라우저 콘솔에 오류가 있습니까? – charlietfl

+0

TypeError : textarea.getAttribute가 함수가 아닙니다. ('textarea.getAttribute ("autofocus")', 'textarea.getAttribute'는 정의되지 않았습니다.) - codemirror 9512 – AlexW