codeMirror基础用法、动态提示表名、动态提示库名下的表名db.table

为什么80%的码农都做不了架构师？>>>   

一、本codeMirror代码段实现功能有：

1. 实例化

2. 动态设置实例的宽度、高度

editor.setSize(width,height)

3. 获取编辑器输入值

editor.getValue()

4.  获取鼠标选中区域的代码

editor.getSelection()

5. 设置编辑器的值

editor.setValue(val)

6. 输入的关键字统一变成大写字母

7. 用户实时输入监听：支持db.table动态获取点后参数列表提示功能（动态设置词库并提示）
eg.

8. 获取当前位置 之前/之后 的sql语句（截至到上一个/下一个分号）

editor.getRange({line,ch},{line,ch})     //获取指定范围内的文本内容第一个对象是起始坐标，第二个是结束坐标

 

 

 

二、以上功能具体实现代码如下（vue）：

 

转载于:https://my.oschina.net/SZQing/blog/3016029