将本地模式附加到CDN的Ace Editor

时间:2016-07-14 06:28:41

标签: ace-editor

如果我从CDN加载Ace Editor:
https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ace.js

是否可以从其他位置下载模式:
http://hello.processing.org/js/vendor/ace/mode-processing.js

假设我在上面的第二个链接中下载了该模式。我可以将其加载到我的网站上的Ace编辑器中,即使Ace通过CDN连接了吗?我怎么能够 附加此自定义模式?

我尝试了以下相关答案而没有运气:
https://stackoverflow.com/a/17509307/1161948
https://stackoverflow.com/a/25216371/1161948

1 个答案:

答案 0 :(得分:1)

您正在显示的文件不是主题,而是一种模式。您可以通过自己将脚本元素添加到该文件来使用它,或者使用ace.config.setModuleUrl方法告诉ace下载时使用的URL "ace/mode/processing"

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

<div id=editor></div>
<style >
  #editor {position: absolute; top: 0; bottom: 0; left: 0; right: 0}
</style>
<script>
  var editor = ace.edit("editor")
  ace.config.setModuleUrl("ace/mode/processing", "http://hello.processing.org/js/vendor/ace/mode-processing.js")
  editor.setOption("mode", "ace/mode/processing")
</script>