ace editor 使用教程

時間 2019-12-10

標籤 ace editor 使用教程简体版

原文原文鏈接

<!DOCTYPE html>
<html>
<head>
<title>Demo of ACE Editor</title>

<script src="ace-builds-master/src/ace.js"></script>
<script src="ace-builds-master/src/ext-language_tools.js"></script>
</head>html

<body>

<pre id="code" class="ace_editor" style="min-height:400px">
<textarea class="ace_text-input">
#include <cstdio>
int main(){
int n,m;
scanf("%d %d",&n,&m);
printf("%d",n+m);
return 0;
}
</textarea>
</pre>git

//設置風格和語言（更多風格和語言，請到github上相應目錄查看）
theme = "clouds"
language = "c_cpp"
editor.setTheme("ace/theme/" + theme);
editor.session.setMode("ace/mode/" + language);session

//字體大小
editor.setFontSize(18);字體

//設置只讀（true時只讀，用於展現代碼）
editor.setReadOnly(false);ui

//自動換行,設置爲off關閉
editor.setOption("wrap", "free")code

//啓用提示菜單
ace.require("ace/ext/language_tools");
editor.setOptions({
enableBasicAutocompletion: true,
enableSnippets: true,
enableLiveAutocompletion: true
});
</script>htm

</body>
</html>對象

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。