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 ...
随机推荐
- 1)HDFS分布式文件系统 2)HDFS核心设计 3 )HDFS体系结构
一.HDFS简介 1.HDFS:Hadoop distributed file system 一个分布式文件系统 基于流数据模式访问和处理超大文件的需要而开发 适合应用在大规模数据集上 2. 优点 处 ...
- November 06th, 2017 Week 45th Monday
The education of a man is never completed until he dies. 一个人的学习之路,到死才结束. Being a life-long learning ...
- 题解 P2920 【[USACO08NOV]时间管理Time Management】
题面 作为一名忙碌的商人,约翰知道必须高效地安排他的时间.他有N工作要 做,比如给奶牛挤奶,清洗牛棚,修理栅栏之类的. 为了高效,列出了所有工作的清单.第i分工作需要T_i单位的时间来完成,而 且必须 ...
- JQuery 为radio赋值问题
今天用jquery 为radio赋值,从百度查了一下方法: $("input[name='radioName'][value=2]").attr("checked&quo ...
- MP实战系列(十二)之封装方法详解(续二)
继续MP实战系列(十一)之封装方法详解(续一)这篇文章之后. 此次要讲的是关于查询. 查询是用的比较多的,查询很重要,好的查询,加上索引如鱼得水,不好的查询加再多索引也是无济于事. 1.selectB ...
- rpm安装MySQL5.5后配置,在centos5上;mysql编译安装在centos6.5上;
[1] 没有/etc/my.cnf: rpm包安装的MySQL是不会安装/etc/my.cnf文件的:处理:cp /usr/share/mysql/my-huge.cnf /etc/my.cnf [2 ...
- Windows7系统下OpenCV2.4.4+PCL1.6.0+SSBA3.0+VS2010 IDE32环境下编译和安装以实现Sfm和PCL点云数据可视化
最近在学习<深入理解OpenCV:实用计算机视觉项目解析>一书的第三章和第四章时,遇到很多编译问题,书中又没有详细的讲解环境配置和搭建过程.经过多天的捉摸.调试.排错终于将两章的程序都调试 ...
- 深入C#学习系列一:序列化(Serialize)、反序列化(Deserialize)
序列化概述: 序列化 (Serialization)将对象的状态信息转换为可以存储或传输的形式的过程.在序列化期间,对象将其当前状态写入到临时或持久性存储区.以后,可以通过从存储区中读取或反序列化对象 ...
- 浅谈SDN架构下的运维工作
导读 目前国内的网络运维还处于初级阶段,工作人员每天就像救火一样,天天疲于奔命.运维人员只能埋头查找系统运行的日志,耗时耗力,老眼昏花不说,有时候忙了半天还一无所获,作为运维工程师的你,有木有遇到过类 ...
- ViewData、ViewBag、TempData、Session的区别与联系
简介 这篇文章是我在学习ASP.NET MVC程序传值方式梳理总结的笔记.在ASP.NET MVC中,页面间和Controller与View之间主要有以下几种小量数据传值方式, ViewData.Vi ...