在線文本編輯器(ACE Editor)
ACE是一個實現了語法着色功能的基於Web的代碼編輯器,具有良好的代碼提示功能和大量的主題。
一、資源獲取
官方網址:https://ace.c9.io/
Github地址:https://github.com/ajaxorg/ace-builds
下載好資源后,看readme,使用src-noconflict作為依賴的資源庫
在下載的依賴的庫里包含以下幾種開頭的文件
ace.js 是依賴的主文件
ext-XXX 是關於編輯器的設置文件
mode-xxx 是編輯器對不同語言的識別和高亮文件
theme-xxx 是編輯器不同主題的文件
二、引入頭文件
三、頁面引入js文件
這里引入的是對json代碼的提示和代碼高亮,可以在依賴的庫里找到不同語言對應的js文件,進行替換。
四、編輯器的使用示例
支持代碼高亮,關鍵詞提示,且存在代碼缺失等問題時,在行號前提示錯誤