问题标签 [ace-editor]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2084 浏览

javascript - 如何在 Ace 编辑器中实现拖放?

我有一个“ace 编辑器”和一个缩略图调色板。我的客户想将这些缩略图拖到编辑器上,并在放置位置插入一些文本,例如全尺寸图像的 url。但是,我无法在 API 的任何位置找到 drop 事件。

有没有办法在 Ace API 中做到这一点?

如果不是,将我自己的 javascript 函数绑定到鼠标事件是否是一个合理的解决方案,鼠标事件将从源(拖动的)元素中的数据属性插入文本?如果有任何例子,我在这里或通过谷歌没有找到它们。

0 投票
3 回答
11144 浏览

ace-editor - ace 编辑器光标行为不正确

我在我的项目中使用 Ace 编辑器。

CSS:

JavaScript:

#editor包含在一个相对定位的 div 中。

这个问题很难解释,但我会尝试。

每当我在 Ace 中键入文本时,行号会增加光标实际位置的空格,并且预期位置也会增加。

例如,当我输入“这是文本”时,它显示如下:

现在,当我按下退格键时,它将删除“t”行上的最后一个字符,并显示:

当缩放设置为 120 时,我在 Google 上搜索过这个问题,发现 chrome 浏览器有一个类似的问题。但我正在使用 Firefox 浏览器。

0 投票
2 回答
6360 浏览

javascript - 将 HTML 文件加载到 ACE Editor PRE 标签中

有一个(在服务器上)本地存储的 HTML 文件,我需要向用户显示并允许对其进行更改并保存它。(类似于 wordpress 中的模板文件编辑器)。

为此,我正在使用 ACE 编辑器。

我的 JavaScript 代码:

文件 abc.html 中的代码

在此处输入图像描述

我的问题:虽然我使用了 addlashes,但有一些字符会导致问题。没有直接向ACE Editor 提供文件的方法吗?

有没有其他这样的编辑器可以直接提供文件名来打开?

编辑:解决了!

我没有通过 setValue() 函数传递文件文本,而是直接在 PRE 标记中打印文本

有效。

0 投票
1 回答
2667 浏览

java-ee-6 - IceFaces 中的 selectOneMenu 和 textEntry

我对 IceFaces 有疑问,我尝试更改 ace:textEntry 取决于在 ice:selectOneMenu 上选择的项目。

我也不需要去新页面,我希望它是 AJAX 并且每次我更改它时都会刷新。我尝试这样做:

和豆:

但它不起作用,有什么解决办法吗?非常感谢。

0 投票
4 回答
15799 浏览

javascript - Ace Editor 可以在一页中支持多个代码编辑器吗?

我正在寻找实现一个网络应用程序,该应用程序具有“编码竞赛”风格的界面,在一个屏幕上带有 2 个不同的代码编辑器。一个是只读的,另一个是活动的,允许用户编辑。

我目前正在使用 Ace Editor,我发现它很棒且易于使用。

但是,这是我的问题。尝试在单个页面中实现 2 个不同的编辑器时,我似乎遇到了错误。

未捕获的 RangeError:超出最大调用堆栈大小

js脚本中的变量“editor”是受限词还是使用什么变量名无关紧要?

这是我的 JS 文件中的代码:

这是我的html文件代码:

提前感谢您的回复!

0 投票
1 回答
1176 浏览

git - ACE 在线 IDE 的 GIT 支持

我扩展了 ACE - Web 代码编辑器以支持我们正在开发的语言。现在我想在我们用 ACE 构建的 IDE 中添加 Git 支持或使用 GitHub API。我已经研究过 JGIT,但我想知道是否可以将它与 ACE 集成。我需要支持一些简单的 GIT 功能,比如探索 repo、push、pull、merge 等。

我想用我的 IDE 做类似 SCM Manger 的事情。

我发现了一个类似的主题:Git integration with my Java EE application

但这并没有太大帮助。

有人可以指出正确的方向来做到这一点。

谢谢。

0 投票
0 回答
797 浏览

ace-editor - ACE Editor 行焦点问题

我想在不是 div 标签的每一行中放置一些文本,并通过鼠标单击来聚焦它们。默认情况下,ace 编辑器仅将鼠标光标聚焦在行文本内。我想专注于添加元素的线外。(https://github.com/ajaxorg/ace/issues/1342

我已经在 lib/ace/layer/text.js 中插入了我的代码,如下所示。(只注意 mingji 的评论)

this.$renderLine = function(stringBuilder, row, onlyContents, foldLine) {

};

像这样在我的编辑器的每一行中显示的一些表格文本。但我无法将鼠标光标集中在行的表 td 元素上。

0 投票
1 回答
1008 浏览

javascript - ace-editor 获取大括号之间的文本

ace-editor 如何获取大括号之间的代码值,例如:

如果光标打开:"type":"number"

然后它应该返回

0 投票
3 回答
10835 浏览

javascript - 给定文件扩展名,如何为 Ace Editor 自动选择“模式”

我正在开发一个使用 java/scala 后端(确切地说是Lift,虽然这不应该影响这个问题)的项目,并且作为前端的一部分,我们使用Ace Editor。我已经在谷歌上搜索了一段时间,但还没有找到这个问题的答案:

给定一个文件扩展名(例如js, c, cpp, h, java,rb等),我怎样才能自动选择适当语言的 Ace“模式”?

我希望避免手动创建地图 la js -> javascript, c -> c_cpp, java -> java。是否有可用的 java/scala 库?或者更好的是,Ace 是否以某种方式内置了此功能?

0 投票
1 回答
1852 浏览

javascript - 如何将滚动事件附加到 Ace Editor?

我正在使用 Javascript 富文本编辑器ACE Editor。我已经设法完成了大部分我需要做的事情,但我需要在编辑器上附加一个滚动事件。

我怎么做?API 说要使用 ScrollBar ( http://ajaxorg.github.io/ace/#nav=api&api=scrollbar ),但我不知道如何使用它!

如果有人能指出我正确的方向,将不胜感激!