ACE
https://ace.c9.io/doc/site/images/ace-logo.png
Webブラウザで動作するJavaScript製テキストエディタ。
各種プログラミング言語に対応したシンタックスハイライト、入力補完、コードスニペットの挿入などに対応している。
以下、使用例
https://gyazo.com/daea76a7455a2f3348f31c920d4e1781
code:index.html
<html>
<head>
<meta charset="utf8">
<title>Ace Sample</title>
</head>
<body>
<h2>Ace Sample</h2>
<div id="editor" style="width:600px;height: 300px"></div>
<script type="text/javascript">
var editor = ace.edit("editor");
editor.setTheme("ace/theme/monokai");
editor.getSession().setMode("ace/mode/javascript");
editor.setFontSize(12);
editor.setOptions({
enableBasicAutocompletion: true,
enableLiveAutocompletion: true,
enableSnippets: true,
});
</script>
</body>
</html>