效果如下所示(字型顏色，背景等）：

匯入檔案和使用方式

1. 到原文件頁面下載下來壓縮包
2. 頁面引用檔案（檔案在壓縮包內）

<script src="jquery/jquery-1.8.3.min.js"></script>
<script src="ace/ace.js"></script>
<script src="ace/theme-twilight.js"></script>
<script src="ace/mode-ruby.js"></script>
<script src="jquery-ace.min.js"></script>
 

1. 在頁面使用textarea

<textarea class="my-code-area" rows="4" style="width: 100%">puts 'foo'</textarea>
<script>
  $('.my-code-area').ace({ theme: 'twilight', lang: 'ruby' })
</script>

樣式到這就可以了，其它的從原文件檢視。