CodeMirror实现代码编辑器输入代码自动补全提示效果代码

代码语言:html

所属分类:其他

代码描述:CodeMirror实现代码编辑器输入代码自动补全提示效果代码

代码标签: CodeMirror 代码 编辑器 输入 代码 自动 补全 提示

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

<!DOCTYPE html>
<html lang="en">
<head>
   
<meta charset="UTF-8">
   
<title>CodeMirror Auto-completion Demo</title>
   
<!-- Include CodeMirror CSS -->
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/codemirror.css">
   
<link rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/js/codemirror/theme/monokai.css">
   
<link rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/js/codemirror/addon/hint/show-hint.css">
   
<style>
       
.CodeMirror {
           
height: 400px;
           
border: 1px solid #ddd;
       
}
   
</style>
</head>
<body>
   
<h2>CodeMirror A.........完整代码请登录后点击上方下载按钮下载查看

网友评论0