dev-chiefworks
116 lines
3.3 KiB
JavaScript
116 lines
3.3 KiB
JavaScript
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Ace code editor
|
|
*
|
|
* Demo JS code for editor_code.html page
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
|
|
// Setup module
|
|
// ------------------------------
|
|
|
|
var Ace = function() {
|
|
|
|
|
|
//
|
|
// Setup module components
|
|
//
|
|
|
|
// Ace editor
|
|
var _componentAce = function() {
|
|
if (typeof ace == 'undefined') {
|
|
console.warn('Warning - ace.js is not loaded.');
|
|
return;
|
|
}
|
|
|
|
// Javascript editor
|
|
var js_editor = ace.edit('javascript_editor');
|
|
js_editor.setTheme('ace/theme/monokai');
|
|
js_editor.getSession().setMode('ace/mode/javascript');
|
|
js_editor.setShowPrintMargin(false);
|
|
|
|
|
|
// HTML editor
|
|
var html_editor = ace.edit('html_editor');
|
|
html_editor.setTheme('ace/theme/monokai');
|
|
html_editor.getSession().setMode('ace/mode/html');
|
|
html_editor.setShowPrintMargin(false);
|
|
|
|
|
|
// CSS editor
|
|
var css_editor = ace.edit('css_editor');
|
|
css_editor.setTheme('ace/theme/monokai');
|
|
css_editor.getSession().setMode('ace/mode/css');
|
|
css_editor.setShowPrintMargin(false);
|
|
|
|
|
|
// JSON editor
|
|
var json_editor = ace.edit('json_editor');
|
|
json_editor.setTheme('ace/theme/monokai');
|
|
json_editor.getSession().setMode('ace/mode/json');
|
|
json_editor.setShowPrintMargin(false);
|
|
|
|
|
|
// LESS editor
|
|
var less_editor = ace.edit('less_editor');
|
|
less_editor.setTheme('ace/theme/monokai');
|
|
less_editor.getSession().setMode('ace/mode/less');
|
|
less_editor.setShowPrintMargin(false);
|
|
|
|
|
|
// PHP editor
|
|
var php_editor = ace.edit('php_editor');
|
|
php_editor.setTheme('ace/theme/monokai');
|
|
php_editor.getSession().setMode('ace/mode/php');
|
|
php_editor.setShowPrintMargin(false);
|
|
|
|
|
|
// Ruby editor
|
|
var ruby_editor = ace.edit('ruby_editor');
|
|
ruby_editor.setTheme('ace/theme/monokai');
|
|
ruby_editor.getSession().setMode('ace/mode/ruby');
|
|
ruby_editor.setShowPrintMargin(false);
|
|
|
|
|
|
// SASS editor
|
|
var sass_editor = ace.edit('sass_editor');
|
|
sass_editor.setTheme('ace/theme/monokai');
|
|
sass_editor.getSession().setMode('ace/mode/sass');
|
|
sass_editor.setShowPrintMargin(false);
|
|
|
|
|
|
// Coffee editor
|
|
var coffee_editor = ace.edit('coffee_editor');
|
|
coffee_editor.setTheme('ace/theme/monokai');
|
|
coffee_editor.getSession().setMode('ace/mode/coffee');
|
|
coffee_editor.setShowPrintMargin(false);
|
|
|
|
|
|
// Handlebars editor
|
|
var handlebars_editor = ace.edit('handlebars_editor');
|
|
handlebars_editor.setTheme('ace/theme/monokai');
|
|
handlebars_editor.getSession().setMode('ace/mode/handlebars');
|
|
handlebars_editor.setShowPrintMargin(false);
|
|
};
|
|
|
|
|
|
//
|
|
// Return objects assigned to module
|
|
//
|
|
|
|
return {
|
|
init: function() {
|
|
_componentAce();
|
|
}
|
|
}
|
|
}();
|
|
|
|
|
|
// Initialize module
|
|
// ------------------------------
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
Ace.init();
|
|
});
|