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）：

<template>
  <textarea ref="txt" class="txt">
  </textarea>
</template>

<script>
import CodeMirror from 'codemirror'
import 'codemirror/lib/codemirror.css'
import &#