CodeMirror Editor

Usage

Add the following to your form template (probably below the {% endblock content %} block):

{% block script_extra %}
  {{ block.super }}
  {% include 'base/_codemirror.html' %}
{% endblock script_extra %}

Any element with an ID of id_code will become a code editor e.g:

<textarea id="id_code">
  {{ xero_invoice_data }}
</textarea>

To create another code editor e.g id_code_2:

<textarea id="id_code_2">
  {{ xero_payment_data }}
</textarea>

Add a script element add call the codeEditor function e.g:

{% block script_extra %}
  {{ block.super }}
  {% include 'base/_codemirror.html' %}
  <script type="text/javascript">
    var textArea = document.getElementById("id_code_2");
    codeEditor(textArea);
  </script>
{% endblock script_extra %}