如何在monaco编辑器中设置文件的路径?

时间:2017-09-14 13:38:49

标签: html monaco-editor

这是test.html文件中的html代码片段。



<script src="monaco-editor/min/vs/loader.js"></script>
<script>
	require.config({ paths: { 'vs': 'monaco-editor/min/vs' }});
	require(['vs/editor/editor.main'], function() {
		var editor = monaco.editor.create(document.getElementById('container'), {
			value: [
				'function x() {',
				'\tconsole.log("Hello world!");',
				'}'
			].join('\n'),
			language: 'javascript'
		});
	});
</script>
&#13;
&#13;
&#13;

这是我系统上的文件树。

ide ├── cpp14 │   ├── test.html ├── monaco └── node_modules ├── monaco-editor    └── test.html

我将test.html文件从monaco/node_moules/复制到cpp14

并将cpp14/test.html中的所有路径更改为

&#13;
&#13;
<script src="ide/monaco/node_modules/monaco-editor/min/vs/loader.js"></script>
<script>
	require.config({ paths: { 'vs': 'ide/monaco/node_modules/monaco-editor/min/vs' }});
	require(['ide/monaco/node_modules/monaco-editor/min/vs/editor/editor.main'], function() {
		var editor = monaco.editor.create(document.getElementById('container'), {
			value: [
				'function x() {',
				'\tconsole.log("Hello world!");',
				'}'
			].join('\n'),
			language: 'javascript'
		});
    });
&#13;
&#13;
&#13;

这不起作用,我认为在代码段中设置这些文件的路径时出错。 如何使这项工作?

1 个答案:

答案 0 :(得分:0)

尝试别名:

require.config({
    paths:{
         'ide/monaco/node_modules/test.html': 'ide/cpp14/test.html'
          'vs': '...'
    }
});