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