<DOCTYPE html> <!DOCTYPE html> <html lang="ja"> <head> <meta charset=utf-8> <title>テキストエディタ</title> <link rel="stylesheet" type="text/css" href="reicss.css"> <style> </style> </head> <body> <div id="editor" style="height: 300px"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/ace.js"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/ext-language_tools.js"></script> <script> var editor = ace.edit("editor"); editor.$blockScrolling = Infinity; crom editor.setOptions({ enableBasicAutocompletion: true, enableSnippets: true, enableLiveAutocompletion: true }); editor.setTheme("ace/theme/monokai"); editor.setFontSize(20); editor.getSession().setMode("ace/mode/Ruby"); </script> </body> </html>