访问官网
Githubmonaco-themes
查看扩展演示请访问 https://editor.bitwiser.in
这是一个主题定义列表，用于在浏览器中使用 monaco-editor。查看最简演示
使用方法
npm install monaco-themes
API
使用 <script>
<script type="text/javascript" src="https://unpkg.com/monaco-themes/dist/monaco-themes.js"></script>
<script type="text/javascript">
var tmThemeString = /* 使用 FileReader 读取 */
var themeData = MonacoThemes.parseTmTheme(tmThemeString);
monaco.editor.defineTheme('mytheme', themeData);
monaco.editor.setTheme('mytheme');
</script>
使用 webpack/node
const parseTmTheme = require('monaco-themes').parseTmTheme;
直接使用主题
使用 webpack
const monaco = /* 引入 monaco */
import('monaco-themes/themes/Monokai.json')
.then(data => {
monaco.editor.defineTheme('monokai', data);
})
独立使用
下载这个仓库并解压，将 themes 目录保存到你的项目中。
/* 加载 monaco */
fetch('/themes/Monokai.json')
.then(data => data.json())
.then(data => {
monaco.editor.defineTheme('monokai', data);
monaco.editor.setTheme('monokai');
})
