Load Grid Row Data Into Codemirror - Get Codemirror Reference

I am building a small extjs 5.1 app for personal use, designed to save examples of functions / methods used in my extjs apps. I've given the most important steps with the help of N

Solution 1:

CodeMirror element can be found as sibling of the textarea element. You can get reference to it by using the following code:

var codeMirrorInstance = textAreaComponent.getEl( ).query('.CodeMirror')[0].CodeMirror; 

Please refer below fiddle which I created by editing yours.

https://fiddle.sencha.com/#fiddle/tee