如何使用script标签引入monaco-editor

要使用 Monaco Editor，您需要使用以下步骤将其引入您的 HTML 页面中：

1. 首先，在您的 HTML 文件中添加以下代码来引入必要的样式和脚本：

<!-- 引入样式 -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/monaco-editor@latest/min/vs/editor/editor.main.css">

<!-- 引入脚本 -->
<script src="https://cdn.jsdelivr.net/npm/monaco-editor@latest/min/vs/loader.js"></script>

2. 接下来，您需要使用以下代码来加载编辑器：

<div id="container" style="width:800px;height:600px;"></div>

<script>
  require.config({ paths: { 'vs': 'https://cdn.jsdelivr.net/npm/monaco-editor@latest/min/vs' }});
  require(['vs/editor/editor.main'], function() {
    var editor = monaco.editor.create(document.getElementById('container'), {
      value: 'select * from mytable',
      language: 'sql'
    });
  });
</script>

这将在一个 `div` 元素中创建一个编辑器，并将其设置为 SQL 语言模式。您可以根据需要更改 `value` 和 `language` 参数来设置编辑器的内容和语言。

注意：如果您的网站使用了 Content Security Policy（CSP），则需要修改该策略以允许从 `https://cdn.jsdelivr.net` 加载脚本和样式。

希望这可以帮助您在您的项目中使用 Monaco Editor！