Js的線上程式碼編輯器:CodeMirror
github地址:https://github.com/codemirror/CodeMirror/tree/master/demo
裡面包含需要的js、css檔案以及大量的示例
官網:https://codemirror.net/index.html#description
高亮顯示、自動補全等功能
實時線上程式碼高亮顯示,他不是某個富文字編輯器的附屬產品,他是許多大名鼎鼎的線上程式碼編輯器的基礎庫。
CodeMirror是一個執行在瀏覽器中的線上程式碼編輯器,支援100
多種語言,高度可定製。
支援語言有C、C++、C#、Java、Perl、HTML、CSS、PHP、JavaScript、Python、Lua、Go、Groovy、Ruby
以及diff、LaTeX、SQL、wiki、Markdown等檔案格式。
CodeMirror為各種程式語言實現關鍵字、函式、變數等程式碼高亮顯示,豐富的API和可擴充套件功能以及多個主題樣式。
如果要在頁面中需要嵌入一個程式碼編輯區,CodeMirror是最佳的選擇。
參考:https://www.awaimai.com/2050.html
相關推薦
Js的線上程式碼編輯器:CodeMirror
github地址:https://github.com/codemirror/CodeMirror/tree/master/demo 裡面包含需要的js、css檔案以及大量的示例 官網:https://codemirror.net/index.html#description 高亮顯示、
線上程式碼編輯器:Codeanywhere介紹
本文分為幾個部分: 1.Codeanywhere介紹 2.Codeanywhere使用前奏 3.Codeanywhere與Dropbox連線 4.Codeanywhere改變主題顏色 一、Codeanywhere介紹 Codeanywhere是一個線上的程式碼編輯器
CodeMirror 5.42.2 釋出,多功能線上程式碼編輯器
CodeMirror 5.42.2 釋出了,CodeMirror 是一款允許在瀏覽器中的多功能文字編輯器,專用於編輯程式碼,並附帶超過 100 種語言模式和各種外掛,可實現高階的程式碼編輯功能,包括程式碼高亮顯示,功能擴充套件以及多個主題樣式。 該版本更新如下: Bug
使用 CodeMirror 打造屬於自己的線上程式碼編輯器
前提 寫這個的目的是因為之前專案裡用到過 CodeMirror,覺得作為一款線上程式碼編輯器還是不錯,也看到過有些網站用到過線上程式碼編輯,當然我不知道他們是用什麼做的,這裡我把公司專案裡用到的那部分抽出來,單獨寫篇部落格,並把抽出來的那部分程式碼提交到
線上程式碼編輯器的實現原理與思路探討?
問題補充:另外發現了一款線上編輯php的,名叫phpAnyWhere,看介紹應該是很強大的,但是由於必須要先有ftp伺服器賬號,而我填好真實有效的ftp後還是一直提示“Unable to connect to server!”鬱悶,也就沒能進到裡面的編輯介面了。 網址: http://phpanywher
Vue線上程式碼編輯器外掛 vue-monaco-editor
vue-monaco-editor Monaco Editor Vue Component Setup npm install vue-monaco-editor --save Simple Vue Use import MonacoEdit
7款超酷的線上程式碼編輯器的實現收集(2012-05-26更新)
先列出本文收集的所有程式碼編輯器,後面一一介紹。 Ace 線上程式碼編輯器 線上編輯各種文字形式的原始碼,如js,html,php等,要支援語法高亮,即時輸入即時高亮。 我的初步想法是用一個<div contenteditable><
ACE Editor線上程式碼編輯器簡介及使用引導
ACE 是一個開源的、獨立的、基於瀏覽器的程式碼編輯器,可以嵌入到任何web頁面或JavaScript應用程式中。ACE支援超過60種語言語法高亮,並能夠處理程式碼多達400萬行的大型文件。ACE開發團隊稱,ACE在效能和功能上可以媲美原生代碼編輯器(如Sublime Tex
精品推薦:【CKEditor】全球最優秀的網頁線上文字編輯器之一
CKEditor簡介 CKEditor是新一代的FCKeditor,是一個重新開發的版本。CKEditor是全球最優秀的網頁線上文字編輯器之一,因其驚人的效能與可擴充套件性而廣泛的被運用於各大網站。 可配合使用的擴充套件有 檔案管理器KCFinder KCFinder 檔案管理器
sublime-text3:好用的程式碼編輯器
Sublime Text 是一個輕量,簡潔,高效,跨平臺的編輯器,它保持了其他文字編輯器簡單易用的特性,同時提供豐富而強大的外掛 package control 安裝方法 ctrl+`開啟控制檯,輸入 import urllib.reque
sublime:一款神級web程式碼編輯器
我是一名web農農,下面是我使用的一些外掛或配置。 下載了sublime後首先要安裝的外掛:package control,它主要用來管理各種外掛。 View > Show Cons
百度編輯器:上傳圖片
html splay div log 監聽 conf 圖片地址 彈出 .config <!DOCTYPE html> <html> <head> <title>we234234</title> &
百度編輯器:上傳圖片二
wid 封面 def 初始 += radi var ott one <!DOCTYPE html> <html> <head> <title>we234234</title> <scrip
使用vim編輯器:
文件名 行號 jpg image 編輯器 使用 啟動 正文 命令模式 使用vim編輯器:vi是工作在字符終端環境下的全屏編輯器,通過按命令實現相應的編輯和操作功能,vi編輯器可以使用三種不同工作模式: 命令模式:啟動vi編輯器後默認進入命令命令模式,該模式中主要完成如光標移
[UE4]UMG編輯器:控件作為變量、預設錨點和自由錨點
http 編輯 png ima bubuko 錨點 分享 com bsp [UE4]UMG編輯器:控件作為變量、預設錨點和自由錨點
[UE4]UMG編輯器:中心點對齊
對齊 info .com 技術分享 技術 ue4 編輯器 17. 分享圖片 [UE4]UMG編輯器:中心點對齊
51CTO博客2.0-Markdown編輯器:脈絡清晰的排版速成班
TP 代碼 鼠標 鏈接 阿拉伯 一行 water RM 2.0 基礎: 1.【語法】請參看《51CTO博客2.0-Markdown編輯器使用技巧》2.【內容】 文章總標題&作者個人姓名介紹,不要放在正文3.【空行】使用markdown語法的段落,上下段之間空一行,避
Ubuntu超簡單文書編輯器:nano
幫助 指令 ctr 字符 技術 打開 常用指令 列數 info nano 的使用很簡單,可以直接加上檔名就能夠開啟一個舊檔或新檔! 直接在終端輸入指令:nano text.txt,如下圖所示打開的是已有的文檔! 第一部分反白部分,是nano的版本與檔名 第二部分可以編輯文
第十九章 文本處理流編輯器:awk編程
並不是 文本 取模 用戶自定義函數 taf linu man align 邏輯運算 第十九章 文本處理流編輯器:awk編程 名詞解釋 awk 是一種編程語言,用於linux/unix下對文本和數據進行處理。數據可以來自標準輸入(stdin)、一個或多個文件、或其它命令的輸出
文字/程式碼編輯器中文字的正則替換
日常工作中,經常會碰到需要進行一系列文字替換的工作。以下是常用的幾種 1. DOS Shell 指令碼, 用來查詢替換檔名 近來沒有用過,待補充。 2. Editplus, 這是一款非常輕量級的編輯器,可以編輯一些HTML/JAVACRIPT等一些指令碼語言。它的正則表示式語法在選單【幫助】欄中。