如何在Ace Editor中自动滚动？
在Ace Editor中实现自动滚动，可以通过以下步骤进行操作：
- 获取Ace Editor实例：首先，你需要获取到Ace Editor的实例，可以通过JavaScript代码来获取。例如，如果你已经创建了一个id为"editor"的div元素来容纳Ace Editor，可以使用以下代码获取实例：
- 获取Ace Editor实例：首先，你需要获取到Ace Editor的实例，可以通过JavaScript代码来获取。例如，如果你已经创建了一个id为"editor"的div元素来容纳Ace Editor，可以使用以下代码获取实例：
- 启用自动滚动：一旦获取到Ace Editor实例，你可以通过设置editor的属性来启用自动滚动。使用
setOption方法来设置scrollPastEnd属性为true。示例如下： - 启用自动滚动：一旦获取到Ace Editor实例，你可以通过设置editor的属性来启用自动滚动。使用
setOption方法来设置scrollPastEnd属性为true。示例如下： - 设置
scrollPastEnd属性为true后，当光标移动到编辑器底部以下时，编辑器会自动滚动以保持光标始终可见。 - 设置滚动偏移量（可选）：如果你想进一步控制滚动的位置，可以设置滚动偏移量。通过设置
scrollMargin属性，你可以指定光标与编辑器顶部和底部的距离（以像素为单位）。示例如下： - 设置滚动偏移量（可选）：如果你想进一步控制滚动的位置，可以设置滚动偏移量。通过设置
scrollMargin属性，你可以指定光标与编辑器顶部和底部的距离（以像素为单位）。示例如下： - 上述代码将设置光标与编辑器顶部和底部的距离均为10像素。
这样，当你在Ace Editor中进行编辑操作时，编辑器会自动滚动以确保光标始终可见。
相关·内容
我使用一个ace编辑器文本框作为只读文本区域，用于日志输出。 每当有新的日志条目时，我都希望自动滚动。 这些是我现在的设置。this.editor.setOptions({ showGutter: false, wrapBehavioursEnabled: true, wrap: true,
})
浏览 114提问于2019-10-18得票数 1
1回答
我刚刚开始使用Ace编辑器。根据 的说法，“编辑器支持纯文本模式。所有其他语言模式都可以作为单独的模块，按需加载……”，这就是设置JavaScript模式的方式--只用于突出显示语法。在我的例子中，我使用的是JSON - editor.getSession().setMode("ace/mode/json")
Ace似乎无法在editor.setValue()上处理JS对象或JSO
浏览 5提问于2014-01-17得票数 19
回答已采纳
1回答
我正在使用Ace editor尝试一个相当简单的操作:让编辑器跳转到特定的行。不过，我不能让它起作用！参见此jsFiddle：
浏览 2提问于2014-05-19得票数 9
回答已采纳
1回答
智能手机浏览器中的ACE编辑器
、、、、
但是当我试图从android手机中编辑代码时，会出现一些问题。我不能在编辑器里滚动
当我试图在head：<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />中添加没有比例的内容时，编辑器就不会出现。
浏览 0提问于2015-01-23得票数 2
3回答
自动完成Ace编辑器
、、、、
(对于给定的一组关键字)
我知道其他人的一些尝试(例如、、)，也有利用的尝试，但我仍然不知道如何才能适应现有的Ace
浏览 3提问于2013-02-22得票数 8
回答已采纳
我正在使用嵌入在WebView中的JavaFX中的ace编辑器，但在滚动方面面临一个小问题。如果有人曾经面对过这件事并修复了这件事？任何帮助都将不胜感激。(下面是嵌入在webview中的ace编辑器演示)。primaryStage) {
webView.getEngine().load("https://
浏览 3提问于2015-11-02得票数 1
回答已采纳
1回答
我正在使用启用emmet的Ace。如预期的那样，以下功能运行良好：editor.setOption("enableEmmet", true);editor.session.setM
浏览 2提问于2014-07-31得票数 0
回答已采纳
1回答
而不是在我的控制器内：我创建了一家服务工厂： return new AceEditor(name);});$scope.ace= AceEditorService.init('my-editor
浏览 3提问于2014-02-17得票数 0
回答已采纳
2回答
我正在使用，并试图在编辑器中实现自动完成.我尝试了各种选择，但这不起作用，我得到了warnings.Any的想法？';
selector: 'neon-ace-editor', styleUrls: ['.编辑器
<ace-editor [
浏览 7提问于2017-07-07得票数 4
回答已采纳
2回答
我想知道是否有可能在用户输入编辑器ace.js时启用自动完成。此时，在我的项目中，当用户输入: ctrl + space时，自动完成功能就启用了。那么，是否可以在自动完成列表中添加一些关键字？
谢谢
浏览 2提问于2013-11-15得票数 8
回答已采纳
我已经在谷歌上搜索了一段时间，还没有找到这个问题的答案：
给定文件扩展名(例如js、c、cpp、h、java、rb等)，我如何自动为适当的语言选择Ace“模式”？或者更好的是，Ace是否在某种程度上内置了这个功能？
浏览 1提问于2013-04-09得票数 20
回答已采纳
4回答
如何更改ace编辑器的行高？ ? 有什么API可以做到这一点吗？另外，增加行高也应该增加间距高度和光标高度，但从他们的文档中似乎缺少这一点。虽然我写这篇文章不走运， editor.setOptions({}); 我做了一些CSS攻击，但它再次破坏了编辑器布局 div.ace_gutter-cell, div.ace_line { padding-bottom: 10px;
浏览 278提问于2016-06-23得票数 2
回答已采纳
如何在单个组件中使用angular中的多个ace编辑器。
我想在一个组件中使用多个编辑器，如下所示。<div #editor ace-editor [(text)]="text" [mode]="'groovy'" [options]="options" [readOnly]="false" [themeace-editor [(text)]=&q
浏览 15提问于2019-07-26得票数 0
我试图在同一个HTML页面中完成以下所有工作：
我在3.4.5中使用了以下代码：。每个代码本身都工作得很好，但是当我试图组合它们并在同一个页面中创建多个编辑器时，高度根据最后一个编辑器设置。
我该如何修正代码
浏览 6提问于2016-12-13得票数 2
1回答
我正在用Ace编辑器编辑JSON。我的json对象中的每个键都有一个对应的可能值列表。当用户编辑JSON值时，我希望通过自动完成来显示相应的值列表。 #editor { height: 5
浏览 0提问于2018-12-14得票数 0
1回答
我有问题，包括Ace编辑器与Dojo1.9使用AMD加载，例如。type="text/javascript"> 'dojo/on', 'somelocal/folder/ace) {
var editor = ace.edit("editor
浏览 0提问于2013-11-04得票数 2
1回答
如何在Ace编辑器中的change事件中从选择中更改主题？我能够以编程方式设置dom就绪事件的主题。我调用的代码(对于两个事件)如下所示，并且我传递的值类似于("ace/theme/clouds"/"ace/theme/clouds_midnight").var editor = a
浏览 2提问于2012-09-11得票数 4
回答已采纳
我将Ace编辑器嵌入到Chrome弹出窗口中。我试图使文本(第一行)始终可见，然后让编辑器填充屏幕的其余部分。不过，我几乎做到了这一点，正如您在屏幕截图中所看到的那样，有一个垂直滚动条显示，因为您必须向下滚动主窗口以查看编辑器的底部(水平滚动条所在的位置)。因此，突出显示的水文本不再可见。需要实现什么CSS才能使第一行始终在顶部可见，同时能够在编辑器中垂直和水平滚动而不需要在父窗口中滚动？
我尝试做一些与JSFiddle中显示的略有不同的事情。marg
浏览 4提问于2020-03-07得票数 0
回答已采纳
我正在尝试将添加到页面中，但我不知道如何根据其内容的长度自动设置高度。editor.renderer.lineHeight + editor.renderer.scrollBar.getWidth
浏览 8提问于2012-07-20得票数 69
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
