CodeMirror parses HTML using the XML mode. To use it, the appropriate script must be included, same as with any other mode. Add its dependency in your markup: <script type=”text/javascript” src=”https://stackoverflow.com/site.com/js/libs/codemirror/mode/xml/xml.js”></script> and set the mode to xml: config = { mode : “xml”, // … }; In addition, you may want to configure the parser … Read more
WITHOUT JQUERY , CSS only .CodeMirror { resize: vertical; overflow: auto !important; } After some struggle, this simple code actually worked for me. I got a resizable Codemirror Instance vertically with scroll working properly.
Another method I have found elsewhere is as follows: //Get a reference to the CodeMirror editor var editor = document.querySelector(‘.CodeMirror’).CodeMirror; This works well when you are creating the CodeMirror instance dynamically or replacing an existing DOM element with a CodeMirror instance.
The way to do this has changed slightly since the release of 3.0. It’s now something like this: var textArea = document.getElementById(‘myScript’); var editor = CodeMirror.fromTextArea(textArea); editor.getDoc().setValue(‘var msg = “Hi”;’);
value is stale in the event handler because it gets its value from the closure where it was defined. Unless we re-subscribe a new event handler every time value changes, it will not get the new value. Solution 1: Make the second argument to the publish effect [value]. This makes the event handler get the … Read more
A much nicer and easier solution is to just set the readOnly property of the CodeMirror instance to true, like this: $(‘.code’).each(function() { var $this = $(this), $code = $this.html(); $this.empty(); var myCodeMirror = CodeMirror(this, { value: $code, mode: ‘javascript’, lineNumbers: !$this.is(‘.inline’), readOnly: true }); }); Just add the class .code to the tag containing … Read more
Try using getValue() instead of getCode(). Pass in an optional argument into getValue(separator) to specify the string to be used to separate lines (the default is \n).
You must call refresh() after setValue(). However, you must use setTimeout to postpone the refresh() to after CodeMirror/Browser has updated the layout according to the new content: codeMirrorRef.setValue(content); setTimeout(function() { codeMirrorRef.refresh(); },1); It works well for me. I found the answer in here.