python测试开发django -144.Ace Editor 在线编辑python代码

网页上想在线编辑代码，可以使用Ace Editor 在线编辑实现。比如我们想实现一个功能，在网页版上写python代码，能有python的语法自动补齐功能。

ACE是一个开源的、独立的、基于浏览器的代码编辑器，可以嵌入到任何web页面或Javascript应用程序中。ACE支持超过40种语言语法高亮，缩进，代码提示功能且具有大量的主题；并能够处理代码多达404万行的大型文档。ACE开发团队称，ACE在性能和功能上可以媲美本地代码编辑器（如SublimeText、TextMate和Vim等）。

Github地址：https://github.com/ajaxorg/ace
ace官网地址：https://ace.c9.io/
支持语言：python、java、javascript、json、jsp、markdown、mysql、nginx…等

需导入的js文件主要有2个:ace.js 和 ext-language_tools.js

方式1：用在线cdn
bootstrap 中文网提供的 cdn 服务；http://www.bootcdn.cn/

或这个地址

方式2：下载到本地
从github下载资源到本地https://github.com/ajaxorg/ace.git

需注意的是容器需设置宽度和高度

    
        
     #editor{
         width:100%;
         height:800px;
     }
     

完整html示例

    
    
    
    
    
        
     #editor{
         width:100%;
         height:800px;
     }
     



  

这样就可以得到一个最简单的在线编辑器了

设置字体大小，背景主题和语言设置为python

于是就可以得到这样效果

下一步需设置python代码语法自动补齐功能,设置setOptions属性。

其它功能参考