Skip to content

Instantly share code, notes, and snippets.

@mrfratello

mrfratello/codemirror_example.html

Created April 7, 2017 10:22
Show Gist options
  • Save mrfratello/bcf9aedb20eec4651a4261162b035b54 to your computer and use it in GitHub Desktop.
Save mrfratello/bcf9aedb20eec4651a4261162b035b54 to your computer and use it in GitHub Desktop.
Download ZIP
CodeMirror example of dynamic change mode and text
Raw
codemirror_example.html
<!DOCTYPE html>
<html>
<head>
<title>Code mirror test</title>
<link rel="stylesheet" type="text/css" href="lib/lib/codemirror.css">
<script type="text/javascript" src="lib/lib/codemirror.js"></script>
<script src="lib/mode/javascript/javascript.js"></script>
<script src="lib/mode/python/python.js"></script>
<script src="lib/mode/htmlembedded/htmlembedded.js"></script>
<script src="lib/mode/htmlmixed/htmlmixed.js"></script>
<script src="lib/mode/xml/xml.js"></script>
<script src="lib/mode/css/css.js"></script>
<script src="lib/mode/clike/clike.js"></script>
<script src="lib/mode/php/php.js"></script>
</head>
<body style="background: #ccc">
<div id="code" style="width: 70%;height: 300px;"></div>
<script type="text/javascript">
var myCodeMirror = CodeMirror(document.getElementById('code'), {
value: "print u\"Hello\"",
mode: "python"
});
setTimeout(function() {
myCodeMirror.doc.setValue('function hi()\n{\n echo "hello";\n}\n');
myCodeMirror.setOption('mode', 'text/x-php');
setTimeout(function(){
myCodeMirror.doc.setValue('function myScript(){return 100;}\n');
myCodeMirror.setOption('mode', 'javascript');
}, 3000);
}, 3000);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment