HTML completion demo
Shows the XML completer parameterized with information about the tags in HTML. Press ctrl-space to activate completion.
<p>Shows the <a href="/experiments/lib/codemirror-4.4/demo/xmlcomplete">XML completer</a>
<head>
<title>CodeMirror: HTML completion demo</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../doc/docs.css">
<link rel="stylesheet" href="../lib/codemirror.css">
<link rel="stylesheet" href="../addon/hint/show-hint.css">
<script src="../lib/codemirror.js"></script>
<script src="../addon/hint/show-hint.js"></script>
<script src="../addon/hint/xml-hint.js"></script>
<script src="../addon/hint/html-hint.js"></script>
<script src="../mode/xml/xml.js"></script>
<script src="../mode/javascript/javascript.js"></script>
<script src="../mode/css/css.js"></script>
<script src="../mode/htmlmixed/htmlmixed.js"></script>
<style type="text/css">
.CodeMirror {border-top: 1px solid #888; border-bottom: 1px solid #888;}
</style>
</head>
<body>
<div id="nav">
<a href="http://codemirror.net"><img id="logo" src="../doc/logo.png"></a>
<ul>
<li><a href="/experiments/lib/codemirror-4.4/">Home</a>
</li><li><a href="/experiments/lib/codemirror-4.4/doc/manual">Manual</a>
</li><li><a href="https://github.com/marijnh/codemirror">Code</a>
</li></ul>
<ul>
<li><a class="active" href="#">HTML completion</a>
</li></ul>