2013-12-13 44 views
-1

我在我的網頁有一個textarea作爲編輯器。 在textarea中輸入java/c/C++代碼時,我希望代碼被格式化並自動自行美化(例如爲{}塊內的代碼着色關鍵字,空格和自動標籤)。格式和美化Java代碼,同時在html的textarea中輸入

或者

我需要它可以嵌入我的網頁編輯器。

+1

注意,像我們這麼看到一個基於HTML文本區域將不會顯示漂亮的彩色代碼。它不支持這種能力。 –

+0

是的,Html textarea不支持。這就是爲什麼我要求圖書館。 答案是CodeMirror。 – NovelGuy

回答

2

可以使用CodeMirror(C,C++和Java的有例如:http://codemirror.net/mode/clike/index.html

這真的很簡單,使其工作,只是包括codemirror.js,codemirror.css和你想要的語言的.js文件頁面的標題,再有就是創建一個文本編輯器的方法,例如:

CodeMirror.fromTextArea(document.getElementById("TEXTAREA_ID"), { 
    mode: "text/x-java", 
    indentWithTabs: true, 
    smartIndent: true, 
    lineNumbers: true, 
    lineWrapping: true, 
    matchBrackets : true, 
    autofocus: true 
}); 

更多的相關信息:http://codemirror.net/doc/manual.html

當然還有其他的(ACE,EditArea,...),但我已經使用過那個,我是哈PPY吧:)

乾杯