web指令碼編輯器ACE Editor

jeanron100發表於2018-03-28

經常會有線上編輯指令碼的需求,但是如果使用textarea來處理有個很明顯的缺點,那就是太單調了。沒有任何的顏色差別,除錯起來也很不方便。

如果可以有提示或者程式碼識別,一種很自然的想法就是IDE工具,其實在web端也可以實現一些基本的功能,至少從體驗上會好很多。不說去替代IDE開發,但是檢視程式碼做一些基本的程式碼變更還是大有幫助的。

最開始聽到ACE Editor這個工具的時候,還是有一些感情的,因為是關鍵的名字ACE.

web指令碼編輯器ACE Editor

實際上這個全名是Ajax.org Cloud9 Editor, Mozilla Skywriter專案也在2011年左右併入了ACE.

可以參見:https://blog.mozilla.org/labs/2011/01/mozilla-skywriter-has-been-merged-into-ace/

要了解這個專案,一種比較好的方式就是在github看star的情況。

web指令碼編輯器ACE Editor

可以很明顯看到,都是上萬顆星了。而且貢獻者有300多人。

這個專案的優勢很強大,支援的語言有120多種,主題風格有20多種,最大支援的行數是400萬行,我想沒有人這麼這麼執著在一個文字里蠻幹到底,所以說是相當的全面了。

web指令碼編輯器ACE Editor

當然在一些體驗上,會揉入更多的JS的處理事件。

總體來說,我最感興趣的就是它作為textarea文字域的效果,至於其他的方向上還需要再調研一把。

我覺得這類專案對於我來說,還是有個缺點就是入門的門檻還是不夠很清晰,沒有一下子就能快速入門的一個demo或者配置。

還需要自己再摸索一下。所以從網上看到的結果也不大相同,這一點我覺得能改進就太好了。

當然這只是一些體驗上的建議,本身的功能來說,已經很不錯了。

至於要揉入我的平臺中,還是有一段路要走,目前我期望的一些功能裡面,對於SQL,python,shell指令碼的需求還是比較多,所以在這方面還是要多投入一些精力來熟悉一下。

要揉入文字域中,主要就是對於樣式的選定。透過JS來關聯起來。這是一個初步的樣例,先揉入了一些樣式,說實話呼叫中還是有些問題沒弄好,繼續改進。細節的操作打算弄好了再分享出來。

web指令碼編輯器ACE Editor

可見JS在前端技術種是多麼重要的一筆。對於開發的需求來說,Java已經和Java的角色差不多了。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/23718752/viewspace-2152318/,如需轉載,請註明出處,否則將追究法律責任。

相關文章