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

1105 ワード

ダウンロード先: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オンラインコードエディタの概要と使用ガイド