npm i install awg-editor or yarn add awg-editorimport { AwgEditor } from 'awg-editor'
const editor = AwgEditor.getInstance()
AwgEditor.initSuggestions(funName) // 创建代码补全提示
AwgEditor.initHover(hoverHints) // 创建鼠标悬浮提示
AwgEditor.initCodeEditor(dom) // 初始化编辑器基于monaco-editor的二次封装,实现快速定义自定义提示和鼠标悬浮提示
CodeEditor
• Private hoverMap: Map<string, IMarkdownString[]>
internal
• Private hoverTips: null | IDisposable
• language: string
CodeEditor.language
• Private suggestion: null | IDisposable
▪ Static instance: AwgEditor
▸ defineTheme(): void
自定义编辑器主题,默认使用AWG项目的主题
void
CodeEditor.defineTheme
▸ dispose(): void
取消原有的自定义提示与鼠标悬浮提示
void
CodeEditor.dispose
▸ formateHover(txt): string
提供简单的格式化鼠标悬浮提示的能力
| Name | Type | Description |
|---|---|---|
txt |
string |
格式化文字 |
string
格式化后的文字
▸ initCodeEditor(editorDom): null | IStandaloneCodeEditor
初始化编辑器
| Name | Type | Description |
|---|---|---|
editorDom |
HTMLElement |
monaco-editor的dom容器 |
null | IStandaloneCodeEditor
monaco-editor create实例
CodeEditor.initCodeEditor
▸ initHover(params, formate?): void
初始化鼠标悬浮提示
| Name | Type | Default value | Description |
|---|---|---|---|
params |
HoverParams | HoverParams[] |
undefined |
自定义鼠标悬浮提示参数 |
formate |
boolean |
true |
是否开启简单的提示格式化功能 |
void
CodeEditor.initHover
▸ initSuggestions(params): void
初始化自定义函数提示
| Name | Type | Description |
|---|---|---|
params |
string[] | SuggestionsParams[] |
自定义函数提示参数 |
void
CodeEditor.initSuggestions
▸ setLanguage(lan): void
| Name | Type | Description |
|---|---|---|
lan |
string |
设置编辑器语言 |
void
CodeEditor.setLanguage
▸ Static getInstance(): AwgEditor
return(awgeditor)