EditArea 是一款免费的javascript源码编辑工具它可以用来在textarea中编辑源码，主要的目的是为了代码的格式化、查找、替换和适时的代码高亮功能。
它主要的特性有：
1、使用简单，只需要包含一个文件和调用一个接口即可；
2、支持表格；
3、查找和替换（通过正则表达式）；
4、适时的语法高亮功能（目前支持的语言有：PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, Pascal, Basic）；
5、自动的增加新行；
6、支持行的编号显示；
7、多语言支持（Croatian, Danish, English, French, German, Italian, Japanese, Polish, Portuguese）；
8、支持多实例；
9、支持全屏显示；
10、更多请见官方介绍。http://www.cdolivet.net/editarea/
首先创建一个textarea，并给它定义一个ID,使用如下的例子调用接口：
editAreaLoader.init({
id: "exemple_3" // id of the textarea to transform
,start_highlight: true
,font_size: "8"
,font_family: "verdana, monospace"
,allow_resize: "y"
,allow_toggle: false
,language: "fr"
,syntax: "css"
,toolbar: "new_document, save, load, |, charmap, |, search, go_to_line, |, undo, redo, |, select_font, |, change_smooth_selection, highlight, reset_highlight, |, help"
,load_callback: "my_load"
,save_callback: "my_save"
,plugins: "charmap"
,charmap_default: "arrows"
});
id: "exemple_3" // id of the textarea to transform
,start_highlight: true
,font_size: "8"
,font_family: "verdana, monospace"
,allow_resize: "y"
,allow_toggle: false
,language: "fr"
,syntax: "css"
,toolbar: "new_document, save, load, |, charmap, |, search, go_to_line, |, undo, redo, |, select_font, |, change_smooth_selection, highlight, reset_highlight, |, help"
,load_callback: "my_load"
,save_callback: "my_save"
,plugins: "charmap"
,charmap_default: "arrows"
});
使用效果如下：
