nt is triggered and how the rich text editor's content appears outside
        the editable area.</p>

      <p>Start typing and you can preview the code of the WYSIWYG HTML editor as you type below the editing box.</p>
    </div>

    <pre id="preview"></pre>
  </div>

  <script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.js"></script>
  <script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/mode/xml/xml.min