ホームページはAce Editorコードエディタを埋め込みます.

ダウンロード先:https://codeload.github.com/ajaxorg/ace-builds/zip/master 解凍後はプロジェクトにsrc-noconflitというフォルダを導入するだけでいいです.divの高さは必ず設定してください.でないと、出られません.

    var editor = ace.edit("editorDiv");
    //       ，  theme-*.js  
    editor.setTheme("ace/theme/twilight");
    //      ，  mode-*.js  
    editor.session.setMode("ace/mode/javascript");
    //         
    editor.setShowPrintMargin(false);
    //      
    editor.setReadOnly(true);
   
    //              ，           ext-language_tools.js
    ace.require("ace/ext/language_tools");
    editor.setOptions({
        enableBasicAutocompletion: true,
        enableSnippets: true,
        enableLiveAutocompletion: true
    });

editor.getValue();//    
editor.setValue(value);//    

参考資料
ACE Editorオンラインコードエディタの概要と使用ガイド