问题标签 [react-ace]

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 回答
377 浏览

javascript - 王牌编辑。将当前编辑状态设置为基础

我正在为我的项目使用由react-ace包装的ace 编辑器。

如何在需要时销毁所有撤消/重做历史?

我已经尝试过this.aceRef.editor.destroy();(只是对与编辑器绑定的 ref 做出反应),但不幸的是它在某些情况下效果不佳。所以,我只需要清理撤消/重做会话/历史或类似的东西。

有什么解决办法吗?

0 投票
0 回答
853 浏览

angular - 无法读取未定义的属性“获得”

开玩笑测试失败

测试套件无法运行

TypeError:无法读取未定义的属性“acquire”

在对象。(node_modules/ace-diff/src/index.js:12:35)

在securesincity/react-ace#179,securesincity/react-ace#230 for react-ace 库中看到了类似的问题。Nuking node_modules 没有解决问题。

有没有办法忽略开玩笑的错误?运行应用程序时不会引发错误。

包.json

开玩笑的配置:

我无法分享我的源代码,但是我在我的组件中导入 AceDiff,如下所示

然后将其用作

请让我知道如何提供更多信息。

0 投票
1 回答
1441 浏览

javascript - 手动将代码片段添加到 react-ace 编辑器

是否可以通过react-ace组件手动添加片段。

例如,将片段添加myFunjavascript

我在这里这里浏览了文档、常见问题解答和类似问题。

0 投票
0 回答
419 浏览

reactjs - 从 react-ace 编辑器中的排水沟中删除所有注释

我在我的反应项目中使用 AceEditor,但我不想在装订线中显示错误或警告。我怎样才能做到这一点?我尝试了以下一种方法,但没有奏效。

谢谢你。

0 投票
2 回答
328 浏览

javascript - 基于 prop 加载 css/javascript 文件

我正在处理一个使用该react-ace库的 reactjs 文件。目前我的代码看起来像这样

但是,我正在尝试找出一种使其更通用的方法。所以我可以说类似<Ace mode="javascript" />然后在组件中导入brace/mode/javascript而不是brace/mode/html

所以我的问题是:加载库而不是使用的最佳方法是什么import

PS:我特别指出我使用react的原因是因为我是create-react-app用来创建应用程序的。

0 投票
1 回答
2179 浏览

javascript - React Ace 编辑器标记突出显示整行,甚至定义为限制列的 startCol 和 endCol

我使用以下代码显示 Ace 编辑器并突出显示文本范围。

JS:

反应渲染():

CSS:

使用此代码,编辑器突出显示整个第 6 行和第 7 行,而不将突出显示限制在第 5 - 6 列。

在此处输入图像描述 仅突出显示部分行而不突出显示整行的正确方法是什么?

0 投票
2 回答
2198 浏览

javascript - 如何指定要在 Ace Editor 中自动完成的自定义令牌列表?

在使用Ace Editor设置自动完成后,我让它与react-ace一起使用。但是,我需要在内置的自动完成列表中提供一些自定义标记。

的存储库react-ace将这些属性定义为

但这是什么array

我尝试过设置enableBasicAutocompletion={ ['custom'] }enableBasicAutocompletion={ [ (...args) => console.log(args) ] }但都失败并出现关于getCompletions not a function.

如何将这些自定义自动完成关键字添加到列表中?

0 投票
1 回答
3030 浏览

javascript - 在 ace 编辑器中启用 Python 语法验证/检查器

在我的网络应用程序中,我正在使用具有 python 模式的 ace 编辑器,如下所示:

如果print用户输入错误,我需要显示如下验证:

HTML 语法验证

ace 编辑器具有 HTML、JavaScript 的语法验证/检查功能。但在我的情况下,我需要显示 python 的错误,我愿意使用其他支持我的要求的编辑器,我也愿意使用react-ace,在 react-ace 中,找不到解决方案演示反应王牌

我遇到了这个问题,它指出 Cloud9 使用 pylint 来显示语法错误。如果是这样,如何在网络应用程序中启用它,我猜 ace 没有对此的内置支持?任何关于这方面的帮助/指南真的很有帮助

0 投票
2 回答
3311 浏览

javascript - 使用 ReactQuill 库禁用任何用户输入

我正在尝试使用 ReactQuill 来显示我拥有的一些富文本,因此我不希望它可以接收用户的任何输入或输入。原因,我有另一个库(ReactAce),ReactQuill 导致了一个错误,当我键入“删除”键时,它使 ReactAce 停止工作......

您可以在下面看到我正在尝试禁用 Quill 实例的示例。

如果您知道某种方法可以阻止 ReactQuill 接收来自键盘的任何输入,我会很高兴,因为我认为这是导致错误的原因。

谢谢!

0 投票
1 回答
2149 浏览

javascript - 如何在不实例化 Ace 编辑器实例的情况下使用 Ace 编辑器验证器?

我用来react-ace在我的 React 应用程序中创建一个 CSS 文本编辑器。

这看起来像...

这工作得很好而且很漂亮——突出显示 CSS 语法错误和警告。此外,onValidate返回错误/警告“注释”数据结构。

然而,在应用程序的其他地方,需要运行在此 React Ace 组件中使用的相同验证器,但在此组件的上下文之外。本质上我需要value通过错误/警告注释系统传递内容,但不能实例化这个反应元素。

我尝试了以下方法:

然而,这个函数返回的注解总是[]! 我认为这是因为我只是在访问注释设置器/获取器接口,而不是实际运行注释创建器。但我无法弄清楚注释实际上是如何正常工作的。

我查看了有关为 Ace 创建语法荧光笔的文档,但不明白是否/为什么需要在这里涉及网络工作者。

谢谢!