这段代码运行良好：
<head>
<script src='.../prism/prism.js'></script>
<link href='../prism/prism.css' rel='stylesheet' type='text/css'>
</head>
<pre>
<cоde class="language-html">
<span>one</span>
</cоde>
</pre>
但是如果你连接到文本区域，那么什么都不起作用。
<textarea name="text" class="language-html">
<span>one</span>
</textarea>
为什么？应该纠正什么才有效？
PrismJs 指定它仅使用
<pre><code><textarea>因此，它仅适用于
元素，因为在没有<code>元素的情况下标记代码在语义上是无效的。 https://prismjs.com/index.html<code>
但是，有一个名为 PrismJs live 的副项目，您可以将其附加到文本区域 https://live.prismjs.com/ - 它由 Lea Verou 制作，目前正在进行中。
完整且最新的说明位于网站上，但基本上您需要在
prismjs-live.jsprism.jsprism-live.cssprism通过 Javascript 库调用，您还需要包含您想要加载的语言，例如
prismjs-live.js?load=php,javascript<head>
<meta charset="UTF-8">
<title>Prism Live: Lightweight, extensible, powerful web-based code editor</title>
<link rel="stylesheet" href="./prism.css">
<link rel="stylesheet" href="./prism-live.css">
<textarea aria-label="Enter your response here" rows="5" class="prism-live"></textarea>
<script src="./prism.js" charset="utf-8"></script>
<script src="./prism-live.js?load=python,javascript" charset="utf-8"></script>
</head>
我通过将
<pre>/<code><textarea><textarea><textarea><code>HTML：
<div class='code-editor>
<textarea></textarea>
<pre><code></code></pre>
</div>
JS：
var editor = document.querySelector(".code-editor textarea"),
visualizer = document.querySelector(".code-editor code");
editor.addEventListener("input", (e) => {
visualizer.innerHTML = e.target.value;
Prism.highlightAll();
})
CSS：
.code-editor {
display: block;
position: relative;
font-family: monospace;
line-height: 1.5;
width: 500px;
border: solid 1px;
background-color: #f5f2f0; // default prismjs theme background color
}
.code-editor textarea {
background-color: transparent;
color: transparent;
caret-color: black;
padding: 10px;
margin: 0px;
font-size: inherit;
font-family: inherit;
line-height: inherit;
width: 100%;
border: none;
}
.code-editor code {
pointer-events: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 10px;
margin: 0px;
font-size: inherit;
font-family: inherit;
line-height: inherit;
background-color: transparent;
}