How To Load Ace Editor With Requirejs From Cdn?
I am trying to load the ace editor from a CDN with requirejs. Here is a plunkr which illustrates my problem. Ace is not defined in the following case: requirejs.config({ paths: {
Solution 1:
you need to define ace as a path to the folder that contains ace.js
and require "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><scriptsrc="http://requirejs.org/docs/release/2.1.14/minified/require.js"></script><scriptsrc="http://code.jquery.com/jquery-2.1.4.min.js"></script></head><body><h1>Hello Plunker!</h1><divid='editor'style="height:200px"></div></body></html>
Post a Comment for "How To Load Ace Editor With Requirejs From Cdn?"