angular ui-ace

Ace编辑器

Ace编辑器是一个嵌入web的代码编辑器，支持语法高亮，自动补全等功能，如果想在angular1.x的项目中的页面展示或编辑代码，使用该工具是最合适的。

只读状态

有的时候，我们仅仅是想将代码片段展示，而不想让用户更改，这时我们可以使用 ng-readonly 。

代码如下：

<div ng-readonly="true"  ng-model='col.script' style="height:500px;"></div>

效果如下：

上述代码仅仅进行展示，无法修改。