Ace editor 中文文档

1、介绍

Ace是一个用JavaScript编写的可嵌入代码编辑器。它与Sublime，Vim和TextMate等本机编辑器的功能和性能相匹配。它可以轻松地嵌入任何网页和JavaScript应用程序中。

• 官网地址：Ace - The High Performance Code Editor for the Web
• Github: GitHub - ajaxorg/ace: Ace (Ajax.org Cloud9 Editor)
• Vue版：GitHub - chairuosen/vue2-ace-editor

2、在项目中配置Ace

// 将代码模式配置到ace选项
ace.edit(element, {
    mode: "ace/mode/javascript",
    selectionStyle: "text"
})

// 使用setOptions方法一次设置多个选项
editor.setOptions({
    autoScrollEditorIntoView: true,
    copyWithEmptySelection: true,
});

// 单独设置setOptions方法
editor.setOption("mergeUndoDeltas", "always");

// 一些选项也直接设置，例如：
editor.setTheme(...)

// 获取选项设置值
editor.getOption("optionName");

// 核心Ace组件包括（editor, session, renderer, mouseHandler）
setOption(optionName, optionValue)
setOptions({
    optionName : optionValue
})
getOption(optionName)
getOptions()

3、API选项

以下是目前所有支持的选项的列表。除非另有说明，否则选项值皆为布尔值，可以通过editor.setOption来设置。

3.1 editor选项

3.2 renderer选项

3.3 mouseHandler选项

3.4 session选项

3.5 扩展选项

转载于：https://www.jianshu.com/p/fb49c843a679