很多人都知道 monaco-editor 这个项目，可以在浏览器页面上显示类似 VSCode 的界面。
monaco-editor 是微软官方开源的项目，很多在线编辑器都是基于这个项目，比如 theia。
不过我们做在线编辑器的机会不多，很多时候，只是希望在页面上显示文本而已，比如显示日志，命令输出，源码等。
对于这种场景，业内也有很多封装 monaco-editor 的组件，比如在 React 中可以使用 react-monaco-editor。
我在项目中也使用过 react-monaco-editor，好用，不过感觉还是有些重，使用起来也不简单，而且还涉及打包的问题。
为了更简单地使用 monaco-editor，做了一个简单使用 monaco-editor 的项目：livod-monaco。
大家可以把下面使用示例中的文本放入本地 HTML 文件中，打开 HTML 即可预览效果。
使用示例
在页面顶部引入 index.min.js 文件，使用 LivodMonaco.editor 方法即可，传入参数中，container 是 dom 或 domid，text 是显示内容文本，type 为 text 的语言类型。
<html>
<head>
<title>Editor</title>
<script src="https://cdn.jsdelivr.net/npm/livod-monaco/dist/index.min.js"
crossorigin="anonymous"></script>
<style>
body {
margin: 0px;
}
</style>
</head>
<body>
<div id="editor"></div>
<script>
const text = `const normalizeId = (value) => (value.indexOf('#') === 0 ? value.slice(1) : value);
const isEl = (value) => typeof value === 'object' && value.nodeType === 1;
`
const type = 'javascript';
LivodMonaco.editor({ container: '#editor', text, type });
</script>
</body>
</html>
