Monaco-Editor实现一个代码编辑器示例代码

代码语言:html

所属分类:其他

代码描述:Monaco-Editor实现一个代码编辑器示例代码

代码标签: Monaco Editor 代码 编辑器 示例 代码

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

<!DOCTYPE html>
<html>

<head>
        <meta charset="UTF-8">
    <style>
        body {
      font-family: "Source Han Sans", "San Francisco", "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", sans-serif;
      transition: background-color .2s;
    }
   
    #header {
    
      height: 50px;
    
    width: 100%;
      background-color: #333;
      color: #fff;
      font-size: 20px;
    
      line-height: 50px;
      display: inline-block;
      vertical-align: middle;
      padding-left: 15px;
    
      overflow: hidden;
      z-index: 0;
    }
    
    .container {

      height: calc(100vh - 50px);
   
    
      margin: 0 auto;
      display: block;
    
      transition: 0.2s;
      overflow: hidden;
      z-index: 0;
    }
    </style>
    <script src="//repo.bfw.wiki/bfwrepo/js/monaco-editor/loader.js"></script>
   
</head>

<body>
    <div id="header">基础版 Monaco Editor</div>
    <div id="root"></div>
     <script>
 require.config({ paths: { 'vs': '//repo.bfw.wiki/bfwrepo/js/monaco.........完整代码请登录后点击上方下载按钮下载查看

网友评论0