python编辑代码的页面_使用CodeMirror实现Python3在线编辑器的示例代码

一、编写页面

主要是引入相关的css文件和js文件，这里采用简单插入link和script标签的形式。

Document

click

二、配置CodeMirror

在index.js中配置CodeMirror

window.onload = function () {

var el = document.getElementById("editor");

var version = "# version: Python3\n\n";

var codeAreaTip = "# please edit your code here:\n";

var codeStart = "# code start\n\n";

var codeEnd = "# code end\n\n";

var codeTip = "'''\nThis function is the entry of this program and\nit must be return your answer of current question.\n'''\n";

var code = "def solution():\n\tpass";

var initValue = version + codeAreaTip + codeSt