مدیاویکی:Monaco.js
ظاهر
نکته: برای دیدن تغییرات، ممکن است نیاز باشد که حافظهٔ نهانی مرورگر خود را پس از انتشار پاکسازی کنید. گوگل کروم، فایرفاکس، مایکروسافت اج و سافاری: کلید ⇧ Shift را نگه دارید و روی دکمهٔ Reload در نوار ابزار مرورگر کلیک کنید. برای آگاهی از جزئیات و نحوهٔ پاکسازی حافظهٔ نهانی سایر مرورگرها، صفحهٔ ویکیپدیا:میانگیر مرورگرتان را خالی کنید را ببینید.
$.getScript('https://monaco.toolforge.org/min/vs/loader.js').then(function () {
$('#bodyContent').replaceWith($('<div id="monaco_editor" dir="ltr" style="width:800px;height:600px;border:1px solid grey"></div>'));
require.config({ paths: { 'vs': 'https://monaco.toolforge.org/min/vs' }});
window.MonacoEnvironment = {
getWorkerUrl: function(workerId, label) {
return 'w/index.php?title=MediaWiki:MonacoWorkerProxy.js&action=raw&ctype=text/javascript';
}
};
require(["vs/editor/editor.main"], function () {
var editor = monaco.editor.create(document.getElementById('monaco_editor'), {
value: [
'function x() {',
'\tconsole.log("Hello world!");',
'}'
].join('\n'),
language: 'javascript'
});
});
});