如何从 CDN 使用 requirejs 加载 ace 编辑器？

Question

我正在尝试使用 requirejs 从 CDN 加载 ace 编辑器。

Here 是一个 plunkr，它说明了我的问题。在以下情况下未定义 Ace：

requirejs.config({
  paths: { ace: ['//cdnjs.cloudflare.com/ajax/libs/ace/1.1.9/ace'] }
})

$('h1').text("loading ace...");
requirejs([ 'ace'], function(ace) {
  $('h1').text("ace loaded.")
  console.log(ace)
  ace.edit('#editor')
  return
})

Answer 1

您需要将 ace 定义为包含 ace.js 的文件夹的路径并要求 "ace/ace"

requirejs.config({
    paths: { ace: ['//cdnjs.cloudflare.com/ajax/libs/ace/1.1.9/'] }
})

$('h1').text("loading ace...");
requirejs(['ace/ace'], function(ace) {
    $('h1').text("ace loaded.")
    console.log(ace)
    ace.edit('editor')
})

<!DOCTYPE html>
<html>

  <head>
    <script src="http://requirejs.org/docs/release/2.1.14/minified/require.js"></script>
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>    
  </head>

  <body>
    <h1>Hello Plunker!</h1>
    <div id='editor' style="height:200px"></div>
  </body>

</html>

如何从 CDN 使用 requirejs 加载 ace 编辑器？

How to load ace editor with requirejs from CDN?

javascript

requirejs

ace-editor