Javascript 如何通过语法突出显示用户在文本区域中输入的HTML代码？

我正在构建一个教程应用程序，用户可以在文本区域内键入HTML/Javascript/CSS代码，在输入代码后，他们将点击一个名为“render”的按钮。单击按钮时，用户输入的代码将在div中呈现

应用程序本身是用HTML5和Javascript编写的

问题是，当用户在文本区域内键入代码时，它是在平面文本中输入的，或者是根据文本区域的文本属性输入的（如果我通过CSS设置的话）

有没有办法在“我的文本”区域中提供语法突出显示功能（这在包括visual studio在内的许多文本编辑器中都很常见）？

您看到了吗

---

这是基于（请参阅）的。

这是一个很难从头开始的项目，这就是为什么有一些工具已经做到了这一点

您可以在此处看到一些工具：

---

其中大多数都是开源的，因此您可以很容易地添加函数，以使其按您喜欢的方式工作。

它有点重，但它是一个非常出色的项目，可以满足您的要求，甚至更多。试着使用这个工具来感受一下，但是它可以使用几乎所有的文本区域，并用它来制作一个完整的文本编辑器

---

会帮你做到这一点，而且非常好。它有一个。

谢谢Jared，我将下载ecoder源代码并研究它，以找到实现该功能的方法。EditArea真的更像您想要的。查看示例。谢谢Tim和所有人。codemirror链接帮助很大：）谢谢。