ace.js实现一个在线代码编辑器

背景

纯粹为了在自己博客实现一个代码编辑器,方便在线测试各种代码。

ace介绍

ACE 是一个开源的、独立的、基于浏览器的代码编辑器,可以嵌入到任何web页面或JavaScript应用程序中。ACE支持超过60种语言语法高亮,并能够处理代码多达400万行的大型文档。ACE开发团队称,ACE在性能和功能上可以媲美本地代码编辑器(如Sublime Text、TextMate和Vim等)。

步骤

1.编写代码编辑器样式

屏幕快照 2018-09-21 下午8.21.06.png

2.引入ace.js

    
    

**3.调用ace api实现代码编辑功能


                    
                    

你可能感兴趣的:(ace.js实现一个在线代码编辑器)