如何使用HTML为关键字着色?

时间:2013-04-20 05:08:14

标签: javascript jquery css html5

我正在开发一个基于SQL的webapp,我需要为一些keyworkd着色,比如SELECT,IN,UPDATE,DELETE,FROM等,就像Notepad ++,Sublime等一样。

enter image description here

有没有人知道如何用javascript做到这一点?

我正在考虑在每次击键时运行异步任务,但我对如何做到这一点没有任何想法......

1 个答案:

答案 0 :(得分: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突出显示。