monaco-editor实现代码输入自动填充完成效果代码

代码语言:html

所属分类:其他

代码描述:monaco-editor实现代码输入自动填充完成效果代码

代码标签: monaco-editor 代码 输入 自动 填充 完成

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
   
<meta charset="UTF-8">
   
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
   
<title>BFW NEW PAGE</title>
   
<script src="//repo.bfw.wiki/bfwrepo/js/monaco-editor/loader.js"></script>
<style>
    body
{
       
height: 100vh;
       
width: 100vw;
   
}
</style>
</head>

<body>
   
<div id="container" style="height: 100%"></div>

   
<script>
        require.config({ paths: { 'vs': '//repo.bfw.wiki/bfwrepo/js/monaco-editor' } });
         
        require(['vs/editor/editor.main'], function () {

function createDependencyProposals(range) {
        // returning a static list of proposals, not even looking at the prefix (filtering is done by the Monaco editor),
        // here you could do a server side lookup
        return [
                {
                        label: '"lodash"',
                        kind: monaco.languages.CompletionItemKind.Function,
.........完整代码请登录后点击上方下载按钮下载查看

网友评论0