ace how to guide
Configuring the editor
there are several ways to pass configuration to Ace
有几种方法可以将配置传递给ace
See Configuring-Ace wiki page for a more detailed list of options.
请参考 configuring-ace wike 页面 获取更详细的列表选项 https://github.com/ajaxorg/ace/wiki/Configuring-Ace
Changing the size of the editor
改变编辑器的尺寸。
Ace only checks for changes of the size of it's container when window is resized. If you resize the editor div in another manner, and need Ace to resize, use the following:
当窗口调整大小时, ace只检查容器的大小变化。如果以另一种方式调整编辑器div的大小,并且需要ace调整大小, 请使用以下方法:
if you want editor to change it's size based on contents, use maxLines option as shown in https://ace.c9.io/demo/autoresize.html
如果你希望编辑器根据内容更改其大小,使用maxLines选项如 --
Setting Themes
Themes are loaded on demand; all you have to do is pass the string name:
按需加载主题,你所要做的就是传递字符串名称。
> See all themes 查看所有的主题: https://github.com/ajaxorg/ace/tree/master/lib/ace/theme
Setting the Programming Language Mode 设置编程语言模式
By default, the editor supports plain text mode. All other language modes are available as separate modules, loaded on demand like this:
默认情况下,编辑器支持纯文本模式,所有其他语言模式可作为单独的模式,按要求加载如下:
One Editor, Multiple Sessions 一个编辑器,多个回话
Ace keeps everything about the state of the editor (selection, scroll position, etc.) in editor.session
. This means you can grab the session, store it in a var, and set the editor to another session (e.g. a tabbed editor).
ace将编辑器的所有状态保持在 editor.session (选中区,滚动位置等)。这意味着你可以抓取 session, 将其存储在 var中,并将编辑器设置为另一个session(例如选项卡编辑器)
You might accomplish this like so:
你可以做到这一点:
Common Operations
Set and get content:
设置和获取内容
Get selected text:
获取选中的文本
Insert at cursor, emulating user input:
插入光标,模拟用户输入
Replace text in range:
在范围内替换文本
Get the current cursor line and column:
获取当前光标的行和列
Go to a line:
到达某一行
Get total number of lines:
获取总行数
Set the default tab size:
设置默认的tab大小
Use soft tabs:
使用软tabs
Set the font size:
设置字体大小
Toggle word wrapping:
切换字包装
Set line highlighting:
设置行高亮
Set the print margin visibility:
设置打印边距可见度
Set the editor to read-only:
设置编辑器只读
Using undo manager
使用撤销管理器
To group undo delta of the next edit with the previous one set `mergeUndoDeltas` to true
将下一个编辑的撤销增量分组,通过在前一个设置 ‘mergeUndoDeltas’为true
To start new undo group use `markUndoGroup` method
使用 markUndoGroup方法启动新撤销组
To implement undo/redo buttons see https://ace.c9.io/demo/toolbar.html
实现 undo/redo 按钮查看
Searching 查找
The following options are available to you for your search parameters:
下列选项可供你搜索参数使用:
needle
: The string or regular expression you're looking for- 你正在寻找的字符串或者正则表达式。
backwards
: Whether to search backwards from where cursor currently is. Defaults tofalse
.- 是否从当前光标位置向后搜索。默认值 false
wrap
: Whether to wrap the search back to the beginning when it hits the end. Defaults tofalse
.- 是否在结束搜索时将搜索返回到开始。 默认值false
caseSensitive
: Whether the search ought to be case-sensitive. Defaults tofalse
.- 搜索是否区分大小写。 默认值false
wholeWord
: Whether the search matches only on whole words. Defaults tofalse
.- 搜索是否只匹配整个单词。
range
: The Range to search within. Set this tonull
for the whole document- 搜索范围,设置为null时搜索整个文档。
regExp
: Whether the search is a regular expression or not. Defaults tofalse
.- 搜索是否为正则表达式。 默认值是false
start
: The starting Range or cursor position to begin the search- 开始范围或光标位置开始搜索。
skipCurrent
: Whether or not to include the current line in the search. Default tofalse
.- 是否在搜索中包含当前行。默认值 false
preventScroll
: Whether or not to move the cursor to the next match. Default tofalse
.- 是否将光标移到下个匹配项。默认值false
Here's how you can perform a replace:
下面是如何进行替换
And here's a replace all:
全部替换
(editor.replaceAll
uses the needle set earlier by editor.find('needle', ...
)
Listening to Events 监听事件
To listen for an onchange
: 监听change事件
To listen for an selection
change: 监听选中区change事件
To listen for a cursor
change: 监听 光标change事件
Adding New Commands and Keybindings 添加新的命令和键绑定
To assign key bindings to a custom function:
将键绑定分配给自定义函数:
Configure dynamic loading of modes and themes 配置模式和主题的动态加载
By default ace detcts the url for dynamic loading by finding the script node for ace.js. This doesn't work if ace.js is not loaded with a separate script tag, and in this case it is required to set url explicitely
默认情况下,ace通过查找ace.js的脚本节点来检测动态加载的url。如果 ace.js不是通过单独的script标签加载就不会有用。在这种情况下,需要明确地设置url。
Path for one module alone can be configured with:
一个模块的路径可以单独配置:
When using ace with webpack, it is possible to configure paths for all submodules using
当通过webpack使用ace时,可以配置paths给所有子模块使用
which depends on file-loader
ace how to guide的更多相关文章
- ACE的构建(VC++6.0环境)
ACE的构建(VC++6.0环境)Windows下ACE的构建1. 将ACE-5.5.zip解压到所需的安装目录,此处以E:/为例,解压后形成ACE_wrappers文件夹,因此ACE将会存在于ACE ...
- [转载]ACE的陷阱
转自: http://blog.csdn.net/fullsail/article/details/2915685 坦白说,使用这个标题无非是希望能够吸引你的眼球,这篇文章的目的仅仅是为了揭示一些AC ...
- ACE日志系统
引用于:http://blog.csdn.net/focusonace/article/details/3108873 http://peirenlei.iteye.com/blog/305036 介 ...
- 进程监控模块配置与使用 ------ACE(开源项目)
下面我先从此工程的作用讲起: 此工程适用于程序异常退出,然后自动重启该程序.对于,系统重启不了该进程,那此程序将返回-1,也无法进行下一步工作. 下面,先从配置开始讲起: 参考资料:http://hi ...
- Networked Graphics: Building Networked Games and Virtual Environments (Anthony Steed / Manuel Fradinho Oliveira 著)
PART I GROUNDWORK CHAPTER 1 Introduction CHAPTER 2 One on One (101) CHAPTER 3 Overview of the Intern ...
- Beennan的内嵌汇编指导(译)Brennan's Guide to Inline Assembly
注:写在前面,这是一篇翻译文章,本人的英文水平很有限,但内嵌汇编是学习操作系统不可少的知识,本人也常去查看这方面的内容,本文是在做mit的jos实验中的一篇关于内嵌汇编的介绍.关于常用的内嵌汇编(AT ...
- Microsoft ACE OLEDB 12.0 数据库连接字符串
Excel 97-2003 Provider=Microsoft.ACE.OLEDB.12.0;Data Source=c:\myFolder\myOldExcelFile.xls;Extended ...
- 基于ACE的c++线程封装
1. 基本需求 1) 一个基类,其某个方法代表一个线程的生命运行周期.之后通过继承自这个基类来实现个性化线程类: 2) 具备类似QObject的定时器设置功能: 3) 提供在线程对象中同步和异步执行方 ...
- The Practical Guide to Empathy Maps: 10-Minute User Personas
That’s where the empathy map comes in. When created correctly, empathy maps serve as the perfect lea ...
随机推荐
- 【Alpha 冲刺】 5/12
今日任务总结 人员 今日原定任务 完成情况 遇到问题 贡献值 胡武成 建立数据库 未完成 设计表结构的时候,有些逻辑没有设计好,重新review一番设想的功能才初步确定表结构 孙浩楷 根据UI设计, ...
- jQuery----各版本
jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作.由John Resig在2006年1月的BarCamp NYC上发布第一个版本.目前是由 Dave M ...
- swift是强类型语言
swift是强类型语言 所有的变量必须先声明,后使用: 指定类型的变量只能接收类型与之匹配的值. 强类型:变量的类型明确,变量的赋值必须符合类型约束:变量的类型转化必须显式进行. 强类型:类型规则的制 ...
- java疯狂讲义--摘要
1.一个java文件中可以有多个类,但是只能有一个public类,并且该类需要与文件同名 第6章 对象的软,弱和虚引用 1.强引用---创建一个对象,并把这个对象赋给一个引用变量.一个对象被一个以上的 ...
- jenkins不能取到svn最新版本问题的解决
jenkins总是不能取到最新的SVN版本: 网上有说修改系统时间来解决的,尝试后发现无效: 在源地址末尾添加@HEAD可以解决这个问题.
- PAT B1050 螺旋矩阵 (25 分)
本题要求将给定的 N 个正整数按非递增的顺序,填入“螺旋矩阵”.所谓“螺旋矩阵”,是指从左上角第 1 个格子开始,按顺时针螺旋方向填充.要求矩阵的规模为 m 行 n 列,满足条件:m×n 等于 N:m ...
- SQL Prompt 智能提示插件
1.安装及破解参照地址:http://jingyan.baidu.com/article/a3a3f811da2b3a8da3eb8a4b.html 2.安装包下载: 1)下载 2)http://do ...
- P1341 无序字母对
题目描述 给定n个各不相同的无序字母对(区分大小写,无序即字母对中的两个字母可以位置颠倒).请构造一个有n+1个字母的字符串使得每个字母对都在这个字符串中出现. 输入输出格式 输入格式: 第一行输入一 ...
- 蓝桥杯之大臣的旅费(两次dfs)
Description 很久以前,T王国空前繁荣.为了更好地管理国家,王国修建了大量的快速路,用于连接首都和王国内的各大城市. 为节省经费,T国的大臣们经过思考,制定了一套优秀的修建方案,使得任何一个 ...
- 软件设计、DDD概念及落地时的一些零碎思考和记录
DDD理解 DDD体现的是对现实的充分尊重. 1.尊重业务现实,领域专家.领域语言等概念 2.尊重团队现实 3.尊重变化 Application 对某一业务线的整体掌控,流程组装,进度管理,存储时机掌 ...