1. 首页
  2. 问答
  3. 如何使用HTML为关键字着色？

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

2013-04-20 22 views
2

我正在开发一个基于SQL的web应用程序，我需要一些颜色keyworkds，如SELECT，IN，UPDATE，DELETE FROM，等等，就像记事本++，崇高等。如何使用HTML为关键字着色？

enter image description here

有谁知道如何做到这一点的JavaScript任何想法？

我在想运行在每个击键一个异步任务，但我对如何做到这一点拿去想法...

来源

2013-04-20 Felipe Barreiros

+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行动突出。

来源

2013-04-20 05:11:55

+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

相关问题

 相关问题