有没有办法检测文本区域内的编程代码？答案

【问题标题】：Is there a way to detect programming code inside a textarea?有没有办法检测文本区域内的编程代码？
【发布时间】：2020-05-01 17:53:49
【问题描述】：

就像我在上面写的那样，我正在寻找一个正则表达式来检测 textarea 内的代码，例如：

textarea {
  width: 100%;
  height: 300px;
}

&lt;textarea&gt;&lt;/textarea&gt;

对于检测代码，我指的是每一种编程语言或 CSS 或地球上存在的任何东西。也许有 RegEx 或其他什么？

【问题讨论】：

你的意思是你想检测所有的语言（在这个星球上）？
为什么要把它限制在地球上？
我会看看那里的语法高亮库，看看它们做了什么。有些具有自动检测功能。
看看 CodeMirror。
@MARSHMALLOW 不，我正在使用纯文本内容可编辑的 div，我想将代码包装到一个特殊设计的 div 中

标签： javascript html regex

【解决方案1】：

您无法使用一个 RegEx 检测所有编程语言。

但是您可以检测到一种语言。例如，下面是一个检测一些 HTML 代码的正则表达式：

let myRegularExpression = new RegExp(/<\s*.*>/ig);

这是您的代码：

document.getElementsByTagName("textarea")[0].addEventListener("keyup", function() {
   let myRegularExpression = new RegExp(/<\s*.*>/ig);
   if(myRegularExpression.test(this.value)) {
      alert("That's HTML!");
   }
});

textarea {
  width: 100%;
  height: 300px;
}

&lt;textarea&gt;&lt;/textarea&gt;

对于 JavaScript，使用这个正则表达式（检测变量）：

let myRegularExpression = new RegExp(/var\s*.*;/g);

这是您的代码：

document.getElementsByTagName("textarea")[0].addEventListener("keyup", function() {
   let myRegularExpression = new RegExp(/var\s*.*;/g);
   if(myRegularExpression.test(this.value)) {
      alert("That's JavaScript!");
   }
});

textarea {
  width: 100%;
  height: 300px;
}

&lt;textarea&gt;&lt;/textarea&gt;

如果您正在查看语法突出显示，例如 CodeMirror、highlight.js、Monaco 或 ACE，您还可以查看一些库并查看它们的代码！

【讨论】：