codeEditor 代码编辑器 #基于 monaco editor, 为你的页面增加代码编辑能力。
由于 monaco editor 对语法处理是通过 web Worker 实现的，所以需要加载处理语法的 Worker, 配置方式参考官方教程.
基本用法 #v-model双向绑定编辑器内容，options参数参考 monaco editor 定义。
显示代码复制代码片段代码高亮 #切换 Code 内容/* Some example CSS */
@import url("something.css");
body {
margin: 0;
padding: 3em 6em;
font-family: tahoma, arial, sans-serif;
color: #000;
}
#navigation a {
font-weight: bold;
text-decoration: none !important;
}
h1 {
font-size: 2.5em;
}
h2 {
font-size: 1.7em;
}
h1:before, h2:before {
content: "some contents";
}
code {
font-family: courier, monospace;
font-size: 80%;
color: #418A8A;
}对一个代码块进行高亮
显示代码复制代码片段CodeEditor 参数 #参数类型默认说明v-modelstring''可选，传入编辑器内容modeMode'normal'可选，编辑器模式original-textstring''可选，diff 模式下原始对比文本themeTheme'light'可选，编辑器主题auto-heightbooleanfalse可选，编辑器高度是否根据内容自适应refresh-allbooleanfalse可选, 是否需要刷新全部评论offset-leftnumber--可选, 传入的 domNode 的左偏移量add-comment-iconstring''可选, 左侧添加评论图标expand-comment-iconstring''可选, 左侧展开评论图标optionsOptions{}可选, 编辑器选项，参考mouse-target-typemonaco.editor.MouseTargetType[2, 4]可选, 鼠标点击返回事件区域editor-decorationsDecoration[][]可选, 编辑器的侧边装饰commentsComment[][]可选, 代码检视内容CodeEditor 事件 #事件回掉参数说明after-editor-initFunction(instance: IStandaloneCodeEditor | IStandaloneDiffEditor)初始化完成事件，返回 monaco-editor 实例clickFunction(event: IEditorMouseEvent)点击编辑器不同区域返回事件CodeHighlight 参数 #暂无
类型定义 #Mode #type Mode = 'normal' | 'diff' | 'review';
Theme #type Theme = 'light' | 'dark';
Options #type Options = monaco.IEditorConstructionOptions;
Decoration #interface Decoration {
lineNumber: number;
icon?: string;
customClasses?: string;
glyphClassName?: string;
}
Comment #interface Comment {
lineNumber: number;
isExpanded: boolean;
domNode?: HTMLElement;
heightInPx?: number;
allowEditorOverflow?: boolean;
offsetLedt?: number;
}
IStandaloneCodeEditor #type IStandaloneCodeEditor = monaco.IStandaloneCodeEditor;
IStandaloneDiffEditor #type IStandaloneDiffEditor = monaco.IStandaloneDiffEditor;