Ace Editor RequireJS 引用 ace/ext-language_tools 依赖项“ace/lib/oop”和“ace/lib/event_emitter”

Question

我正在使用 RequireJS 加载 ace 编辑器。我在加载大部分编辑器及其依赖项时没有遇到任何问题。但我特别引用了 ace/ext-language_tools，但它加载了额外的引用“ace/lib/oop”和“ace/lib/event_emitter”，但这些文件不存在于 ace-build Bower 库中。它们仅存在于源代码中。我正在尝试使用构建和缩小的版本，但我似乎无法引用这些附加文件。我做错了什么？是否有某种原因导致这些文件没有使用 https://cdnjs.com/libraries/ace/ 的 CDN 版本或 ace-build Bower 库构建？

Answer 1

在内置版本中 ace/lib/oop 和 ace/lib/event_emitter 在 ace.js 文件中声明

请参阅下面的示例

<script src=https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ace.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ext-language_tools.js></script>

<script>
  editor = ace.edit()
  document.body.appendChild(editor.container)
  editor.container.style.height = '100px'
  editor.setOptions({
    enableBasicAutocompletion: true,
    enableLiveAutocompletion: true,
    enableSnippets: true,
  })
  editor.session.setMode("ace/mode/javascript")
</script>

Answer 2

<div id="editor"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ace.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ext-language_tools.js"></script>

<script>
  editor = ace.edit("editor")
  document.body.appendChild(editor.container)
  editor.container.style.height = '100px'
  editor.setValue("<p>Paragraph</p>")

  editor.setOptions({
    enableBasicAutocompletion: true,
    enableLiveAutocompletion: true,
    enableSnippets: true,
  })
  editor.session.setMode("ace/mode/html")
editor.setTheme("ace/theme/dracula")
</script>