jQuery Ace标签功能扩展

jQuery 和 Ace 编辑器的组合，真是挺好用的一套配置。jQuery Ace封装了原生的 Ace 编辑器，操作更顺手，适合想在网页上搞个代码编辑器的场景。

想加个标签系统？其实不复杂。你只要把Ace 的 session对象拿出来，配合setAnnotations方法，加上一点样式，自定义个注解就是标签了，响应也快，代码也简单。

初始化也直接，一行$('#editor').ace()就搞定，剩下就是写个addTag()函数，把标签加到指定位置就行。样式部分嘛，搞个.ace_tag的 class，设个背景色，边框圆角什么的，看起来就专业多了。

要是你想做得更细，比如标签可编辑、可删除，甚至和后端同步，那就可以再搭点 UI 逻辑，搞个小弹窗或者标签列表什么的。，jQuery Ace的扩展性还不错，想怎么玩都行。

另外，如果你还在找别的语法高亮编辑器，也可以看看Ace Editor的原版，或者试试Scintilla这类更偏底层的控件。

如果你前端项目需要加个简洁好用的代码编辑器，带点标签管理的小功能，jQuery Ace还挺值得一试的。