Javascript - 将 HTML 标签从 textarea 替换为 div

Question

出于个人目的，我尝试使用 div(z-index 1)和文本区域(z-index 2，不透明度 0.2)创建一个代码编辑器。

使用 JQuery 和 keyUp 事件，在替换彩色标签中的所有标签后，我将使用 div 上的 .html() 替换文本区域的文本。

但我有一个奇怪的现象，但我无法解释。我正在使用以下代码:

str.replace('/</g', "&lt;");

这似乎不起作用。写入“test <”将显示“test <”，但写入更多字母将切断文本。

For example : 
- Example : "test <i" will show "test ".
- Example 2 : "test < a <i" will show "test < a ".
- Keep in mind : Actually, "test <" show "test <", not "test &lt;".

(示例在 stackoverflow 上似乎已损坏，因此我习惯于缩进示例)

有什么想法吗？

Answer 1

JavaScript 引擎将您的正则表达式视为字符串，并搜索该字符串，您需要删除引号

"test < a <i".replace(/</g, "&lt;");

未关闭的标签将被浏览器关闭，这就是为什么你不会看到 <i作为文本