2012-08-01 80 views
11

我发现这个项目美化代码

http://code.google.com/p/google-code-prettify/

我测试过它,它工作正常

,但它只能与工程(<pre>

我想使用它与(<textarea>

但如果我将<pre>替换为<textarea>

它不工作!

那么如何使用这个脚本textarea的?

+2

Textarea只包含普通的旧文本。没有格式。您需要一个富文本编辑器来进行语法高亮显示。看到这里:https://developer.mozilla.org/en/Rich-Text_Editing_in_Mozilla – kevin628 2012-08-01 20:48:49

+1

一个textarea是一个非常不同于静态文本,我不认为你会得到这个脚本的工作。搜索“hightlight code textarea”应该会给你一些结果。 – Bergi 2012-08-01 20:49:03

+0

好的,那么如何解决这个问题呢?我可以用另一个做同样工作的html标签替换textarea吗? (我允许我的用户编辑他们的html代码,所以我使用textarea)你知道任何其他的想法吗? – 2012-08-01 20:53:11

回答

23

你试过codemirror

它做你想做的:美化代码在textarea。

+0

WOW,这正是我一直在寻找的,非常感谢你 – 2012-08-01 20:58:15

+0

乐意帮忙! :) – Prasanth 2012-08-01 21:00:44

+0

嘿Prasanth,代码镜像似乎增加了很多div,因此如果文本区域中的代码增长,它可能会影响性能。 另外它增加了一个滚动条,这使得它很难定制。 你有什么建议吗? – user1401472 2014-04-16 12:59:48