2013-04-20 55 views
2

我正在開發一個基於SQL的web應用程序,我需要一些顏色keyworkds,如SELECT,IN,UPDATE,DELETE FROM,等等,就像記事本++,崇高等。如何使用HTML爲關鍵字着色?

enter image description here

有誰知道如何做到這一點的JavaScript任何想法?

我在想運行在每個擊鍵一個異步任務,但我對如何做到這一點拿去想法...

+2

看看代碼鏡像http://codemirror.net/mode/sql/index.html。可能你可以使用這個。 – PSL 2013-04-20 05:09:51

+0

你絕對應該使用像codemirror和其他庫,但是如果你想有一些樂趣和推出自己的解決方案,我已經寫了一個關於如何基於正則表達式操作頁面上的文本的小概念證明http:///jsfiddle.net/scarsick/tX4Ge/1/ – plalx 2013-04-20 05:28:25

回答

3

https://code.google.com/p/google-code-prettify/wiki/GettingStarted添加

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=sql"></script> 

<head>,然後把

<pre class="prettyprint lang-sql">...</pre> 

在你的HTML轉義SQL。

http://google-code-prettify.googlecode.com/svn/trunk/tests/prettify_test.html#sql_lang顯示了SQL行動突出。

+1

'?lang = sql'似乎毫無用處,Google返回相同的腳本。 – johnchen902 2013-04-20 05:34:40

+0

嘿,謝謝你的回覆!這是一個很好的資源,當文本是靜態的,但我正在尋找一些東西,可以在我寫作時顏色.. – 2013-04-20 05:51:17

+0

@ johnchen902,它返回相同的腳本,然後腳本通過檢查加載lang-sql.js它的'src'。 – 2013-04-20 16:45:26