问题标签 [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.
javascript - 在我更改大小之前，使用 Resizable 编写的组件不会显示
除非并且直到我不更改组件的大小（可调整大小），否则不会显示 AceEditor
如果我添加任何其他 HTML 元素，例如
有没有办法让 Ace 编辑器在没有任何库的情况下调整大小。
额外问题：如何获得取决于窗口大小的最大线。
版本：
“可重新调整大小”：“6.2.0” “react-ace”：“8.0.0”
javascript - 在 React-ace 中设置值时出现类型错误
设置值时出现错误。我正在尝试设置 JavaScript 代码，但出现以下错误。
我的编辑器设置是
reactjs - 如何在 React 中美化动态代码片段？
我研究了 google-code-prettify、beautify 等代码美化工具。不幸的是，我无法在我的 React 应用程序中使用这些美化工具。我目前正在使用 react-ace 来显示动态填充的代码片段，但它们只是颜色突出显示，没有格式化。
有什么简单的例子可以让我在 React App 中使用它吗？它不必使用 Ace 编辑器——这是我的一种技巧，可以让代码显示得很好。
ace-editor - React Ace Editor 突出显示其他单词中间的关键字
我正在使用反应王牌编辑器。我创建了一个自定义突出显示规则，如其他地方所述。代码在这里：
问题是当我在编辑器中输入类似 def somedeftext 的东西时，“somedeftext”中间的“def”这个词被错误地突出显示。是什么导致了这种行为？
reactjs - 通过 React 测试库 (RTL) 触发 react-ace onChange
在我的代码中，我有使用 react-ace 的组件。在我的渲染函数中，我有这一行：
回调函数：
我想onCodeChanged通过 RTL 进行测试，所以我试图在更改值时找到文本区域，但没有任何成功
（不工作）测试的例子：
问题是fireEvent.change(ace, { target: { value: 'someText' } });不会触发我的功能 - onCodeChanged。
你知道我该如何测试它吗？
css - 在 react-split 中嵌入 react-ace
我得到嵌入react-ace. react-split在这里，我在两个窗格中嵌入了两个编辑器，并let x = "this line got scrolled left"在第一个窗格的第一行输入：
在键入代码时，只要我点击div编辑器前面黄色标题中文本的最右边空白处，Ace 就会在我键入时开始向左滚动该行。我随后可以将文本滚动回视图，但 Ace 不允许我将光标定位到编辑器中该点的右侧。
如果我从每个窗格中删除前面的黄色标题，Ace 的行为就好像这个滚动点是第一个字符，因此在我键入时永远不会让我看到这些字符。
就好像浏览器认为窗格有一个宽度，而 Ace 认为它有另一个宽度，该宽度是使用编辑器在窗格中显示其他任何内容所需的最小宽度。
这是我的 React，用nextjs实现：
这是我的CSS：
我尝试实施react-split文档中的 CSS 建议。我也实现了这个float:left并遇到了同样的问题。我可能弄错了，因为我发现文档很难理解。
我在 CSS 中做错了吗？谢谢你尽你所能的帮助。
（注意：我意识到 Ace 提供了一种拆分编辑器的方法，但这不是我想要在我的应用程序中做的事情。我只是使用两个编辑器进行演示。）
javascript - 如何将 JSON 与 react-ace 一起使用？
我使用react-ace并尝试使用 java 语法的自述文件示例。效果很好。但我似乎无法将其设置为 JSON。
Java 工作
JSON 不起作用？
错误
拒绝从 '...../worker-json.js' 执行脚本，因为它的 MIME 类型 ('text/html') 不可执行。（匿名）@ 2f896707-86be-497a-93b2-e1711942d7c7:1 2f896707-86be-497a-93b2-e1711942d7c7:1 未捕获的 DOMException：无法在 'WorkerGlobalScope' 上执行 'importScripts'：脚本位于 '...../ worker-json.js' 加载失败。
如何使用 JSON？
reactjs - 如何使用反应删除 ace 编辑器中所有现有的高亮标记
我正在使用 ace 编辑器，并通过定义以下代码来突出显示行：
现在我想删除我在编辑器中使用的所有标记，因为我没有任何标记 ID。
javascript - 在 react-ace Ace Editor 中将多行字符串设置为 defaultValue
在使用 react-ace（Ace Editor）库时，我发现自己需要将defaultValue属性定义为 JSX 格式的代码块（我在 JavaScript 中留下的编辑器模式），如下所示：
当声明defaultValue得到这样的东西时：
编辑返回...
如何将多行字符串作为默认值输入编辑器？
javascript - 我可以在带有 react-ace 的 React 应用程序中使用 Ace 编辑器的高级功能吗？
我想在 React 应用程序中使用 Ace 创建一个选项卡式编辑器。有一个名为 react-ace https://github.com/securingsincity/react-ace的组件可用，但是我想做一些事情，例如将每个选项卡的代码存储在 Session 中并显示它。使用普通的旧 js，我可以这样做（来自 Ace 文档）：
我想知道在使用非常好的 react-ace 组件时是否可以做类似的事情，还是应该使用普通的旧 js 方式？