使用 Javascript 的颜色原始差异输出答案

【问题标题】：Color raw diff output with Javascript使用 Javascript 的颜色原始差异输出
【发布时间】：2014-10-29 08:32:30
【问题描述】：

我得到了显示给用户的两个文件之间差异的结果。是否有任何 JS 库可用于为原始差异文本着色（通过添加必要的 HTML），以便添加和删除的行正确着色？

原始差异文本的格式类似于以下内容：

####----
--- /path/to/some/file  2014-09-02 10:22:17.273600883 -0400
+++ /path/to/some/file  2014-09-02 10:24:20.404052923 -0400
@@ -123,12 +123,14 @@

-This line was removed
-This line was also removed
+This line was added
+I added this line, too

我更喜欢 JS 解决方案，但我也愿意使用 PHP 解决方案。

【问题讨论】：

我会在 PHP 中执行此操作，在彩色文本区域和 css 文件周围使用自定义标签
你“表现如何？”
@David 如果您的意思是在 UI 方面，它在灯箱中。在数据方面，我向返回文本的 PHP 脚本发出 AJAX 请求。
知道了。所以你已经把它作为一个 JavaScript 字符串，并试图弄清楚如何把它扔在那里？
@David 对，它已经在一个字符串中。我担心的是是否有一个现有的 JS 库可以添加必要的 HTML 到该字符串以在显示时添加颜色。搜索时找不到。

标签： javascript php colors diff

【解决方案1】：

我相信Colorer Take 5 library 可以上色（不过我不知道它是否还真的很活跃）。

糟糕，Colorer Take5 是 C++。这是你想要的highlight.js。

【讨论】：