Ace 在HTML中使用方法

DOCTYPE html>
<html><head><title>Demo of ACE Editortitle><script src="./ace.js">script><script src="./ext-language_tools.js">script>head><body><pre id="code" class="ace_editor" style="min-height:400px"><textarea class="ace_text-input">
#includeint main(){int n,m;scanf("%d %d",&n,&m);printf("%d",n+m);return 0;}textarea>pre><script>//初始化对象var editor = ace.edit("code");//设置风格和语言(更多风格和语言,请到github上相应目录查看)var theme = "clouds"var language = "javascript"editor.setTheme("ace/theme/" + theme);editor.session.setMode("ace/mode/" + language);//字体大小
            editor.setFontSize(18);//设置只读(true时只读,用于展示代码)
            editor.setReadOnly(false);//自动换行,设置为off关闭
            editor.setOption("wrap", "free")//启用提示菜单
            ace.require("ace/ext/language_tools");editor.setOptions({enableBasicAutocompletion: true,enableSnippets: true,enableLiveAutocompletion: true});script>body>
html>

 

转载于:https://www.cnblogs.com/chiangyibo/p/7448136.html


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部