用jquery突出显示textarea中的代码的方法？答案

【问题标题】：Way to highlight code in textarea with jquery?用jquery突出显示textarea中的代码的方法？
【发布时间】：2011-03-19 02:51:08
【问题描述】：

有没有什么好的和合乎逻辑的方法通过 jQuery 突出显示 textarea 中的代码？如果有，请分享。

【问题讨论】：

你的意思是用<code>标签包裹的东西吗？

标签： jquery syntax-highlighting codehighlighter

【解决方案1】：

我也在寻找一个实时语法着色的最佳解决方案，所以我找到了一个比 textarea 更老的有效的古老软件（2007）（女巫也在工作）：

1.Codepress

https://sourceforge.net/projects/codepress/files/

然后在 index.html 中的第 117 行替换为

<textarea spellcheck="false" id="codepress2" class="codepress javascript linenumbers-off" style="width:700px;height:200px;" wrap="off">

将有实时语法着色，如 web 含义中的 notepad++/editplus 小代码可以“重绘”、“忘记”到这个时代……

这取决于你...

2.MIT LDT =极简语法着色
https://github.com/kueblc/LDT

..我所做的所有测试都在自定义 apache php 8.1 mariadb 自定义服务器中（远程越野车/间谍免费）所以这两个工作正常！

所以答案是：如果你愿意重新编码一些东西可以在作者接受的情况下在 jquery 中重新编码（查看许可证以获取更多信息）

【讨论】：

【解决方案2】：

如果代码是指 SQL、PHP 等，请查看 Codepress。这是一个实时的语法高亮编辑器，用 Javascript 编写。

编辑：

如果您更喜欢更现代且积极维护的替代方案，您应该查看Ace。

【讨论】：

【解决方案3】：

你可以使用 CodeMirror http://codemirror.net/

...用 JavaScript 为浏览器实现的多功能文本编辑器。它专门用于编辑代码，并带有许多language modes 和addons，它们实现了更高级的编辑功能。

丰富的programming API 和 CSS theming 系统可用于自定义 CodeMirror 以适应您的应用程序，并使用新功能对其进行扩展...

【讨论】：

我知道这真的很晚了，但我不知道如何使用 codemirror

【解决方案4】：

您可以使用以下搜索代码突出显示文本的一部分：

<script type="text/javascript">
    $(document).ready(function() {
        $("textarea").highlightTextarea({
              words: ["first word","an other word"]
        });
    });
</script>

在Highlight text into a textarea 上查找有关在文本区域中突出显示的更多信息

【讨论】：

【解决方案5】：

不，没有。您可以将样式应用于整个文本区域，但不能应用于其中的部分文本。

您需要一些可以替代 textarea 的东西，here 是其中的一些列表。

【讨论】：