使用JavaScript建立一个语法高亮输入框

【使用JavaScript建立一个语法高亮输入框】editor.setTheme("ace/theme/dawn");editor.getSession().setTabSize(2);editor.getSession().setUseWrapMode(true);
这3行代码是关于文本输入效果的,第一行改变代码默认的语法颜色和主题,在src目录下个有几十个新的主题,你可以从中任意选择
另外两个选项是关于用户体验 。通常情况下,按一个键盘上的Tab键将输入4个空格,这里我设置成2个空格,此外,该文本在默认情况下将不会自动换行,超了会追加一个水平滚动条向外延伸 。但使用这种方法(true),我们可以修复自动换行的问题 。

使用JavaScript建立一个语法高亮输入框

文章插图
还有一些其他的命令,你可以参考ACE向导 。这里面包含了改变光标的位置,动态添加新内容,或复制的文本的全部内容 。
CSS代码
#editor { margin-left: 15px;margin-top: 15px;width: 1000px;height: 400px;}
演示,在下面的编辑框中你可以任意编辑代码