npm i install awg-editor or yarn add awg-editor
import { 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)