如何从 CDN 加载带有 requirejs 的 ace 编辑器？答案

【问题标题】：How to load ace editor with requirejs from CDN?如何从 CDN 加载带有 requirejs 的 ace 编辑器？
【发布时间】：2015-06-17 09:53:40
【问题描述】：

我正在尝试使用 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
})

【问题讨论】：

标签： javascript requirejs ace-editor

【解决方案1】：

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

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 中的文件夹。
如何加载其他主题？ editor.setTheme("ace/theme/monokai") 不起作用：-/
如何加载主题？ editor.setTheme("ace/theme/monokai") 不起作用：-/ Here 是我的新问题
@DannyRaufeisen 您希望它以什么其他方式工作？
想一想，paths 中的条目通常可以直接指向 js-files。这也适用于 jquery（请参阅github.com/requirejs/example-jquery-cdn#how-its-set-up）那么为什么不在这种情况下呢？