web腳本編輯器ACE Editor的示例分析

小編給大家分享一下web腳本編輯器ACE Editor的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

經(jīng)常會有在線編輯腳本的需求，但是如果使用textarea來處理有個很明顯的缺點，那就是太單調(diào)了。沒有任何的顏色差別，調(diào)試起來也很不方便。

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

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

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

要了解這個項目，一種比較好的方式就是在github看star的情況。

可以很明顯看到，都是上萬顆星了。而且貢獻(xiàn)者有300多人。

這個項目的優(yōu)勢很強大，支持的語言有120多種，主題風(fēng)格有20多種，最大支持的行數(shù)是400萬行，我想沒有人這么這么執(zhí)著在一個文本里蠻干到底，所以說是相當(dāng)?shù)娜媪恕?/p>

當(dāng)然在一些體驗上，會揉入更多的JS的處理事件。

總體來說，我最感興趣的就是它作為textarea文本域的效果，至于其他的方向上還需要再調(diào)研一把。

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

還需要自己再摸索一下。所以從網(wǎng)上看到的結(jié)果也不大相同，這一點我覺得能改進(jìn)就太好了。

當(dāng)然這只是一些體驗上的建議，本身的功能來說，已經(jīng)很不錯了。

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

要揉入文本域中，主要就是對于樣式的選定。通過JS來關(guān)聯(lián)起來。這是一個初步的樣例，先揉入了一些樣式，說實話調(diào)用中還是有些問題沒弄好，繼續(xù)改進(jìn)。細(xì)節(jié)的操作打算弄好了再分享出來。

以上是“web腳本編輯器ACE Editor的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！