CodeMirror在线代码编辑器使用

CodeMirror官网地址为:https://codemirror.net/

CodeMirror作为一款代码编辑器，其应用场景主要是在线网站写代码。
如现在的leetcode、洛谷、code-vs等都使用不同的代码编辑器。

代码示例:

    
        "UTF-8">
        
        "stylesheet" type="text/css" href="../fonticon/css/codemirror.css"/>
        "stylesheet" href="../fonticon/css/codemirror/theme/midnight.css">
    
    
        "</span><span style="color:#800000;">code</span><span style="color:#800000;">"</span> id=<span style="color:#800000;">"</span><span style="color:#800000;">editorArea</span><span style="color:#800000;">"</span> style=<span style="color:#800000;">"</span><span style="color:#800000;">display:none</span><span style="color:#800000;">"</span>>
        
        
        
    

效果图:

 

 

关于如何给代码框中赋值和取值，可使用如下方法:

editor.setValue(""); //赋值


editor.getValue(); //取值

上述只是一个简单的示例，更多知识还请参考官方网站对应的文档。

转载于:https://www.cnblogs.com/youcong/p/11215562.html